@charset "UTF-8";
/*
Theme Name: RubyTheme
Theme URI: http://wds.com.vn/
Author: Wakka Data Service
Author URI: http://wds.com.vn/
Description: RubyTheme
Requires at least: WordPress 4.9.6
Version: 1.5
Text Domain: rubytheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Variables & Mixins */
/** VARIABLES */
/** ICON MOON */
/** OTHERS */
/* Normalize */
/*! Bootstrap Reboot v4.2.1 (https://getbootstrap.com/) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */
*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; }

a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }

figure { margin: 0 0 1rem; }

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

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

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

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

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

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

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

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?vt5j70"); src: url("fonts/icomoon.eot?vt5j70#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?vt5j70") format("truetype"), url("fonts/icomoon.woff?vt5j70") format("woff"), url("fonts/icomoon.svg?vt5j70#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-answer:before { content: "\e91a"; }

.icon-question:before { content: "\e91b"; }

.icon-line:before { content: "\e919"; }

.icon-calendar:before { content: "\e918"; }

.icon-play:before { content: "\e917"; }

.icon-like:before { content: "\e916"; }

.icon-note-board:before { content: "\e911"; }

.icon-favorite .path1:before { content: "\e912"; color: #e5fffe; }

.icon-favorite .path2:before { content: "\e913"; margin-left: -1em; color: #ff8853; }

.icon-favorite .path3:before { content: "\e914"; margin-left: -1em; color: white; }

.icon-favorite .path4:before { content: "\e915"; margin-left: -1em; color: #ff8853; }

.icon-arrow-left:before { content: "\e910"; }

.icon-round-plus:before { content: "\e90f"; }

.icon-checked:before { content: "\e90e"; }

.icon-bg-building:before { content: "\e905"; }

.icon-bg-home:before { content: "\e906"; }

.icon-bg-love:before { content: "\e907"; }

.icon-bg-person:before { content: "\e908"; }

.icon-bg-search:before { content: "\e909"; }

.icon-bg-tie:before { content: "\e90a"; }

.icon-bg-time:before { content: "\e90b"; }

.icon-bg-yen:before { content: "\e90c"; }

.icon-search:before { content: "\e90d"; }

.icon-home:before { content: "\e904"; }

.icon-arrow-right:before { content: "\e900"; }

.icon-mail:before { content: "\e901"; }

.icon-star:before { content: "\e902"; }

.icon-note:before { content: "\e903"; }

.icon-facebook:before { content: "\ea90"; }

.icon-twitter:before { content: "\ea96"; }

/* Bootstrap Custom Grid */
/** CONTAINER */
.container-wide { padding-left: 15px; padding-right: 15px; }

@media (min-width: 1200px) { .container-wide { padding-left: 40px; padding-right: 40px; } }

.container-header { padding-left: 15px; }

@media (min-width: 1200px) { .container-header { padding-left: 60px; } }

.container-footer { max-width: 1240px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

@media (min-width: 1200px) { .container-footer { padding-left: 20px; padding-right: 20px; } }

/** Thay đổi Padding trên Container SP **/
@media (max-width: 767.98px) { .container { padding-left: 20px; padding-right: 20px; }
  .container.--sm-20 { padding-left: 20px; padding-right: 20px; }
  .container.--sm-10 { padding-left: 10px; padding-right: 10px; }
  .container.--shorter { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 1200px) { .container.--shorter { padding-left: 80px; padding-right: 80px; } }

/*! Bootstrap Grid v4.3.1 (https://getbootstrap.com/) Copyright 2011-2019 The Bootstrap Authors Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/** BIẾN **/
html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

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

.container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { width: 100%; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-left: 15px; padding-right: 15px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }

.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }

.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }

.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }

.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }

.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }

.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.order-first { -ms-flex-order: -1; order: -1; }

.order-last { -ms-flex-order: 13; order: 13; }

.order-0 { -ms-flex-order: 0; order: 0; }

.order-1 { -ms-flex-order: 1; order: 1; }

.order-2 { -ms-flex-order: 2; order: 2; }

.order-3 { -ms-flex-order: 3; order: 3; }

.order-4 { -ms-flex-order: 4; order: 4; }

.order-5 { -ms-flex-order: 5; order: 5; }

.order-6 { -ms-flex-order: 6; order: 6; }

.order-7 { -ms-flex-order: 7; order: 7; }

.order-8 { -ms-flex-order: 8; order: 8; }

.order-9 { -ms-flex-order: 9; order: 9; }

.order-10 { -ms-flex-order: 10; order: 10; }

.order-11 { -ms-flex-order: 11; order: 11; }

.order-12 { -ms-flex-order: 12; order: 12; }

.offset-1 { margin-left: 8.333333%; }

.offset-2 { margin-left: 16.666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.333333%; }

.offset-5 { margin-left: 41.666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.333333%; }

.offset-8 { margin-left: 66.666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.333333%; }

.offset-11 { margin-left: 91.666667%; }

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -ms-flex-order: -1; order: -1; }
  .order-sm-last { -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; } }

@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .order-md-6 { -ms-flex-order: 6; order: 6; }
  .order-md-7 { -ms-flex-order: 7; order: 7; }
  .order-md-8 { -ms-flex-order: 8; order: 8; }
  .order-md-9 { -ms-flex-order: 9; order: 9; }
  .order-md-10 { -ms-flex-order: 10; order: 10; }
  .order-md-11 { -ms-flex-order: 11; order: 11; }
  .order-md-12 { -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; } }

@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -ms-flex-order: -1; order: -1; }
  .order-lg-last { -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; } }

@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -ms-flex-order: -1; order: -1; }
  .order-xl-last { -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; } }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }

.flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }

.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }

.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

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

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-left: -3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-n1 { margin: -0.25rem !important; }
  .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
  .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
  .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
  .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
  .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
  .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
  .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
  .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
  .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }
  .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
  .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
  .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
  .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-n1 { margin: -0.25rem !important; }
  .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
  .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
  .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
  .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
  .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
  .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
  .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
  .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
  .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
  .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
  .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
  .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
  .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
  .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-n1 { margin: -0.25rem !important; }
  .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
  .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
  .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
  .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
  .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
  .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
  .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
  .m-lg-n3 { margin: -1rem !important; }
  .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
  .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
  .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
  .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
  .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
  .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
  .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-n1 { margin: -0.25rem !important; }
  .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
  .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
  .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
  .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
  .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
  .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
  .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
  .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
  .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
  .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
  .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

/*# sourceMappingURL=bootstrap-grid.css.map */
/** GRID ĐẶT VỊ TRÍ SAU FILE BOOTSTRAP-GRID */
/** GRID */
.rubygrid, .grid-flex { display: flex; justify-content: center; }

.col-max-890 { max-width: 890px; }

[class*="--max-"] { margin-left: auto; margin-right: auto; }

.--max-700 { max-width: 730px; }

.--max-768 { max-width: 798px; }

.--max-890 { max-width: 920px; }

.--max-1110 { max-width: 1140px; }

.--max-1200 { max-width: 1230px; }

.--max-1600 { max-width: 1630px; }

/** Bổ sung grid xxl */
@media (min-width: 1400px) { .container:not([class*="--max-"]) { max-width: 1360px; } }

@media (min-width: 1640px) { .container:not([class*="--max-"]) { max-width: 1600px; } }

/* Template Reset */
/** FONT */
html { font-size: 10px; scroll-behavior: smooth; }

body { font-family: "M PLUS Rounded 1c", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2; color: #2D2D2D; }

@media (max-width: 767.98px) { body { font-size: 1.4rem; } }

h1, h2, h3, h4, h5, h6 { line-height: 1.6; font-weight: 700; }

h1 { font-size: 4.2rem; }

@media (max-width: 767.98px) { h1 { font-size: 3.6rem; } }

h2 { font-size: 3.2rem; }

@media (max-width: 767.98px) { h2 { font-size: 2.4rem; } }

h3 { font-size: 2.4rem; }

@media (max-width: 767.98px) { h3 { font-size: 1.8rem; } }

h4 { font-size: 1.8rem; }

@media (max-width: 767.98px) { h4 { font-size: 1.4rem; } }

h5 { font-size: 1.4rem; }

@media (max-width: 767.98px) { h5 { font-size: 1.2rem; } }

h6 { font-size: 1.2rem; }

@media (max-width: 767.98px) { h6 { font-size: 1rem; } }

.__h1, .__h2, .__h3, .__h4, .__h5, .__h6 { font-family: "Caveat", cursive; font-weight: 500; line-height: 1.4; }

p { margin-bottom: 20px; font-size: 1.6rem; line-height: 2.4; }

@media (max-width: 767.98px) { p { font-size: 14px; } }

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { line-height: 1.7; }

/** List **/
ul:focus { outline: none; }

/** Bootstrap Collapse **/
.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

/** Bootstrap Modal **/
.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }

.modal .close { position: absolute; right: -10px; top: -15px; border-radius: 38px; width: 38px; height: 38px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }

.modal .close a, .modal .close button { position: relative; display: block; width: 100%; height: 100%; padding: 0; background-color: #5398FF; border-width: 0; border-radius: 38px; color: #fff; cursor: pointer; transition: transform 0.2s; }

.modal .close a:focus, .modal .close button:focus { outline: none; }

.modal .close span { display: block; width: 100%; height: 100%; text-indent: -99999px; }

.modal .close span::before, .modal .close span::after { content: ''; position: absolute; left: calc(50% - 8px); top: 50%; width: 16px; height: 1px; background-color: #fff; text-indent: 0; }

.modal .close span::before { transform: rotate(45deg); }

.modal .close span::after { transform: rotate(-45deg); }

.modal .close:hover a, .modal .close:hover button { transform: rotate(180deg); }

@media (max-width: 767.98px) { .modal .close { right: 0; top: 0; box-shadow: none; }
  .modal .close a, .modal .close button { border-radius: 0; }
  .modal .close:hover a, .modal .close:hover button { transform: rotate(0); } }

.modal-dialog { position: relative; width: auto; margin: 20px; pointer-events: none; }

.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }

.modal-slide { position: absolute; left: 100%; top: 0; width: 100%; }

.modal-slide.slide-current { position: static; }

@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { -webkit-transform: none; transform: none; }

.modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); }

.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; }

.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; }

.modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }

.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }

.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.modal-footer > :not(:first-child) { margin-left: .25rem; }

.modal-footer > :not(:last-child) { margin-right: .25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }

@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }

/** GENERAL TAGS */
.pc, .pc-xs, .pc-sm, .pc-md, .pc-lg { display: block !important; }

.pc-flex, .pc-flex-sm { display: flex !important; }

.sp, .sp-xs, .sp-sm, .sp-md, .sp-lg, .sp-flex, .sp-flex-sm { display: none !important; }

@media (max-width: 991.98px) { .pc { display: none !important; }
  .pc-flex { display: none !important; }
  .sp { display: block !important; }
  .sp-flex { display: flex !important; } }

@media (max-width: 575.98px) { .pc-xs { display: none !important; }
  .sp-xs { display: block !important; } }

@media (max-width: 767.98px) { .pc-sm, .pc-flex-sm { display: none !important; }
  .sp-sm { display: block !important; }
  .sp-flex-sm { display: flex !important; } }

@media (max-width: 991.98px) { .pc-md { display: none !important; }
  .sp-md { display: block !important; } }

@media (max-width: 1199.98px) { .pc-lg { display: none !important; }
  .sp-lg { display: block !important; } }

.block { display: block; }

.inline { display: inline-block; }

.inline-block { display: inline-block; }

.display-none { display: none; }

.inline-group > * { display: inline-block; }

/** HIDDEN **/
@media (max-width: 575.98px) { .hidden-xs { display: none !important; } }

@media (max-width: 767.98px) { .hidden-sm { display: none !important; } }

@media (max-width: 991.98px) { .hidden-md { display: none !important; } }

/** TITLE **/
.topic-2 h2, h2.widget-title { position: relative; padding-left: 20px; margin-bottom: 20px; color: #5398FF; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 2.4rem; line-height: 1.6; letter-spacing: 2px; /** MEDIA **/ }

.topic-2 h2::before, h2.widget-title::before { content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: calc(100% - 14px); border-radius: 10px; background-color: #5398FF; }

@media (max-width: 1199px) { .topic-2 h2, h2.widget-title { font-size: 1.8rem; } }

.title-border { padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #DCDFE2; text-align: center; }

.title-border h2, .title-border h3 { letter-spacing: 2px; }

@media (max-width: 767.98px) { .title-border { margin-bottom: 35px; } }

.h3-underline { position: relative; text-align: center; }

.h3-underline::after { content: ""; position: relative; left: calc(50% - (96px / 2)); top: 0; display: block; width: 96px; height: 1px; margin-top: 40px; margin-bottom: 40px; background-color: #707070; }

@media (max-width: 767.98px) { .h3-underline { font-size: 1.6rem; line-height: 1.8; }
  .h3-underline::after { left: calc(50% - (46px / 2)); width: 46px; margin-top: 25px; margin-bottom: 25px; } }

.topic-h1 { display: inline-block; padding: 15px 50px; border: 3px solid #1e1e1e; font-size: 1.5rem; font-weight: 700; text-align: center; }

@media (max-width: 991.98px) { .topic-h1 { padding: 12px 40px; border-width: 2px; font-size: 1.2rem; } }

/** IMAGE **/
figure { margin-bottom: 0; }

.img-res img { max-width: 100%; height: auto; }

.img-res-sp img { display: block; }

@media (max-width: 991.98px) { .img-res-sp img { width: 100%; height: auto; } }

.img-res-xs img { display: block; }

@media (max-width: 575.98px) { .img-res-xs img { width: 100%; height: auto; } }

.img-round { overflow: hidden; border-radius: 10000px; }

/* Image responsive */
img[data-width-sp] { opacity: 0; }

img[data-width-sp].img-res-actived { opacity: 1; }

/** Image effect hover **/
.img-hover { overflow: hidden; position: relative; display: block; /** Image effect hover 2 **/ }

.img-hover::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) repeat; background-color: rgba(0, 0, 0, 0.25); transition: opacity 0.4s; opacity: 0; }

.img-hover img { transition: transform 0.4s; transform: perspective(600px); }

.img-hover:hover::after { opacity: 1; }

.img-hover:hover img { transform: perspective(600px) translate3d(0, 0, 100px); }

.img-hover.--hover-2:hover img { transform: perspective(600px) translate3d(0, 0, 100px) rotate(-5deg); }

/** ELEMENT HOVER **/
.ele-hover a { display: block; transition: transform 0.2s; transform: perspective(600px) translate3d(0, 0, 0); }

.ele-hover a:hover { transform: perspective(600px) translate3d(0, 0, 50px); }

/** BREAK LINE **/
[class^=br-] { display: none; }

@media (max-width: 575.98px) { .br-xs { display: inline-block; width: 100%; } }

@media (max-width: 767.98px) { .br-sm { display: inline-block; width: 100%; } }

@media (min-width: 576px) { .br-min-sm { display: inline-block; width: 100%; } }

@media (min-width: 768px) { .br-min-md { display: inline-block; width: 100%; } }

@media (min-width: 992px) { .br-min-lg { display: inline-block; width: 100%; } }

[class^=br-flex]::before, [class^=br-flex]::after { display: none !important; }

.br-flex { width: 100%; }

@media (max-width: 767.98px) { .br-flex-sm { display: block; width: 100%; } }

@media (max-width: 991.98px) { .br-flex-md { display: block; width: 100%; } }

/** TEXT ELEMENT **/
.text-primary { color: #5398FF; }

.text-yellow { color: #FF9933; }

.text-yellow-alter { color: #f7931e; }

.text-sm { font-size: 1.2rem; }

.text-center { text-align: center; }

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

@media (max-width: 767.98px) { .text-left-sp { text-align: left !important; } }

.bold { font-weight: 700; }

/** BUTTON **/
.btn { display: flex; justify-content: center; /** MEDIA **/ }

.btn a, .btn button, .btn input { position: relative; display: flex; justify-content: center; align-items: center; padding: 8px 20px 6px 15px; border-radius: 100px; border: 2px solid #707070; background-color: #fff; color: #707070; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); font-size: 1.2rem; line-height: 2; letter-spacing: 2px; transition: all .3s; }

.btn a:hover, .btn button:hover, .btn input:hover { text-decoration: none; border-color: #5398FF !important; background: #5398FF !important; color: #fff !important; cursor: pointer; }

.btn a:focus, .btn button:focus, .btn input:focus { outline: none; }

.btn a:not([href]) { color: #fff; cursor: pointer; }

.btn a:not([href]):hover { color: #fff; }

.btn.btn--primary a, .btn.btn--primary button, .btn.btn--primary input { border-color: #5398FF; color: #5398FF; }

.btn.btn--primary a:hover, .btn.btn--primary button:hover, .btn.btn--primary input:hover { color: #fff !important; }

.btn.btn--alter a, .btn.btn--alter button, .btn.btn--alter input { border-color: #FF8853; color: #FF8853; }

.btn.btn--alter a:hover, .btn.btn--alter button:hover, .btn.btn--alter input:hover { border-color: #FF8853 !important; background-color: #FF8853 !important; color: #fff !important; }

.btn.btn--style2 a, .btn.btn--style2 button, .btn.btn--style2 input { padding: 11px 30px; border-radius: 10px; font-size: 1.8rem; text-align: left; box-shadow: none; letter-spacing: 3px; }

.btn.btn--style2 [class*=icon-].icon--right { font-weight: 400; font-size: 1.6em; }

.btn.btn--link a, .btn.btn--link button, .btn.btn--link input { padding: 0; border-color: transparent; background: transparent; color: rgba(0, 0, 0, 0.25); box-shadow: none; }

.btn.btn--link.btn--lg a, .btn.btn--link.btn--lg button, .btn.btn--link.btn--lg input { font-weight: 400; }

.btn.btn--bold a, .btn.btn--bold button, .btn.btn--bold input { font-weight: 700; }

.btn.btn--xs a, .btn.btn--xs button, .btn.btn--xs input { padding: 5px 20px; }

.btn.btn--md a, .btn.btn--md button, .btn.btn--md input { min-width: 320px; padding: 7px 20px; font-size: 14px; }

.btn.btn--lg { /** fixed **/ }

.btn.btn--lg a, .btn.btn--lg button, .btn.btn--lg input { min-width: 480px; padding: 18px 40px; font-size: 16px; line-height: 1.6; font-weight: 700; }

.btn.btn--lg .small { font-size: 0.5em; font-weight: 400; }

.btn.btn--lg [class*=icon-] { padding-right: 10px; }

.btn.btn--lg [class*=icon-]:first-child { font-weight: 400; }

.btn.btn--lg [class*=icon-].icon--right { padding-right: 0; right: 30px; }

.btn.btn--lg img { margin-right: 10px; }

.btn.btn--lg.btn--fixedimg a, .btn.btn--lg.btn--fixedimg button input { padding-top: 14px; padding-bottom: 14px; }

.btn.btn--block a, .btn.btn--block button, .btn.btn--block input { width: 100%; }

.btn.btn--min300 a, .btn.btn--min300 button, .btn.btn--min300 input { min-width: 300px; }

.btn.btn--min350 a, .btn.btn--min350 button, .btn.btn--min350 input { min-width: 350px; }

.btn.btn--min500 a, .btn.btn--min500 button, .btn.btn--min500 input { min-width: 500px; }

.btn.btn--outline a, .btn.btn--outline button, .btn.btn--outline input { border-radius: 100px; border: 1px solid #000; background: transparent; color: #000; }

.btn.btn--outline a:hover, .btn.btn--outline button:hover, .btn.btn--outline input:hover { background: #000; color: #fff; }

.btn .small { font-size: 0.8em; }

.btn [class*=icon-] { padding-left: 0; padding-right: 6px; font-size: 1.4em; font-weight: 400; line-height: 15px; }

.btn [class*=icon-].icon--inline-right { padding-left: 12px; }

.btn [class*=icon-].icon--inline-left { padding-left: 0; padding-right: 8px; }

.btn [class*=icon-].icon--right { position: absolute; top: calc(50% - 5px); right: 15px; padding-left: 8px; padding-right: 0; font-size: 0.8em; line-height: 12px; }

.btn [class*=icon-].icon--xxl { font-size: 2em; }

.btn [class*=icon-].icon--sm { font-size: 0.6em; }

.btn [class*=icon-].icon--xs { font-size: 0.4em; }

.btn img { display: inline-block; margin-right: 6px; }

@media (max-width: 991.98px) { .btn a, .btn button, .btn input { min-width: auto; padding: 7px 20px; font-size: 1.2rem; }
  .btn.btn--md a, .btn.btn--md button, .btn.btn--md input { width: 100%; min-width: auto; padding: 14px 15px; font-size: 1.6rem; line-height: 1.4; }
  .btn.btn--lg { /** fixed **/ }
  .btn.btn--lg a, .btn.btn--lg button, .btn.btn--lg input { width: 100%; min-width: auto; padding: 14px 15px; font-size: 1.6rem; line-height: 1.4; }
  .btn.btn--lg .small { font-size: 0.6em; }
  .btn.btn--lg.btn--fixedimg a, .btn.btn--lg.btn--fixedimg button input { padding-top: 13px; padding-bottom: 13px; }
  .btn .small { font-size: 0.8em; }
  .btn.btn--min350 a, .btn.btn--min350 button, .btn.btn--min350 input { min-width: 300px; }
  .btn.btn--min500 a, .btn.btn--min500 button, .btn.btn--min500 input { min-width: 100%; }
  .btn.btn--block-sp a, .btn.btn--block-sp button, .btn.btn--block-sp input { min-width: 100%; } }

/** LINK **/
a { color: inherit; }

a:hover { color: inherit; }

.link { /** MEDIA **/ }

.link a { color: #5398FF; text-decoration: underline; }

.link a:hover { color: #00436A; }

.link a:hover i { animation: animate-moveToRight 0.3s forwards; }

.link.link-right { text-align: right; }

.link.link-right i { padding-left: 10px; }

@media (max-width: 575.98px) { .link b { vertical-align: middle; } }

.link-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; }

.disable { opacity: 0.3; }

@keyframes animate-tada { 0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); } }

@keyframes animate-shake { 0%, 100% { transform: translate3d(0, 0, 0); }
  15%, 45%, 75% { transform: translate3d(-4px, 0, 0); }
  30%, 60%, 90% { transform: translate3d(4px, 0, 0); } }

@keyframes animate-moveToRight { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(4px, 0, 0) scale(0.8); } }

/** TAG **/
/** ICON **/
[class^="icon-"], [class*=" icon-"] { display: inline-block; height: 15px; padding-right: 8px; font-weight: inherit; line-height: 12px; vertical-align: middle; }

.icon-right { padding-left: 8px; padding-right: 0; }

.link-blank a::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; padding-left: 10px; padding-right: 0; font-size: 0.85em; }

.icon-star-filled { color: #5398FF; }

.icon-star-filled::before { content: "\e90c"; }

.icon-star-empty { color: #E5E5E5; }

.icon-star-empty::before { content: "\e90c"; }

.icon-star-half { color: #5398FF; }

.icon-star-half::before { content: "\e911"; }

.icon-star2-filled { padding-right: 5px; height: 1.3em; color: #f09c3b; }

.icon-star2-filled:before { font-size: 1.5rem; }

.icon-star2-empty { height: 1.3em; color: #f09c3b; }

.icon-star2-empty:before { font-size: 1.5rem; }

/** RATING **/
.rating { padding-top: 2px; padding-bottom: 5px; font-size: 1.2rem; }

.rating [class*=icon-star-] { padding-right: 0; }

.rating [class*=icon-star2-] { padding-right: 3px; }

.rating .count-rate { display: inline-block; padding-left: 5px; margin-top: -3px; color: #f09c3b; font-size: 1.6rem; font-weight: bold; vertical-align: middle; }

@media (max-width: 575.98px) { .rating .count-rate { font-size: 1.4rem; } }

/** HIGHLIGHT */
.highlight { color: #278AA3; box-shadow: 0 1px 0 0 #278AA3; }

.highlight:hover { transition: box-shadow 0.4s; }

/** CSS LIVE **/
.css-live-reload-done { display: none !important; opacity: 0 !important; }

/** Fixed **/
.hidden { display: none !important; }

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

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

@media (max-width: 767px) { .visible-xs { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; } }

/** BUTTON */
.wp-block-button { display: flex; /** MEDIA **/ }

.wp-block-button a { position: relative; display: block; padding: 18px 30px; background-color: #000; color: #fff; font-size: 15px; }

.wp-block-button a:hover { text-decoration: none; background: linear-gradient(45deg, #70e6ff 0%, #708afd 100%); color: #fff; }

.wp-block-button a:not([href]) { color: #fff; cursor: pointer; }

.wp-block-button a:not([href]):hover { color: #fff; }

.wp-block-button i { font-size: 0.8em; }

.wp-block-button.btn--gradient a { padding: 12px 30px 13px; border-radius: 100px; background: linear-gradient(66deg, #70e0ff 0%, #708afd 100%); font-family: "Caveat", cursive; font-size: 21px; line-height: 1.2; text-align: center; }

.wp-block-button.btn--gradient a:hover { background: #000 !important; }

.wp-block-button.btn--link a { padding: 0; background: transparent; color: #000; }

.wp-block-button.btn--link a:hover { opacity: 0.5; }

.wp-block-button.btn--center { justify-content: center; }

.wp-block-button.btn--bold a { font-weight: 700; }

.wp-block-button.btn--xs a { padding: 5px 20px; }

.wp-block-button.btn--md a { min-width: 250px; padding: 24px 30px; }

.wp-block-button.btn--lg a { min-width: 480px; padding: 25px 50px; font-size: 30px; font-weight: 500; }

.wp-block-button.btn--lg .small { font-size: 0.5em; font-weight: 400; }

.wp-block-button.btn--block a { width: 100%; }

.wp-block-button.btn--min350 a { min-width: 350px; }

.wp-block-button.btn--min500 a { min-width: 500px; }

.wp-block-button.btn--outline a { border-radius: 100px; border: 1px solid #000; background: transparent; color: #000; }

.wp-block-button.btn--outline a:hover { background: #000; color: #fff; }

.wp-block-button .small { font-size: 0.8em; }

.wp-block-button [class*=icon-] { padding-left: 8px; padding-right: 0; }

.wp-block-button [class*=icon-].icon--inline-right { padding-left: 12px; }

.wp-block-button [class*=icon-].icon--inline-left { padding-left: 0; padding-right: 8px; }

.wp-block-button [class*=icon-].icon--right { position: absolute; top: calc(50% - 5px); right: 20px; }

.wp-block-button [class*=icon-].icon--sm { font-size: 0.6em; }

.wp-block-button [class*=icon-].icon--xs { font-size: 0.4em; }

@media (max-width: 767.98px) { .wp-block-button a { padding: 14px 20px; font-size: 13px; }
  .wp-block-button.btn-md a { width: 100%; padding: 20px 20px; font-size: 1.4rem; }
  .wp-block-button.btn--lg a { min-width: auto; width: 100%; padding: 15px 15px; font-size: 24px; line-height: 1.4; }
  .wp-block-button.btn--lg .small { font-size: 0.6em; }
  .wp-block-button .small { font-size: 0.8em; }
  .wp-block-button.btn--min350 a { min-width: 300px; }
  .wp-block-button.btn--min500 a { min-width: 100%; }
  .wp-block-button.btn--block-sp { min-width: 100%; }
  .wp-block-button.btn--block-sp a { min-width: 100%; } }

/** WIDGET WORDPRESS */
/** TAG CLOUD */
.tagcloud { display: flex; flex-wrap: wrap; }

.tagcloud a { display: block; min-width: 100px; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border-radius: 100px; border: 1px solid #7A7A7A; background-color: #fff; color: #7A7A7A; font-size: 0.85em !important; line-height: 1.2; text-align: center; }

.tagcloud a:hover { background-color: #7A7A7A; color: #fff; text-decoration: none; }

/** WIDGET DIVISION */
.--division { margin-bottom: 60px; }

/** FORM */
::placeholder { color: #888; font-weight: 400; }

input:focus, textarea:focus { outline: none; }

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], textarea, select { -webkit-appearance: none; appearance: none; display: block; width: 100%; padding: 15px 25px; background-color: #F0F3F7; border: 1px solid #5398FF; color: #2D2D2D; border-radius: 10px; box-shadow: none; font-size: 1.6rem; transition: box-shadow 0.15s; }

input[type=text]:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover, select:hover { border-radius: 10px; }

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, textarea:focus, select:focus { background-color: #fff; border-color: #5398FF; border-radius: 10px; box-shadow: 0 0 0 5px rgba(83, 152, 255, 0.35); outline: 0; }

input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=url]:disabled, textarea:disabled, select:disabled { color: #2D2D2D; }

input[type=text].input-300, input[type=email].input-300, input[type=password].input-300, input[type=tel].input-300, input[type=url].input-300, textarea.input-300, select.input-300 { width: 300px; }

input[type=text].input-sm, input[type=email].input-sm, input[type=password].input-sm, input[type=tel].input-sm, input[type=url].input-sm, textarea.input-sm, select.input-sm { padding: 9px 20px; font-size: 1.2rem; }

select { display: inline-block; min-width: 250px; padding-right: 24px; background-image: url(/imgs/icon-arrow-bottom.png); background-repeat: no-repeat; background-position: center right; background-size: 22px; font-weight: 700; }

select option { font-weight: 400; }

select::-ms-expand { display: none; }

select.select-style2 { background-image: url(/imgs/icon-arrow-bottom-solid.png); background-size: 24px; }

label { display: inline-block; margin-bottom: 5px; font-size: 1.6rem; line-height: 1.4; letter-spacing: 3px; }

/** MEDIA **/
@media (max-width: 767.98px) { input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], textarea, select { padding: 10px 15px; border-radius: 5px; font-size: 1.4rem; border-width: 2px; }
  input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, textarea:focus, select:focus { border-radius: 5px; box-shadow: 0 0 0 5px rgba(83, 152, 255, 0.35); }
  label { font-size: 1.4rem; } }

/** INPUT CHECKBOX */
.form-checkbox { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; /** MEDIA **/ }

.form-checkbox input[type=checkbox] { visibility: hidden; position: absolute; }

.form-checkbox input[type=checkbox] + label { position: relative; min-height: 22px; padding-left: 32px; margin-bottom: 10px; font-size: 1.8rem; line-height: 22px; cursor: pointer; /** MEDIA **/ display: block; margin-bottom: 0; }

.form-checkbox input[type=checkbox] + label::before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 22px; height: 22px; background-color: #fff; border-radius: 5px; border: 2px solid #707070; transition: all 0.2s; transform: rotate(90deg); }

.form-checkbox input[type=checkbox] + label::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90e"; position: absolute; left: 5px; top: 7px; display: block; color: #707070; font-size: 9px; font-weight: 700; transition: all 0.2s; transform: scale(0.1); opacity: 0; }

@media (max-width: 991.98px) { .form-checkbox input[type=checkbox] + label { padding: 14px 48px 14px 20px; border-radius: 10px; border: 2px solid #5398FF; background-color: #fff; font-size: 1.8rem; }
  .form-checkbox input[type=checkbox] + label::before { display: none; }
  .form-checkbox input[type=checkbox] + label::after { left: auto; right: 15px; top: calc(50% - 12px); width: 24px; height: 24px; padding-left: 4px; border-radius: 100px; background-color: #000; color: #fff; font-size: 7px; line-height: 24px; text-align: center; transform: scale(1); opacity: 0.1; } }

.form-checkbox input[type=checkbox]:checked + label::before { transform: rotate(0); }

.form-checkbox input[type=checkbox]:checked + label::after { transform: scale(1); opacity: 1; }

@media (max-width: 991.98px) { .form-checkbox { padding-top: 0; padding-bottom: 0; margin-bottom: 10px; } }

.form-checkbox1b { /** MEDIA **/ }

.form-checkbox1b .wpcf7-list-item { vertical-align: top; }

.form-checkbox1b input[type=checkbox] { position: absolute; opacity: 0; }

.form-checkbox1b input[type=checkbox] + .wpcf7-list-item-label { position: relative; min-height: 28px; padding: 10px 5px 10px 40px; margin-bottom: 10px; font-size: 1.8rem; line-height: 28px; cursor: pointer; /** MEDIA **/ display: block; margin-right: 60px; margin-bottom: 0; letter-spacing: 1px; }

.form-checkbox1b input[type=checkbox] + .wpcf7-list-item-label::before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 28px; height: 28px; background-color: #F0F3F7; border-radius: 5px; border: 2px solid #5398FF; transition: all 0.2s; transform: rotate(90deg); }

.form-checkbox1b input[type=checkbox] + .wpcf7-list-item-label::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90e"; position: absolute; left: 6px; top: 17px; display: block; color: #5398FF; font-size: 12px; font-weight: 700; transition: all 0.2s; transform: scale(0.1); opacity: 0; }

.form-checkbox1b input[type=checkbox]:checked + .wpcf7-list-item-label::before { transform: rotate(0); }

.form-checkbox1b input[type=checkbox]:checked + .wpcf7-list-item-label::after { transform: scale(1); opacity: 1; }

@media (max-width: 991.98px) { .form-checkbox1b { padding-top: 0; padding-bottom: 0; margin-bottom: 15px; } }

/** FORM THEME */
.form-row { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; }

.form-row .col, .form-row .col-3, .form-row .col-4, .form-row .col-6, .form-row .col-9, .form-row .col-sm-4, .form-row .col-sm-6, .form-row .col-sm-9, .form-row .col-xs-4, .form-row .col-xs-6, .form-row .col-xs-9 { padding-left: 10px; padding-right: 10px; }

.form-row.form--center { justify-content: center; }

.form-row.form--inline { margin-left: -6px; margin-right: -6px; }

.form-row.form--three-col .form-inline { width: 33.3%; }

.form-line-wrap { padding: 25px 30px 5px; background-color: #f1f1f1; }

.form-line { margin-bottom: 20px; }

@media (max-width: 991.98px) { .form-md-reverse { display: flex; flex-direction: column-reverse; } }

.form-group { margin-bottom: 50px; }

.form-group.form--shorter { margin-bottom: 20px; }

.form-group.form--btn .btn a, .form-group.form--btn .btn button { min-width: auto; }

.form-text { margin-bottom: 50px; letter-spacing: 1px; }

.form-text p { line-height: 1.8; }

.form-text a { position: relative; display: inline-block; }

.form-text a::before { content: ""; position: absolute; background-color: #5398FF; width: 100%; height: 2px; left: 0; bottom: 0; text-align: center; transition: height 0.1s; }

.form-text a:hover { color: #fff; background-color: #5398FF; text-decoration: none; }

.form-title { margin: 0 0 10px; }

.form-title label { font-size: 2rem; color: #5398FF; }

.form-title .badge { display: inline-block; padding: 3px 15px; margin-left: 12px; border-radius: 100px; color: #666; background-color: #F0F3F7; font-size: 0.8em; line-height: 1.4; vertical-align: middle; }

.form-title .badge.badge--required { background-color: #FF0000; color: #fff; }

.form-field { flex: 1; padding-left: 20px; padding-right: 20px; }

.form-field.form--center { text-align: center; }

.form-field.form--inline { padding-left: 10px; padding-right: 10px; }

.form-justify-3 .wpcf7-list-item { width: 33.3%; }

.form-inline { padding-left: 6px; padding-right: 6px; }

.form-inline input[type="text"] { display: inline-block; width: 221px; margin-right: 0; }

.form-inline select { min-width: auto; }

.form-field-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }

.form-field-wrap .form-field { flex: 0 0 50%; }

/** FORM LINK **/
.form-link a { color: #5398FF; text-decoration: underline; }

.form-link i.icon-arrow { color: #5398FF; }

.form-link i.icon-arrow-back { color: #FF7166; }

/** FORM INPUT **/
.form-input2 { position: relative; /** MEDIA **/ }

.form-input2 [class*="icon-"] { position: absolute; left: 20px; top: 15px; color: rgba(83, 152, 255, 0.5); }

.form-input2 input[type="text"] { padding: 3px 20px; border-radius: 5px; border: 2px solid #5398FF; color: #5398FF; background-color: #fff; }

.form-input2 input[type="text"]::placeholder { color: rgba(83, 152, 255, 0.5); }

.form-input2 [class*="icon-"] + input[type="text"] { padding-left: 46px; }

@media (max-width: 767.98px) { .form-input2 input[type="text"] { padding: 5px 20px; }
  .form-input2 [class*="icon-"] { font-size: 1.2em; } }

/** FORM SELECT **/
.form-select { position: relative; /** MEDIA **/ }

.form-select select { padding-right: 40px; }

.form-select::after { content: ''; position: absolute; right: 20px; top: calc(50% - 3px); width: 0; height: 0; border-style: solid; border-width: 8px 7px 0 7px; border-color: #666 transparent transparent transparent; }

@media (max-width: 767.98px) { .form-select select { padding-right: 30px; }
  .form-select::after { right: 10px; } }

.form-submit a, .form-submit button, .form-submit input, .form-back a, .form-back button, .form-back input { display: flex; flex-direction: column; padding: 15px 30px 20px; min-width: 600px; border-width: 0; background-color: #5398FF; color: #fff; font-size: 28px; font-weight: 700; line-height: 1.2; cursor: pointer; letter-spacing: 4px; }

.form-submit a:hover, .form-submit button:hover, .form-submit input:hover, .form-back a:hover, .form-back button:hover, .form-back input:hover { background: linear-gradient(45deg, #70e6ff 0%, #708afd 100%); color: #fff; }

.form-submit a:focus, .form-submit button:focus, .form-submit input:focus, .form-back a:focus, .form-back button:focus, .form-back input:focus { outline: none; }

.form-submit a[disabled], .form-submit button[disabled], .form-submit input[disabled], .form-back a[disabled], .form-back button[disabled], .form-back input[disabled] { opacity: 0.2; cursor: not-allowed; }

.form-submit .link-wrap, .form-back .link-wrap { position: relative; width: 100%; }

.form-submit .submit-sub, .form-back .submit-sub { display: block; margin-top: 5px; text-align: center; font-size: 14px; font-weight: 400; letter-spacing: 1px; }

.form-submit .wpcf7-submit + .ajax-loader, .form-back .wpcf7-submit + .ajax-loader { display: none; }

.form-back button { background-color: #999; }

.form-dragdrop .form-inner { padding: 20px 20px 10px; background-color: #f1f1f1; }

.form-dragdrop .codedropz-upload-handler { border-radius: 0; }

.form-dragdrop .codedropz-upload-inner h3 { font-size: 1.6rem; font-weight: 400; }

.form-dragdrop .codedropz-upload-inner span { color: #999; }

.form-dragdrop .cd-upload-btn { display: inline-block; padding: 5px 15px; margin-top: 10px; margin-bottom: 0; background-color: #fff; border: 1px solid #999; color: #999; font-size: 1.2rem; }

.form-dragdrop .cd-upload-btn:hover { background-color: #00436A; border-color: #00436A; color: #fff; }

.form-hidden { position: absolute !important; opacity: 0; z-index: -1; }

/** FORM DUMMMY **/
.form-dummy { padding: 15px 25px; border-radius: 10px; border: 1px solid #ccc; background-color: #F0F3F7; font-weight: 700; }

.form-dummy.form-inline { padding-left: 10px; padding-right: 10px; }

.form-dummy.form--textarea { min-height: 250px; padding-bottom: 30px; }

.form-dummy.form--select::after { display: none; }

.form-dummy-radio { position: relative; display: inline-block; padding: 5px 0; font-size: 1.8rem; letter-spacing: 3px; }

.form-dummy-radio:before { content: ''; position: relative; display: inline-block; height: 28px; width: 28px; margin-right: 12px; vertical-align: middle; border-radius: 100px; border: 2px solid #999; background-color: #F0F3F7; color: transparent; }

.form-dummy-radio:after { content: ''; position: absolute; left: 7px; top: 18px; width: 14px; height: 14px; border-radius: 100px; background-color: #999; }

.form-dummy-checkbox span { position: relative; min-height: 28px; padding: 10px 5px 10px 40px; margin-bottom: 10px; font-size: 1.8rem; line-height: 28px; cursor: pointer; /** MEDIA **/ display: inline-block; padding-right: 60px; vertical-align: top; }

.form-dummy-checkbox span::before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 28px; height: 28px; background-color: #F0F3F7; border-radius: 5px; border: 2px solid #5398FF; transition: all 0.2s; transform: rotate(90deg); }

.form-dummy-checkbox span::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90e"; position: absolute; left: 6px; top: 17px; display: block; color: #5398FF; font-size: 12px; font-weight: 700; transition: all 0.2s; transform: scale(0.1); opacity: 0; }

.form-dummy-checkbox span::before { border-color: #999; }

.form-dummy-checkbox span::after { color: #999; transform: scale(1); opacity: 1; }

.form-dummy-checkbox.form--one span { padding-right: 0; }

/** ["FORM-"] - MEDIA MD **/
@media (max-width: 991.98px) { .form-field:empty { display: none; }
  .form-inline { margin-right: 0px; }
  .form-inline select { min-width: 80px; }
  .form-inline input[type=text] { width: 70px; }
  .form-submit a, .form-submit button, .form-submit input, .form-back a, .form-back button, .form-back input { padding: 15px 50px 17px; } }

/** ["FORM-"] - MEDIA SM **/
@media (max-width: 767.98px) { .form-group { flex-direction: column; align-items: stretch; margin-bottom: 30px; }
  .form-group.form--shorter { margin-bottom: 0; }
  .form-group-btn { flex-direction: column; margin-left: 0; margin-right: 0; }
  .form-group-btn .form-field { width: 100%; margin-left: 0; margin-right: 0; }
  .form-row { flex-direction: column; margin-left: 0; margin-right: 0; }
  .form-row.form--inline { flex-direction: row; }
  .form-row.form--three-col .form-inline { width: 33.3%; }
  .form-field { padding-left: 0; padding-right: 0; margin-bottom: 12px; }
  .form-field:empty { display: none; }
  .form-justify-3 .wpcf7-list-item { width: 100%; }
  .form-title { margin-bottom: 5px; }
  .form-title label { font-size: 1.8rem; }
  .form-title .badge { padding: 2px 12px; }
  .form-dummy { padding: 10px 18px; border-radius: 5px; border-width: 2px; font-size: 1.4rem; }
  .form-dummy.form--textarea { min-height: 200px; padding-bottom: 15px; }
  .form-dummy.form--select { min-width: auto; }
  .form-dummy-radio { font-size: 1.6rem; }
  .form-dummy-radio::after { top: 14px; }
  .form-dummy-checkbox span { display: block; font-size: 1.6rem; }
  .form-field-wrap .form-field { flex: 0 0 100%; }
  .form-field-wrap .form-field:nth-of-type(1) { margin: 0 0 11px; }
  .form-dragdrop .form-inner { padding: 12px 12px 2px; }
  .form-text { margin: 0; }
  .form-text p { margin: 0 0 20px; letter-spacing: 0; font-size: 1.2rem; line-height: 2; }
  .form-text a:before { height: 1px; }
  .form-text a:after { height: 1px; bottom: -2px; }
  .form-submit .link-wrap, .form-back .link-wrap { width: 100%; }
  .form-submit a, .form-submit button, .form-submit input, .form-back a, .form-back button, .form-back input { padding: 14px 30px; min-width: 100%; width: 100%; font-size: 2.1rem; letter-spacing: 3.6px; }
  .form-submit span.submit-sub, .form-back span.submit-sub { font-size: 9px; margin: 7px 0; } }

/** FORM ELEMENTS */
/** FORM RADIO **/
.form-radio { /** MEIDA **/ }

.form-radio:hover { text-decoration: none; }

.form-radio input[type=radio] { position: absolute; opacity: 0; }

.form-radio label { position: relative; display: block; padding: 8px 5px 8px 32px; margin-right: 0; color: #5398FF; font-size: 1.6rem; transition: box-shadow 0.15s; white-space: nowrap; cursor: pointer; }

.form-radio label::before { content: ''; position: absolute; top: 8px; left: 0; width: 20px; height: 20px; border-radius: 100px; background-color: #fff; border: 2px solid #5398FF; }

.form-radio label::after { content: ''; position: absolute; top: 13px; left: 5px; width: 10px; height: 10px; border-radius: 100px; background-color: #5398FF; transition: transform 0.2s, opacity 0.2s; transform: scale(0.1); opacity: 0; }

.form-radio input[type=radio]:checked + label::after { transform: scale(1); opacity: 1; }

@media (max-width: 767.98px) { .form-radio label { padding: 5px 5px 5px 32px; }
  .form-radio label::before { top: 6px; }
  .form-radio label::after { top: 11px; } }

.form-radio1b { /** MEIDA **/ }

.form-radio1b:hover { text-decoration: none; }

.form-radio1b input[type=radio] { position: absolute; opacity: 0; }

.form-radio1b .wpcf7-list-item-label { position: relative; display: block; padding: 10px 5px 10px 40px; margin-right: 0; font-size: 1.8rem; transition: box-shadow 0.15s; white-space: nowrap; cursor: pointer; }

.form-radio1b .wpcf7-list-item-label::before { content: ''; position: absolute; top: 8px; left: 0; width: 28px; height: 28px; border-radius: 100px; background-color: #F0F3F7; border: 2px solid #5398FF; }

.form-radio1b .wpcf7-list-item-label::after { content: ''; position: absolute; top: 15px; left: 7px; width: 14px; height: 14px; border-radius: 100px; background-color: #5398FF; transition: transform 0.2s, opacity 0.2s; transform: scale(0.1); opacity: 0; }

.form-radio1b input[type=radio]:checked + .wpcf7-list-item-label::after { transform: scale(1); opacity: 1; }

@media (max-width: 767.98px) { .form-radio1b .wpcf7-list-item-label { font-size: 1.6rem; }
  .form-radio1b .wpcf7-list-item-label::before { top: 6px; }
  .form-radio1b .wpcf7-list-item-label::after { top: 13px; } }

.form-radio2 { /** MEIDA **/ }

.form-radio2:hover { text-decoration: none; }

.form-radio2 input[type=radio] { display: none; }

.form-radio2 label { position: relative; display: block; padding: 8px 5px; margin-right: 60px; color: rgba(0, 0, 0, 0.3); font-size: 1.8rem; transition: box-shadow 0.15s; white-space: nowrap; cursor: pointer; }

.form-radio2 label::before { content: ''; position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 3px; border-radius: 100px; background-color: #333; }

.form-radio2 label::after { content: ''; position: absolute; bottom: -6px; left: calc(50% - 9px); display: none; width: 0; height: 0; border-width: 8px 9px 0 9px; border-color: #333 transparent transparent transparent; border-style: solid; }

.form-radio2 input[type=radio]:checked + label { color: #222; }

.form-radio2 input[type=radio]:checked + label::before, .form-radio2 input[type=radio]:checked + label::after { display: block; }

@media (max-width: 575.98px) { .form-radio2 label { padding-left: 0; padding-right: 0; margin-right: 40px; letter-spacing: 1px; } }

.form-radio3:hover { text-decoration: none; }

.form-radio3 input[type=radio] { display: none; }

.form-radio3 label { position: relative; display: block; padding: 8px 5px; margin-right: 60px; color: rgba(0, 0, 0, 0.3); font-size: 1.8rem; transition: box-shadow 0.15s; white-space: nowrap; cursor: pointer; }

.form-radio3 input[type=radio]:checked + label { color: #222; }

.form-radio3 input[type=radio]:checked + label::before, .form-radio3 input[type=radio]:checked + label::after { display: block; }

/** FORM NOTES  FORM ERROR */
.form-note p { margin-bottom: 0; line-height: 2; }

.form-error input[type=text], .form-error input[type=email], .form-error input[type=password], .form-error input[type=tel], .form-error input[type=url], .form-error textarea, .form-error select { background-color: #fff4f4; border: 2px solid #FF4545; }

.form-error input[type=text]:hover, .form-error input[type=text]:focus, .form-error input[type=email]:hover, .form-error input[type=email]:focus, .form-error input[type=password]:hover, .form-error input[type=password]:focus, .form-error input[type=tel]:hover, .form-error input[type=tel]:focus, .form-error input[type=url]:hover, .form-error input[type=url]:focus, .form-error textarea:hover, .form-error textarea:focus, .form-error select:hover, .form-error select:focus { box-shadow: 0 0 0 4px rgba(255, 113, 102, 0.35); }

.form-error select { background-image: url(/imgs/icon-arrow-bottom-error.png); }

.form-error .form-checkbox { background-color: #fff4f4 !important; border: 2px solid #FF4545 !important; }

.form-error .form-radio2 label { background-color: #fff4f4; border: 2px solid #FF4545; }

.form-error .form-radio2 label:hover, .form-error .form-radio2 label:focus { box-shadow: 0 0 0 4px rgba(255, 113, 102, 0.35); }

.form-error .form-message { margin-top: 12px; color: #FF4545; font-size: 1.2rem; font-weight: 700; }

/** MEDIA **/
@media (max-width: 767.98px) { .form-note p { margin-bottom: 10px; font-size: 1.2rem; } }

/** CONTACT FORM 7 **/
.wpcf7 { /** MEDIA **/ }

.wpcf7 form .wpcf7-radio { display: block; padding: 0; }

.wpcf7 form .wpcf7-radio input { margin-right: 12px; vertical-align: middle; }

.wpcf7 form .wpcf7-radio .wpcf7-list-item { margin-left: 0; margin-right: 60px; }

.wpcf7 form .wpcf7-radio .wpcf7-list-item.last { margin-right: 0; }

.wpcf7 form .wpcf7-not-valid-tip { padding-left: 12px; margin-top: 10px; border-left: 6px solid red; color: red; line-height: 1.4; }

.wpcf7 form .wpcf7-response-output { max-width: 600px; padding: 15px 10px; margin: 40px auto 0; border-radius: 10px; border-color: red !important; color: red; text-align: center; }

.wpcf7 form .wpcf7-list-item { margin-left: 0; }

.wpcf7 form .ajax-loader { position: absolute; right: 20px; top: calc(50% - 12px); padding: 12px !important; margin-left: 0 !important; background-color: #fff; background-repeat: no-repeat; background-position: center center; border-radius: 20px; }

.wpcf7 form .wpcf7-previous { display: block !important; }

@media (max-width: 767.98px) { .wpcf7 form .wpcf7-radio { padding-bottom: 0; margin: 0 0 -4px; }
  .wpcf7 form .wpcf7-radio .wpcf7-list-item { margin-right: 40px; }
  .wpcf7 form .wpcf7-radio input { margin-right: 8px; } }

/** PAGE ENTRY */
.contact { padding-top: 40px; /** MEDIA **/ }

.contact p:empty { display: none; }

.contact .__topic { display: flex; justify-content: center; margin-bottom: 60px; }

.contact .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; font-weight: 400; line-height: 1; letter-spacing: 4px; }

.contact .__topic_inner { text-align: center; }

.contact .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.contact .__header_top { overflow: hidden; position: relative; padding-bottom: 60px; letter-spacing: 1px; }

.contact .__header_title { position: relative; display: inline-block; color: #5398FF; font-size: 2rem; font-weight: 700; }

.contact .__header_title::after { content: ''; position: absolute; left: calc(100% + 20px); top: 18px; width: 2000px; height: 1px; border-bottom: 2px dotted #5398FF; }

.contact .__header_title [class*="icon-"] { font-size: 1.4em; font-weight: 400; }

.contact .form-require-confirm .wpcf7-list-item-label { margin-right: 0 !important; }

.contact .form-footer { padding-top: 40px; }

@media (max-width: 991.98px) { .contact .__topic { display: flex; justify-content: center; margin-bottom: 40px; }
  .contact .__topic h2 { line-height: 1; font-size: 5.4rem; font-weight: 400; letter-spacing: 4px; }
  .contact .__topic_inner { text-align: center; }
  .contact .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; } }

@media (max-width: 767.98px) { .contact .__header_top { display: flex; flex-direction: column; align-items: center; padding-bottom: 40px; }
  .contact .__header_title { font-size: 1.1em; }
  .contact .__header_title::before, .contact .__header_title::after { content: ''; top: 14px; position: absolute; width: 2000px; height: 1px; border-bottom: 2px solid #5398FF; }
  .contact .__header_title::before { right: calc(100% + 15px); }
  .contact .__header_title::after { left: calc(100% + 15px); }
  .contact .form-footer { padding-top: 20px; } }

/** PAGE THANKS **/
.form--entry-thanks { padding-top: 80px; padding-bottom: 80px; text-align: center; }

@media (max-width: 767.98px) { .form--entry-thanks { padding-top: 40px; padding-bottom: 40px; } }

/** MAIN */
.home #page { position: relative; }

#main::after { content: ''; display: table; clear: both; }

@media (max-width: 767.98px) { #page { overflow: hidden; } }

.main-align-items-center { display: flex; flex-direction: column; }

.main-primary { overflow: hidden; background-color: rgba(39, 138, 163, 0.1); /** MEDIA **/ }

.main-primary .container-inner { display: flex; }

.main-primary #main-content { flex: 1; padding-top: 30px; }

.main-primary #sidebar { width: 28.8%; padding-top: 30px; margin-left: 22px; }

@media (max-width: 991.98px) { .main-primary .container-inner { flex-direction: column; }
  .main-primary #main-content > section:last-of-type { margin-bottom: 0; }
  .main-primary #sidebar { width: 100%; margin-left: 0; } }

@media (max-width: 767.98px) { .main-primary #main-content { padding-top: 20px; }
  .main-primary #sidebar { padding-top: 0; } }

@media (max-width: 575.98px) { .main-primary > .container { padding-left: 0; padding-right: 0; }
  .main-primary #main-content { padding-top: 0; } }

/** BUBBLE PARTICLES */
#bubble-particles { position: relative; }

#bubble-particles #bubble-particles-1, #bubble-particles #bubble-particles-2, #bubble-particles #bubble-particles-3 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }

/** SCROLL ANIMATION (SCROLL-FX) Hỗ trợ các class : + fx-clip : sử dụng để hiệu ứng chuyển động trong cái hộp (overflow) + fx-overlay : thêm element ::after overlay vào hiệu ứng -> hiệu ứng chuyển động phức tạp thêm */
.scroll-fx { /** HIỆU ỨNG ACTIVED **/ /** THIẾT LẬP DELAY **/ /** THIẾT LẬP TÊN ANIMATION **/ }

.scroll-fx > .fx-holder { opacity: 0; animation: fx-bottom-short 1.2s both; animation-play-state: paused; }

.scroll-fx.fx-clip { overflow: hidden; }

.scroll-fx.fx-overlay { overflow: hidden; }

.scroll-fx.fx-overlay > .fx-holder::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: white; animation: fx-bottom-out 1.5s 0.5s both; animation-play-state: paused; }

.scroll-fx.animation-actived > .fx-holder { animation-play-state: running; }

.scroll-fx.animation-actived > .fx-holder::after { animation-play-state: running; }

.scroll-fx.fx-delay-1 > .fx-holder { animation-delay: 0s; }

.scroll-fx.fx-delay-2 > .fx-holder { animation-delay: 0.4s; }

.scroll-fx.fx-delay-3 > .fx-holder { animation-delay: 0.8s; }

.scroll-fx.fx-delay-4 > .fx-holder { animation-delay: 1.2s; }

.scroll-fx.fx-delay-5 > .fx-holder { animation-delay: 1.6s; }

.scroll-fx.fx-delay-6 > .fx-holder { animation-delay: 2.0s; }

.scroll-fx.fx-delay-7 > .fx-holder { animation-delay: 2.4s; }

.scroll-fx.fx-delay-8 > .fx-holder { animation-delay: 2.8s; }

.scroll-fx.fx-delay-9 > .fx-holder { animation-delay: 3.2s; }

.scroll-fx.fx-delay-10 > .fx-holder { animation-delay: 3.6s; }

.scroll-fx.fx-fade > .fx-holder { animation-name: fx-fade; animation-duration: 4s; }

.scroll-fx.fx-tada > .fx-holder { animation-name: fx-tada; }

.scroll-fx.fx-left-short > .fx-holder { animation-name: fx-left-short; }

.scroll-fx.fx-left-short > .fx-holder::after { animation-name: fx-left-out; }

.scroll-fx.fx-right-short > .fx-holder { animation-name: fx-right-short; }

.scroll-fx.fx-right-short > .fx-holder::after { animation-name: fx-right-out; }

.scroll-fx.fx-top-short > .fx-holder { animation-name: fx-top-short; }

.scroll-fx.fx-top-short > .fx-holder::after { animation-name: fx-top-out; }

.scroll-fx.fx-bottom-short > .fx-holder { animation-name: fx-bottom-short; }

.scroll-fx.fx-bottom-short > .fx-holder::after { animation-name: fx-bottom-out; }

.scroll-fx.fx-left-long > .fx-holder { animation-name: fx-left-long; }

.scroll-fx.fx-left-long > .fx-holder::after { animation-name: fx-left-out; }

.scroll-fx.fx-right-long > .fx-holder { animation-name: fx-right-long; }

.scroll-fx.fx-right-long > .fx-holder::after { animation-name: fx-right-out; }

.scroll-fx.fx-top-long > .fx-holder { animation-name: fx-top-long; }

.scroll-fx.fx-top-long > .fx-holder::after { animation-name: fx-top-out; }

.scroll-fx.fx-bottom-long > .fx-holder { animation-name: fx-bottom-long; }

.scroll-fx.fx-bottom-long > .fx-holder::after { animation-name: fx-bottom-out; }

.scroll-fx.fx-zoom-out > .fx-holder { animation-name: fx-zoom-out; }

.scroll-fx.fx-zoom-out > .fx-holder::after { animation-name: fx-zoom-out; }

/** PAGE NAVIGATION */
.page-navigation { display: flex; justify-content: center; /** MEDIA **/ }

.page-navigation .nav-inner { display: flex; padding-left: 20px; padding-right: 20px; border: solid #DCDFE2; border-width: 1px 0; }

.page-navigation .navitem { padding: 22px 28px; color: #5398FF; font-size: 1.4rem; }

.page-navigation .navitem i { padding-right: 0; }

.page-navigation .navitem.disabled { opacity: 0.3; }

.page-navigation a { position: relative; perspective: 600px; }

.page-navigation a::after { content: ""; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid #707070; transition: all .2s; transform: translate3d(0, 0, -1000px); opacity: 0; }

.page-navigation a:hover { background-color: #DCDFE2; }

.page-navigation a:hover::after { transform: translate3d(0, 0, 0); opacity: 1; }

@media (max-width: 767.98px) { .page-navigation .navitem { padding: 12px 25px; } }

ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 0; margin-top: 20px; margin-bottom: 20px; /** MEDIA **/ }

ul.page-numbers li { display: block; list-style-type: none; }

ul.page-numbers li > a, ul.page-numbers li > span { display: block; padding: 12px 15px; margin: 4px 12px; border: 2px solid #5398FF; border-radius: 100px; background-color: #fff; color: #5398FF; font-size: 1.6rem; font-weight: 700; line-height: 1; transition: all 0.4s; }

ul.page-numbers li > a:hover, ul.page-numbers li > span:hover { background-color: #5398FF; color: #fff; text-decoration: none; }

ul.page-numbers li > a.current, ul.page-numbers li > span.current { background-color: #5398FF; color: #fff; }

ul.page-numbers li > a.prev, ul.page-numbers li > a.next, ul.page-numbers li > span.prev, ul.page-numbers li > span.next { display: flex; align-items: center; border-width: 0; background-color: transparent; color: #B7B7B7; font-size: 1.4rem; font-weight: 400; line-height: 1.6; }

ul.page-numbers li > a.prev:hover, ul.page-numbers li > a.next:hover, ul.page-numbers li > span.prev:hover, ul.page-numbers li > span.next:hover { color: #000; }

ul.page-numbers li > a.prev, ul.page-numbers li > span.prev { margin-right: 30px; }

ul.page-numbers li > a.prev::before, ul.page-numbers li > span.prev::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e910'; display: inline-block; padding-right: 12px; font-size: 1.4em; line-height: 12px; }

ul.page-numbers li > a.next, ul.page-numbers li > span.next { margin-left: 30px; }

ul.page-numbers li > a.next::after, ul.page-numbers li > span.next::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e900'; display: inline-block; padding-left: 12px; font-size: 1.4em; line-height: 12px; }

ul.page-numbers li > a.dots, ul.page-numbers li > span.dots { margin-left: 0; margin-right: 0; background-color: transparent; border-color: transparent; }

@media (max-width: 991.98px) { ul.page-numbers { margin: 0 -10px 20px; }
  ul.page-numbers li > a, ul.page-numbers li > span { height: 30px; padding: 7px 9px; margin-left: 4px; margin-right: 4px; font-size: 1.2rem; }
  ul.page-numbers li > a.prev, ul.page-numbers li > a.next, ul.page-numbers li > span.prev, ul.page-numbers li > span.next { font-size: 1rem; }
  ul.page-numbers li > a.prev, ul.page-numbers li > span.prev { margin-right: 5px; }
  ul.page-numbers li > a.next, ul.page-numbers li > span.next { margin-left: 5px; } }

/** 404 - PAGE NOT FOUND */
.content-none { padding-top: 120px; padding-bottom: 120px; /** MEDIA **/ }

.content-none .post-content { max-width: 600px; padding: 60px; margin: 0 auto; background-color: #fff; box-shadow: 12px 12px 2px rgba(0, 0, 0, 0.1); }

.content-none .content-inner { text-align: center; }

.content-none .wp-block-buttons { padding-top: 40px; }

@media (max-width: 767.98px) { .content-none { padding-top: 60px; padding-bottom: 60px; }
  .content-none .post-content { padding: 30px; } }

/** TABLE STYLE */
.table-line { /** MEDIA **/ }

.table-line table { width: 100%; margin-bottom: 0; }

.table-line table tr { border-bottom: 1px solid #DCDFE2; }

.table-line table tr:last-child { border-bottom: none; }

.table-line table th { padding: 18px 10px 18px 0; color: #707070; font-family: "Caveat", cursive; font-weight: 400; }

.table-line table td { padding: 18px 15px; color: #5398FF; letter-spacing: 1px; }

.table-line.table-line2 table { border: solid #DCDFE2; border-width: 1px 0; }

@media (max-width: 767.98px) { .table-line table th, .table-line table td { display: block; }
  .table-line table th { padding: 18px 0 0; }
  .table-line table td { padding: 8px 0 18px; } }

/** TABSLET STYLE */
.tabslet { /** MEDIA **/ }

.tabslet ul { display: flex; flex-wrap: wrap; padding-left: 0; margin: 0 -60px 10px 0; }

.tabslet li { margin-bottom: 10px; list-style-type: none; }

.tabslet .tabs-content { display: flex; flex-wrap: wrap; margin-right: -60px; }

@media (max-width: 767.98px) { .tabslet ul { margin-right: -40px; margin-bottom: 30px; }
  .tabslet li { margin-bottom: 0; } }

/** BUTTON FAVORITE */
.btn-favorite { position: absolute; right: 0; top: -3px; display: block; width: 32px; height: 32px; border-radius: 8px; background: #fff url(./imgs/bg-star-disabled.svg) no-repeat center center; background-size: contain; transition: opacity .2s; }

.btn-favorite.actived { background-image: url(./imgs/bg-star-actived.svg); }

.btn-favorite:hover { opacity: 0.5; }

.btn-favorite.btn--lg { top: 0; min-width: 44px; width: 44px; height: 44px; }

/** BUTTON FAVORITE ALTER **/
.btn--alter a.btn-as-favorite.actived { background-color: #FF8853; color: #fff; }

/** KEYFRAMES */
@keyframes fx-tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes fx-fade { 0% { opacity: 0; }
  100% { opacity: 1; } }

/** KEYFRAMES LEFT-RIGHT-TOP-BOTTOM SHORT **/
@keyframes fx-left-short { 0% { opacity: 0;
    transform: translate3d(-100px, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fx-right-short { 0% { opacity: 0;
    transform: translate3d(100px, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fx-top-short { 0% { opacity: 0;
    transform: translate3d(0, -100px, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fx-bottom-short { 0% { opacity: 0;
    transform: translate3d(0, 100px, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

/** KEYFRAMES LEFT-RIGHT-TOP-BOTTOM LONG **/
@keyframes fx-left-long { 0% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fx-right-long { 0% { opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fx-top-long { 0% { opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fx-bottom-long { 0% { opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

/** KEYFRAMES LEFT-RIGHT-TOP-BOTTOM OUT **/
@keyframes fx-left-out { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); } }

@keyframes fx-right-out { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(100%, 0, 0); } }

@keyframes fx-top-out { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, -100%, 0); } }

@keyframes fx-bottom-out { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, 100%, 0); } }

/** KEYFRAMES ZOOM **/
@keyframes fx-zoom-out { 0% { opacity: 0;
    transform: rotate(-90deg) scale(0.1); }
  100% { opacity: 1;
    transform: rotate(0) scale(1); } }

/** RubySlider Main Styles @package         RubySlider @author          HaiBach @link            http://haibach.net/rubyslider @version         1.7 */
/** BASIC STYLE + Class ready -> element already loaded + Pagination like Viewport : similar CSS */
.rs01, .rs01ie7 .rs01pag { position: relative; }

.rs01viewport { position: relative; }

.rs01none { display: none !important; }

.rs01hide { visibility: hidden !important; }

.rs01wfit > * { width: 100% !important; }

.rs01hfit > * { height: 100% !important; }

.rs01mask { overflow: hidden; }

/* Hidden the ruby in the case: lazyType "all" */
.rs01lazy-all.rs01no-loaded { visibility: hidden; }

.rs01lazy-all.rs01no-loaded > .rs01loader { visibility: visible; }

/* Hidden the slide at first */
.rs01init .rs01slide.rs01sleep { display: none; }

.rs01canvas { /* Version 1.4 - 15/09/2016 : Fixed size of the slide in layout Carousel */ -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.rs01no-transform .rs01canvas { position: relative; }

.rs01slide { overflow: hidden; width: 100%; }

.rs01slide.rs01sleep { /* Ver 1.4 - 16/09/2016 : propertity unnecessary */ /*height: 100%;*/ }

.rs01slide.rs01no-loaded { min-height: 150px; }

.rs01no-transform .rs01slide.rs01cur { position: relative; }

.rs01slide.rs01deactived, .rs01pagitem, .rs01outside .rs01pagitem { display: block; position: absolute; left: 0; top: 0; }

/** BOX-SIZING */
.rs01viewport, .rs01canvas, .rs01pagitem, .rs01pagmark-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.rs01slide { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** OVERLAY GHOST : SUPPORT SWIPE GESTURES WHEN PREVENT BY ELEMENT OTHERS + Support prevent Video iframe + Map iframe are active */
.rs01overlay-ghost { display: none; }

.rs01grabbing .rs01overlay-ghost { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; }

/** HEIGHT TYPE */
/* Slide in Height Fixed always == hCode */
.rs01height-fixed > .rs01viewport > .rs01canvas, .rs01height-fixed > .rs01viewport > .rs01canvas > .rs01slide, .rs01height-fixed > .rs01viewport > .rs01canvas > .rs01slide > .rs01imgback-wrap { height: 100%; }

/* Image background: smooth move when have top value */
.rs01height-fixed > .rs01viewport > .rs01canvas > .rs01slide > .rs01imgback-wrap { -webkit-transition: top .2s; -moz-transition: top .2s; transition: top .2s; }

/* Add scroll-y bar for the slide */
.rs01height-fixed.rs01type-tabs > .rs01viewport > .rs01canvas > .rs01slide { overflow-y: auto; }

/** LAYOUT AUTO - FULLWIDTH - FULLSCREEN */
/* Anchor for get position & size the ruby */
.rs01anchor { visibility: hidden !important; }

.rs01:-webkit-full-screen { width: 100%; height: 100%; }

/** LAYOUT FOR NATIVE FULLSCREEN */
.rs01nativeFS { background-color: #222; }

/* Style pagination in native fullscreen mode */
.rs01nativeFS > .rs01pagdirs-hor.rs01pagpos-begin { margin-top: 5px; }

.rs01nativeFS > .rs01pagdirs-hor.rs01pagpos-end { margin-bottom: 5px; }

.rs01nativeFS > .rs01pagdirs-ver.rs01pagpos-begin { margin-left: 5px; }

.rs01nativeFS > .rs01pagdirs-ver.rs01pagpos-end { margin-right: 5px; }

/* Style for type Tabs */
.rs01nativeFS.rs01type-tabs { background-color: #fff; }

.rs01nativeFS.rs01type-tabs > .rs01viewport > .rs01canvas > .rs01slide { overflow: auto; }

/* Style button toggle fullscreen */
.rs01toggle-nativeFS { position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: url(imgs/icon-fullscreen.svg) -3px -3px; opacity: 0.8; cursor: pointer; }

.rs01toggle-nativeFS:hover { opacity: 1; }

.rs01nativeFS .rs01toggle-nativeFS { background-position: -53px -3px; }

/** EFFECT LAYOUT */
/* LAYOUT DOT */
.rs01fxlayout-dot > .rs01viewport > .rs01canvas > .rs01deactived { visibility: hidden; }

.rs01fxlayout-dot > .rs01viewport > .rs01canvas > .rs01slide.rs01cur { z-index: 2; }

/* Setup 'z-index' property for fixed grabbing + fxRun */
.rs01slide.rs01cur.rs01css-prev, .rs01slide.rs01cur.rs01css-next { position: relative; }

.rs01fxlayout-dot > .rs01viewport > .rs01canvas > .rs01slide.rs01css-prev { visibility: visible; z-index: 1; }

.rs01fxlayout-dot > .rs01viewport > .rs01canvas > .rs01slide.rs01css-next { visibility: visible; z-index: 2; }

/** EFFECT - CORE */
/* CSS EFFECT */
.rs01css-mask { overflow: hidden; }

/* MATH EFFECT */
.rs01fx-overlay { position: absolute; left: 0; top: 0; width: 100%; z-index: 99999; }

.rs01fx-front-wrap { position: relative; }

.rs01math-mask > .rs01fx-front { overflow: hidden; }

.rs01fxlayout-dot .rs01fx-front { position: absolute; }

.rs01fx-front .rs01imgback-wrap { overflow: hidden; position: absolute; left: 0; }

.rs01fx-front .rs01imgback-wrap > img { left: 0; }

.rs01fx-back { position: absolute; overflow: hidden; width: 100%; }

.rs01fx-back .rs01imgback-wrap, .rs01fx-back .rs01imgback-wrap > img { left: 0; }

/* Fixed in height-fixed */
.rs01height-fixed .rs01fx-back, .rs01height-fixed .rs01imgback-wrap { height: 100%; }

/* Remove button open video when running effect */
.rs01fx-overlay .rs01btn-play { display: none; }

/* 3D EFFECT */
.rs01fxtype-3d > .rs01viewport > .rs01canvas { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

/** NAVIGATION */
.rs01nav-next, .rs01nav-prev, .rs01playpause { cursor: pointer; z-index: 99999; }

.rs01nav-prev, .rs01nav-next { position: absolute; display: block; width: 50px; height: 50px; top: 50%; margin-top: -25px; opacity: .5; background-image: url(imgs/icon-nav.svg); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; }

.rs01no-transform .rs01nav-prev, .rs01no-transform .rs01nav-next { background-image: url(imgs/icon-nav.png); }

.rs01nav-prev { left: 0; background-position: 0 0; }

.rs01nav-next { right: 0; background-position: -50px 0; }

.rs01nav-prev:hover, .rs01nav-next:hover { opacity: 1; }

.rs01nav-prev.rs01deactived, .rs01nav-next.rs01deactived { visibility: hidden; cursor: inherit; }

/* NAVIGATION STYLE DARK */
.rs01nav-dark .rs01nav-prev, .rs01nav-dark .rs01nav-next { background-image: url(imgs/icon-nav-dark.svg); }

.rs01nav-dark.rs01no-transform .rs01nav-prev, .rs01nav-dark.rs01no-transform .rs01nav-next { background-image: url(imgs/icon-nav-dark.png); }

/** PAGINATION + Resetup 'width' property for each type : Tabs no need width = 100% */
/** PAGINATION CORE */
.rs01pag { overflow: hidden; z-index: 3; }

.rs01paginner { position: relative; }

.rs01pagitem { cursor: pointer; }

/* Position of the Pagination */
.rs01pag.rs01pos-relative { position: relative; }

.rs01pag.rs01pos-absolute { position: absolute; }

.rs01pag.rs01pos-absolute.rs01pagdirs-hor { left: 0; }

.rs01pag.rs01pos-absolute.rs01pagdirs-hor.rs01pagpos-begin { top: 0; }

.rs01pag.rs01pos-absolute.rs01pagdirs-hor.rs01pagpos-end { bottom: 0; }

.rs01pag.rs01pos-absolute.rs01pagdirs-ver { top: 0; }

.rs01pag.rs01pos-absolute.rs01pagdirs-ver.rs01pagpos-begin { left: 0; }

.rs01pag.rs01pos-absolute.rs01pagdirs-ver.rs01pagpos-end { right: 0; }

/* Pagination with horizontal direction */
.rs01pag.rs01pagdirs-hor.rs01pagpos-begin { margin-bottom: 20px; }

.rs01pag.rs01pagdirs-hor.rs01pagpos-end { margin-top: 20px; }

/* Pagination with vertical direction */
.rs01pag.rs01pagdirs-ver.rs01pagpos-begin { float: left; }

.rs01pag.rs01pagdirs-ver.rs01pagpos-end { position: absolute; right: 0; top: 0; }

.rs01pag.rs01pagdirs-ver.rs01pagpos-begin { margin-right: 30px; }

.rs01pag.rs01pagdirs-ver.rs01pagpos-end { margin-left: 30px; }

/* Pagination in layout fullscreen */
.rs01layout-fullscreen > .rs01pagdirs-hor.rs01pagpos-end { position: absolute; bottom: 10px; }

/** PAGINATION TYPE : TABS */
.rs01tabs .rs01pagitem { padding-bottom: 5px; color: #777; white-space: nowrap; }

.rs01tabs .rs01pagitem.rs01cur { color: #111; }

/* Tabs Horizontal */
.rs01tabs.rs01pagdirs-hor .rs01pagitem { padding: 15px 22px; text-align: center; }

/* Tabs Vertical */
.rs01tabs.rs01pagdirs-ver .rs01pagitem { padding: 15px 20px; }

/* Pagination Tabs Outside */
.rs01tabs.rs01pagdirs-ver.rs01pagpos-end.rs01outside { position: inherit; }

/** PAGINATION TYPE : LIST */
.rs01list .rs01pagitem { position: static; display: inline-block; }

/** PAGINATION TYPE : THUMBNAIL */
.rs01thumbnail .rs01pagitem { width: 100px; height: 70px; border: 1px solid #e5e5e5; border-radius: 3px; }

.rs01thumbnail.rs01pagdirs-hor .rs01pagitem { margin-left: 8px; margin-right: 8px; }

.rs01thumbnail.rs01pagdirs-hor .rs01pagitem.rs01first { margin-left: 0; }

.rs01thumbnail.rs01pagdirs-hor .rs01pagitem.rs01last { margin-right: 0; }

.rs01thumbnail.rs01pagdirs-ver .rs01pagitem { margin-top: 5px; margin-bottom: 5px; }

.rs01thumbnail.rs01pagdirs-ver .rs01pagitem.rs01first { margin-top: 0; }

.rs01thumbnail.rs01pagdirs-ver .rs01pagitem.rs01last { margin-bottom: 0; }

.rs01thumbwrap { overflow: hidden; width: 100%; height: 100%; border: 4px solid #fff; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.rs01thumbwrap img { position: relative; max-width: none !important; -webkit-transform: translateZ(0); /* chrome image fix */ }

.rs01pagitem .rs01thumbwrap img { opacity: 1; -webkit-transition: -webkit-transform .15s, opacity .15s; transition: transform .15s, opacity .15s; }

/* Thumbnail Position */
.rs01thumbnail.rs01pos-absolute.rs01pagdirs-hor.rs01pagpos-begin { margin-top: 10px; }

.rs01thumbnail.rs01pos-absolute.rs01pagdirs-hor.rs01pagpos-end { margin-bottom: 10px; }

.rs01thumbnail.rs01pos-absolute.rs01pagdirs-ver.rs01pagpos-begin { margin-left: 10px; }

.rs01thumbnail.rs01pos-absolute.rs01pagdirs-ver.rs01pagpos-end { margin-right: 10px; }

/* Thumbnail Item actived */
.rs01thumbnail .rs01pagitem.rs01cur { border-color: transparent; }

.rs01pagitem.rs01cur .rs01thumbwrap { background-color: #333; }

.rs01pagitem.rs01cur .rs01thumbwrap img { opacity: .2; -webkit-transform: perspective(400px) translateZ(200px); transform: perspective(400px) translateZ(200px); }

.rs01no-opacity .rs01thumbnail .rs01pagitem.rs01cur { border-color: #000; }

.rs01thumbnail .rs01pagmark-border { display: block; z-index: 2; }

.rs01thumbnail .rs01pagmark-item { background-color: transparent; border: 2px solid #333; border-radius: 4px; box-sizing: border-box; }

@media only screen and (max-width: 767px) { .rs01thumbnail .rs01pagitem { width: 60px; height: 40px; margin-left: 3px; margin-right: 3px; }
  .rs01thumbnail.rs01pagdirs-hor .rs01pagitem { margin-left: 3px; margin-right: 3px; }
  .rs01thumbnail.rs01pagdirs-ver .rs01pagitem { margin-top: 3px; margin-bottom: 3px; }
  .rs01thumbwrap { border-width: 2px; } }

/** PAGINATION ARROW */
.rs01pagarrow-item { position: absolute; background-color: rgba(255, 255, 255, 0); /* Fixed IE khong tap dc tren item */ cursor: pointer; opacity: 0; z-index: -1; -webkit-transition: opacity .2s; transition: opacity .2s; }

.rs01pagarrow-item.rs01actived { opacity: 1; z-index: 99999; }

.rs01pagdirs-hor .rs01pagarrow-item { top: 0; width: 25px; height: 100%; }

.rs01pagdirs-hor .rs01pagarrow-left { left: 0; }

.rs01pagdirs-hor .rs01pagarrow-right { right: 0; }

.rs01pagdirs-ver .rs01pagarrow-item { left: 0; width: 100%; height: 15px; }

.rs01pagdirs-ver .rs01pagarrow-left { top: 0; }

.rs01pagdirs-ver .rs01pagarrow-right { bottom: 0; }

.rs01pagarrow-icon { position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; width: 0; height: 0; border: 5px solid transparent; opacity: .7; }

.rs01pagarrow-item:hover .rs01pagarrow-icon { opacity: 1; }

.rs01pagdirs-hor .rs01pagarrow-left .rs01pagarrow-icon { margin-left: -3px; border-left-width: 0; border-right-color: #000; }

.rs01pagdirs-hor .rs01pagarrow-right .rs01pagarrow-icon { margin-left: -1px; border-right-width: 0; border-left-color: #000; }

.rs01pagdirs-ver .rs01pagarrow-left .rs01pagarrow-icon { margin-top: -3px; border-top-width: 0; border-bottom-color: #000; }

.rs01pagdirs-ver .rs01pagarrow-right .rs01pagarrow-icon { margin-top: -1px; border-bottom-width: 0; border-top-color: #000; }

/* FIXED OLD BROWSER */
.rs01no-opacity .rs01pagarrow-icon { display: none; }

.rs01no-opacity .rs01pagarrow-item.rs01actived { display: block; }

/** PAGINATION MARK */
.rs01pagmark-item { display: none; position: absolute; background-color: #cc0055; }

.rs01pagmark-transition .rs01pagmark-item { -webkit-transition: -webkit-transform .2s, width .2s, height .2s; transition: transform .2s, width .2s, height .2s; }

.rs01pagdirs-hor > .rs01pagmark .rs01pagmark-item { height: 100%; }

.rs01pagdirs-hor.rs01pagpos-begin > .rs01pagmark .rs01pagmark-item { bottom: 0; }

.rs01pagdirs-hor.rs01pagpos-end > .rs01pagmark .rs01pagmark-item { top: 0; }

.rs01pagdirs-ver > .rs01pagmark .rs01pagmark-item { width: 100%; }

.rs01pagdirs-ver.rs01pagpos-begin > .rs01pagmark .rs01pagmark-item { right: 0; }

.rs01pagdirs-ver.rs01pagpos-end > .rs01pagmark .rs01pagmark-item { left: 0; }

/* Fixed remove transition when swipping */
.rs01grabbing > .rs01pagmark .rs01pagmark-item { -webkit-transition: none; transition: none; }

/** CAPTION */
.rs01capinner { position: relative; }

.rs01cap-last { visibility: hidden; position: absolute; left: 0; top: 0; }

/* Clearfix for caption : Get correct size */
.rs01cap-last:after, .rs01cap-cur:after { content: " "; display: table; clear: both; }

.rs01cap-last, .rs01cap-cur { *zoom: 1; }

/** ICON LOADER */
/** LOADER DEFAULT */
.rs01loader { position: absolute; width: 48px; height: 48px; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; }

.rs01loader:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; border-radius: 50%; border: 8px solid #fff; box-sizing: border-box; }

.rs01loader-circular { position: absolute; width: 100%; height: 100%; -webkit-animation: rs01LoaderRotate 2s linear infinite; animation: rs01LoaderRotate 2s linear infinite; }

.rs01loader-path { stroke-dasharray: 1,200; stroke-dashoffset: 0; stroke-linecap: round; -webkit-animation: rs01loaderDash 1s ease-in-out infinite, rs01loaderColor 4s ease-in-out infinite; animation: rs01loaderDash 1s ease-in-out infinite, rs01loaderColor 4s ease-in-out infinite; }

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

@keyframes rs01LoaderRotate { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

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

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

@-webkit-keyframes rs01loaderColor { 0%, 100% { stroke: #cc0055; }
  15% { stroke: #ffaa00; }
  30% { stroke: #c9c900; }
  45% { stroke: #00cc00; }
  60% { stroke: #00ccff; }
  75% { stroke: #9900ff; }
  90% { stroke: #ff00cc; } }

@keyframes rs01loaderColor { 0%, 100% { stroke: #cc0055; }
  15% { stroke: #ffaa00; }
  30% { stroke: #c9c900; }
  45% { stroke: #00cc00; }
  60% { stroke: #00ccff; }
  75% { stroke: #9900ff; }
  90% { stroke: #ff00cc; } }

/** LOADER SIZE SMALL */
.rs01loader-small { width: 26px; height: 26px; margin-left: -13px; margin-top: -13px; }

.rs01loader-small:before { border-width: 7px; }

/** LOADER FALLBACK */
.rs01loader-old { width: 70px; height: 32px; margin-left: -35px; margin-top: -16px; background-color: #fff; text-align: center; font-size: 12px; line-height: 32px; }

/** TIMER */
/* Timer Line */
.rs01timer-line { position: relative; overflow: hidden; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.1); }

.rs01timer-line > .rs01timeritem { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #999; background-color: rgba(0, 0, 0, 0.5); }

/* Timer Arc */
.rs01timer-arc { width: 40px; height: 40px; }

/** CURSOR : GRAB - POINTER */
/* For modern browser, using native cursor : Chrome, Firefox, Edge */
.rs01grab { cursor: -webkit-grab; cursor: grab; }

.rs01grabbing, .rs01grabbing .rs01pagitem { cursor: -webkit-grabbing; cursor: grabbing; }

/* Fixed for IE <= 11 */
.rs01ie .rs01grab { cursor: url(../ruby/imgs/grab.cur), auto; /* Browser IE9-11 - url included folder css */ cursor: url(imgs/grab.cur) 8 6, auto; /* Browser Modern + IE8- */ }

.rs01ie .rs01grabbing, .rs01ie .rs01grabbing .rs01pagitem { cursor: url(../ruby/imgs/grabbing.cur), auto; /* Browser IE9-11 */ cursor: url(imgs/grabbing.cur) 8 6, auto; /* Browser Modern + IE8- */ }

/* Cursor pointer on Slide-link */
.rs01link-onslide { cursor: pointer; }

/** IMAGE + Remove attribute max-width on image */
.rs01imgback { position: relative; left: 0; top: 0; display: block; max-width: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Ver 1.4 - 22/09/2016 : fixed in line effect, Video iframe, browser Chrome update wrong position */ transform: translateZ(0); }

/* Clone image in type position 'tile' */
.rs01imgclone { position: absolute !important; }

/* Hidden imageback when slide no loaded */
/*.rs01slide.rs01no-loaded > .rs01imgback-wrap > .rs01imgback { visibility: hidden; }*/
/** VIDEO BACKGROUND */
.rs01videoback { display: block; position: relative; }

.rs01videoposter { overflow: hidden; display: block; position: absolute; left: 0; top: 0; }

.rs01slide.rs01cur > .rs01videoback-wrap > .rs01videoposter { visibility: hidden; }

/* Setup for Math effect */
.rs01fx-back .rs01videoposter, .rs01fx-front .rs01videoposter { position: relative; }

/** VIDEO IFRAME */
.rs01video { position: relative; display: inline-block; }

.rs01video.rs01imgback-wrap { display: block; }

.rs01video > .rs01video-item { display: block; position: absolute; left: 0; top: 0; margin: 0; padding: 0; }

.rs01video img { display: block; }

.rs01video .rs01loader { visibility: hidden; }

/* Button play */
.rs01btn-play { display: block; position: absolute; width: 70px; height: 50px; left: 50%; top: 50%; margin-left: -35px; margin-top: -25px; background-image: url(imgs/icon-video-play.svg); background-repeat: no-repeat; cursor: pointer !important; opacity: 1; -webkit-transition: opacity .15s; transition: opacity .15s; }

.rs01no-transform .rs01btn-play { background-image: url(imgs/icon-video-play.png); }

.rs01btn-play:hover { opacity: .5; }

.rs01youtube .rs01btn-play { background-position: 0 0; }

.rs01vimeo .rs01btn-play { background-position: -70px 0; }

/* Button close */
.rs01btn-close { display: none; position: absolute; visibility: hidden; width: 30px; height: 30px; right: 10px; top: 10px; border-radius: 50%; background-color: #333; cursor: pointer; opacity: 0; }

.rs01video:hover > .rs01btn-close, .rs01video-ready > .rs01btn-close.rs01hover { opacity: 1; }

.rs01btn-close:hover { background-color: #fff; }

/* Video init */
.rs01video-init { background-color: #000; }

.rs01video-init > img, .rs01video-init > .rs01btn-play, .rs01video-init > .rs01video-item { visibility: hidden; }

.rs01video-init > .rs01loader { visibility: visible; }

/* Video ready */
.rs01video-ready > img, .rs01video-ready > .rs01btn-play { visibility: hidden; }

.rs01video-ready > .rs01btn-close { visibility: visible; }

/* Video khong co Image preview */
.rs01no-preview .rs01video-item { position: relative; }

/* Fixed trong Browser cu */
.rs01no-transform .rs01deactived .rs01video-ready > img { visibility: visible; }

.rs01no-transform .rs01deactived .rs01video-ready > .rs01video-item { visibility: hidden; }

/** HOTSPOT BASIC + Hidden hotspot at begin */
.rs01hotspot { position: relative; }

.rs01hspoint { width: 16px; height: 16px; background-color: #fff; border: 6px solid rgba(0, 0, 0, 0.75); border-radius: 50%; cursor: pointer; -webkit-animation: rs01wave 2s ease infinite; animation: rs01wave 2s ease infinite; }

@-webkit-keyframes rs01wave { 0%, 100% { -webkit-transform: perspective(800px) translateZ(0); }
  25%, 75% { -webkit-transform: perspective(800px) translateZ(-100px); }
  50% { -webkit-transform: perspective(800px) translateZ(100px); } }

@keyframes rs01wave { 0%, 100% { transform: perspective(800px) translateZ(0); }
  25%, 75% { transform: perspective(800px) translateZ(-100px); }
  50% { transform: perspective(800px) translateZ(100px); } }

/* Style Hotspot Item */
.rs01hsitem { position: absolute; left: 0; top: 0; visibility: hidden; padding: 5px 10px; background-color: #fff; border: 1px solid #444; border-radius: 4px; }

.rs01hsitem.rs01widthfixed { white-space: normal; }

.rs01hotspot.rs01actived .rs01hsitem { visibility: visible; }

.rs01slide.rs01deactived .rs01hotspot, .rs01slide.rs01deactived .rs01hsitem { visibility: hidden; }

/* Style Arrow of Item */
.rs01hsitem:after { content: ''; display: block; position: absolute; width: 8px; height: 8px; background-color: #fff; border: 1px solid #444; border-radius: 50%; }

.rs01hs-top .rs01hsitem:after { bottom: -6px; }

.rs01hs-bottom .rs01hsitem:after { top: -6px; }

.rs01hs-left .rs01hsitem:after { right: -5px; }

.rs01hs-right .rs01hsitem:after { left: -6px; }

.rs01hs-top .rs01hsitem:after, .rs01hs-bottom .rs01hsitem:after { left: 50%; margin-left: -5px; }

.rs01hs-left .rs01hsitem:after, .rs01hs-right .rs01hsitem:after { top: 50%; margin-top: -5px; }

/** LAYER BASIC */
.rs01layer { position: absolute; left: 0; top: 0; }

.rs01layeritem { display: block; margin: 0 !important; white-space: nowrap; }

.rs01layerghost { visibility: hidden; }

/* Layer nested */
.rs01layeritem .rs01layer { position: relative; display: inline-block; }

/** SHADOW */
.rs01shadow { position: absolute; left: 0; top: 100%; }

.rs01shadow > img { display: block; width: 100%; height: auto; }

/** OHTERS */
/* Tablist outside */
.rs01outside.rs01tabs.rs01pagdirs-ver.rs01pagpos-begin { float: none; }

/* Android native --> fixed imageback not active overflow:hidden */
.rs01androidnative.rs01fxlayout-line .rs01imgback-wrap { -webkit-transform: translatez(0); }

/* Firefox: fixed smooth edge, checked in version 30 */
.rs01firefox .ruby-animated { outline: 1px solid transparent; }

/* Fixed font ugly in safari 5.1 window */
.rs01, .rs01pag, .rs01cap { -webkit-font-smoothing: antialiased; }

/* Fixed ie mobile not swipe by conflict with scroll page */
/*.rs01mobile .rs01swipe-on  { -ms-touch-action: pan-y; }*/
/* Fixed 'tap-highlight' on mobile -- IE is unresolved */
.rs01viewport, .rs01pag { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* Fixed the scroll-x bar appear when FxCSS running - Mobile is unresoleved */
.rs01mask-x { overflow-x: hidden; }

/*.rs01mask-x { position: fixed; overflow: hidden; }*/
/* Style cursor on class Swipe Prevent */
.rs01swipe-prevent { cursor: auto; }

/* API Remote */
.rs01api { cursor: pointer; }

/** STYLE FOR THE OTHER ELEMENTS */
/** TIMER STYLE ============================================================================= */
/* BASIC */
.rs01ss-control { position: absolute; z-index: 99999; }

/** PLAYPAUSE BUTTON ----------------------------------------------------------------------------- */
.rs01playpause { position: absolute; width: 26px; height: 26px; background: transparent url(imgs/icon-playpause.svg) no-repeat -12px -12px; text-indent: -99999px; }

.rs01no-transform .rs01playpause { background-image: url(imgs/icon-playpause.png); }

.rs01playpause.rs01actived { background-position: -60px -12px; }

/** TIMER ARC TOP ----------------------------------------------------------------------------- */
.rs01timer-arcTop .rs01ss-control { top: 0; right: 0; width: 40px; height: 40px; }

.rs01timer-arcTop .rs01playpause { left: 7px; top: 7px; }

.rs01timer-arcTop .rs01timer { position: absolute; }

/* Fallback for old browser */
.rs01timer-arcTop.rs01no-transform .rs01timer.rs01timer-line { background-color: #e5e5e5; }

/** TIMER BAR TOP ----------------------------------------------------------------------------- */
.rs01timer-lineTop .rs01ss-control { top: 10px; right: 10px; width: 40px; height: 40px; }

.rs01timer-lineTop .rs01playpause { left: 7px; top: 7px; }

.rs01timer-lineTop .rs01timer { position: absolute; }

/** TIMER LINE BOTTOM ----------------------------------------------------------------------------- */
.rs01timer-lineBottom .rs01ss-control { position: relative; }

.rs01timer-lineBottom .rs01playpause { right: 4px; bottom: 4px; }

/** FLICKR ============================================================================= */
.rs01flickr-info { padding: 10px; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; color: #999; }

a.rs01flickr-photo-title { display: block; margin-bottom: 5px; color: #fff; font-size: 18px; }

a.rs01flickr-album-title, a.rs01flickr-author { display: inline-block; opacity: 0.5; color: #fff; font-size: 12px; }

a.rs01flickr-album-title:hover, a.rs01flickr-author:hover { opacity: 1; }

/** BULLET STYLE ============================================================================= */
/** BULLET CORE ----------------------------------------------------------------------------- */
.rs01pagtype-bullet > .rs01pag.rs01bullet { margin: 0; }

.rs01bullet .rs01pagitem { display: block; float: left; width: 8px; height: 8px; background-color: #333; background-color: rgba(0, 0, 0, 0.3); border-radius: 100%; text-indent: -99999px; }

.rs01bullet.rs01pos-absolute .rs01pagitem { background-color: rgba(0, 0, 0, 0.5); }

/* Bullet horizontal direction */
.rs01bullet.rs01pagdirs-hor { padding-top: 10px; padding-bottom: 10px; }

.rs01bullet.rs01pagdirs-hor .rs01pagitem { margin-left: 6px; margin-right: 6px; }

/* Bullet vertical direction */
.rs01bullet.rs01pagdirs-ver { padding-left: 10px; padding-right: 10px; }

.rs01bullet.rs01pagdirs-ver .rs01pagitem { margin-top: 4px; margin-bottom: 4px; }

/* Bullet pag-mark */
.rs01bullet .rs01pagmark-self { display: block; }

.rs01bullet .rs01pagmark-item { border-radius: 100%; z-index: 2; }

.rs01bullet.rs01pagdirs-hor .rs01pagmark-item { height: 8px; }

.rs01bullet.rs01pagdirs-ver .rs01pagmark-item { width: 8px; }

.rs01bullet.rs01pagdirs-hor > .rs01pagmark .rs01pagmark-item { top: inherit; bottom: inherit; }

.rs01bullet.rs01pagdirs-ver > .rs01pagmark .rs01pagmark-item { left: inherit; right: inherit; }

/** BULLET FLAT ----------------------------------------------------------------------------- */
.rs01bulletflat .rs01pag { padding-left: 10px; padding-right: 10px; background-color: #cc0055; }

.rs01bulletflat .rs01viewport { padding: 20px; background-color: #fff; border: solid #e5e5e5; border-width: 0 1px 1px 1px; }

/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/** CUSTOM OWL CAROUSEL */
.owl-carousel { /** MEDIA **/ }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { position: absolute; top: calc(38% - 22px); height: 44px; width: 44px; padding: 0 !important; margin: 0; border-radius: 100px; background-color: #fff; color: rgba(0, 0, 0, 0.25); opacity: 1; text-align: center; outline: none; }

.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i { display: inline-block; padding-right: 0; font-size: 18px; }

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { background-color: #5398FF; color: #fff; }

.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled { opacity: 0; }

.owl-carousel .owl-nav button.owl-prev { left: -52px; }

.owl-carousel .owl-nav button.owl-prev i { margin-right: 2px; }

.owl-carousel .owl-nav button.owl-next { right: -52px; }

.owl-carousel .owl-nav button.owl-next i { margin-left: 2px; }

.owl-carousel .owl-dots { padding-top: 10px; }

.owl-carousel .owl-dots button.owl-dot:focus { outline: none; }

@media (max-width: 1199.98px) { .owl-carousel .owl-nav button.owl-prev { left: -22px; }
  .owl-carousel .owl-nav button.owl-next { right: -22px; } }

@media (max-width: 767.98px) { .owl-carousel .owl-nav button.owl-prev { left: 15px; }
  .owl-carousel .owl-nav button.owl-next { right: 15px; } }

@media (max-width: 575.98px) { .owl-carousel .owl-nav { display: none; } }

.nav-fullwidth .owl-nav { position: absolute; left: 0; top: calc(50% - 25px); width: calc(100vw - 15px); margin-top: 0; }

/** COLLAPSE PUREJS - CORE */
.collapse-toggle { cursor: pointer; }

.collapse-target.collapse-actived { overflow: hidden; }

/** COLLAPSE PUREJS STYLE CUSTOM */
.collapse-toggle { /* Callapse Actived */ /* Media Breakpoint */ }

.collapse-toggle .collapse-toggle-caret { position: relative; display: inline-block; min-width: 42px; height: 42px; margin-left: 20px; border: 3px solid #5398FF; border-radius: 50px; }

.collapse-toggle .collapse-toggle-caret::before, .collapse-toggle .collapse-toggle-caret::after { content: ''; position: absolute; border-radius: 2px; background-color: #5398FF; transition: all 0.2s; }

.collapse-toggle .collapse-toggle-caret::before { left: calc(50% - 9px); top: calc(50% - 2px); width: 18px; height: 4px; transform: rotate(180deg); }

.collapse-toggle .collapse-toggle-caret::after { left: calc(50% - 2px); top: calc(50% - 9px); width: 4px; height: 18px; transform: rotate(90deg); opacity: 0; }

.collapse-toggle.collapse-actived .collapse-toggle-caret::before { transform: rotate(0); }

.collapse-toggle.collapse-actived .collapse-toggle-caret::after { transform: rotate(0); opacity: 1; }

@media (max-width: 991.98px) { .collapse-toggle { position: relative; }
  .collapse-toggle .collapse-toggle-caret { position: absolute; right: 20px; min-width: 26px; height: 26px; border-width: 5px; border-color: #fff; background-color: #fff; }
  .collapse-toggle .collapse-toggle-caret::before { left: calc(50% - 6px); top: calc(50% - 1px); width: 12px; height: 2px; }
  .collapse-toggle .collapse-toggle-caret::after { left: calc(50% - 1px); top: calc(50% - 6px); width: 2px; height: 12px; } }

/*! Datepicker v1.0.9 https://fengyuanchen.github.io/datepicker Copyright 2014-present Chen Fengyuan Released under the MIT license Date: 2019-09-21T06:57:30.334Z */
.datepicker-container { background-color: #fff; direction: ltr; font-size: 14px; left: 0; line-height: 30px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 255px; z-index: -1; }

.datepicker-container::before, .datepicker-container::after { border: 5px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; }

.datepicker-dropdown { border: 1px solid #ccc; -webkit-box-shadow: 0 3px 6px #ccc; box-shadow: 0 3px 6px #ccc; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; z-index: 1; }

.datepicker-inline { position: static; }

.datepicker-top-left, .datepicker-top-right { border-top-color: #39f; }

.datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after { border-top: 0; left: 10px; top: -5px; }

.datepicker-top-left::before, .datepicker-top-right::before { border-bottom-color: #39f; }

.datepicker-top-left::after, .datepicker-top-right::after { border-bottom-color: #fff; top: -4px; }

.datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #39f; }

.datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { border-bottom: 0; bottom: -5px; left: 10px; }

.datepicker-bottom-left::before, .datepicker-bottom-right::before { border-top-color: #39f; }

.datepicker-bottom-left::after, .datepicker-bottom-right::after { border-top-color: #fff; bottom: -4px; }

.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { left: auto; right: 10px; }

.datepicker-panel > ul { margin: 0; padding: 0; width: 102%; }

.datepicker-panel > ul::before, .datepicker-panel > ul::after { content: " "; display: table; }

.datepicker-panel > ul::after { clear: both; }

.datepicker-panel > ul > li { background-color: #fff; cursor: pointer; float: left; height: 40px; line-height: 35px; list-style: none; margin: 0; padding: 0; text-align: center; width: 40px; }

.datepicker-panel > ul > li:nth-child(2) { line-height: 40px; font-size: 16px; }

.datepicker-panel > ul > li:hover { background-color: #e5f2ff; }

.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #999; }

.datepicker-panel > ul > li.highlighted { background-color: #e5f2ff; }

.datepicker-panel > ul > li.highlighted:hover { background-color: #cce5ff; }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #39f; }

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { background-color: #fff; color: #ccc; cursor: default; }

.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: #e5f2ff; }

.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] { font-size: 18px; }

.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] { width: 175px; }

.datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li { height: 63.75px; line-height: 63.75px; width: 63.75px; }

.datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover { background-color: #fff; cursor: default; }

.datepicker-hide { display: none; }

/* Header */
/** SITE HEADER **/
.site-header { position: relative; z-index: 99; /** MEDIA **/ }

.site-header .__branding { background-color: #C1DAFF; }

.site-header .__inner { display: flex; justify-content: space-between; align-items: center; }

.site-header .__logo { padding-top: 14px; padding-bottom: 20px; }

.site-header .__logo a { display: flex; transition: transform 0.2s, opacity 0.2s; }

.site-header .__logo a:hover { text-decoration: none; transform: scale(1.1); opacity: 0.85; }

.site-header .__logo svg { fill: #5398FF; }

.site-header .__logo_white { display: none; }

.site-header .__tagline { margin-top: 28px; margin-left: 20px; font-size: 14px; line-height: 1em; color: #707070; white-space: nowrap; }

@media (max-width: 767.98px) { .site-header .__inner { padding-right: 0; }
  .site-header .__logo { padding-top: 10px; padding-bottom: 10px; }
  .site-header .__logo a { flex-direction: column; }
  .site-header .__logo svg { width: 100px; height: auto; }
  .site-header .__tagline { display: block; margin: 7px 0 0 2px; font-size: 12px; } }

@media (min-width: 1600px) { .site-header .__tagline { display: block; } }

/** HEADER SCROLL FIXED */
.scroll-fixed { /** MEDIA LARGE **/ }

.scroll-fixed .scroll-holder { display: none; }

@media (min-width: 768px) { .scroll-fixed.fixed-actived .scroll-holder { display: block; }
  .scroll-fixed.fixed-actived .scroll-inner { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(193, 218, 255, 0.75); animation: headerMoveDown 0.2s both; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
  .scroll-fixed.fixed-actived .__inner { max-width: calc(1560px + 80px); margin-left: auto; margin-right: auto; }
  .scroll-fixed.fixed-actived .__logo { padding-top: 8px; padding-bottom: 10px; }
  .scroll-fixed.fixed-actived .__logo svg, .scroll-fixed.fixed-actived .__logo img { width: 120px; height: auto; }
  .scroll-fixed.fixed-actived .__tagline { margin-top: 17px; font-size: 1.1rem; }
  .scroll-fixed.fixed-actived .__menus a { padding-top: 2px; padding-bottom: 2px; font-size: 1.8rem; }
  .scroll-fixed.fixed-actived .__entry { padding-top: 0; margin-left: 0px; margin-right: 25px; }
  .scroll-fixed.fixed-actived .__entry a { font-size: 2rem; }
  .scroll-fixed.fixed-actived .__entry .__title { width: 120px; height: 96px; margin-left: 10px; margin-right: 10px; }
  .scroll-fixed.fixed-actived .hamburger { width: 40px; height: 40px; }
  .scroll-fixed.fixed-actived .hamburger .hamburger__deco { width: 30px; height: 20px; }
  .scroll-fixed.fixed-actived .hamburger.rm01push .hamburger__deco > span::before { transform: translate3d(0, 9px, 0) rotate(45deg) scaleX(0.7); }
  .scroll-fixed.fixed-actived .hamburger.rm01push .hamburger__deco > span::after { transform: translate3d(0, -9px, 0) rotate(-45deg) scaleX(0.7); } }

@media (min-width: 1400px) { .scroll-fixed.fixed-actived .__tagline { display: block; } }

/** FIXED IE **/
@media (min-width: 768px) { .no-backdropfilter .scroll-fixed.fixed-actived .scroll-inner { background-color: rgba(193, 218, 255, 0.95); } }

/** NAVIGATION TOP */
.navtop { display: flex; align-items: center; /** NAVIGATION ENTRY **/ /** MEDIA **/ }

.navtop .__menus { display: none; }

.navtop .__menus ul { display: flex; flex-wrap: wrap; padding-left: 20px; margin-bottom: 0; }

.navtop .__menus li { list-style-type: none; }

.navtop .__menus a { display: block; padding: 7px 15px; margin-left: 4px; border-radius: 100px; border: 1px solid transparent; color: #555; font-size: 20px; line-height: 1.5; font-family: "Caveat", cursive; text-align: center; transition: transform 0.15s; }

.navtop .__menus a:hover { text-decoration: none; transform: scale(1.2); }

.navtop .__menus a .small { display: block; font-size: 0.5em; font-weight: 700; }

.navtop .__entry { padding-top: 30px; margin-left: 20px; margin-bottom: -30px; }

.navtop .__entry ul { display: flex; flex-wrap: wrap; padding-left: 20px; margin-bottom: 0; }

.navtop .__entry li { list-style-type: none; }

.navtop .__entry a { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #5398FF; font-size: 20px; line-height: 1.6; font-family: "Caveat", cursive; text-align: center; transition: transform 0.15s; }

.navtop .__entry a:hover { text-decoration: none; transform: scale(1.2); }

.navtop .__entry a .small { display: block; font-size: 0.45em; font-weight: 700; }

.navtop .__entry .__title { display: flex; flex-direction: column; justify-content: center; width: 160px; height: 100px; padding: 7px 0; background-repeat: no-repeat; background-position: center center; background-size: contain; }

.navtop .__entry li.--highlight a { color: #FF8853; }

@media (max-width: 991.98px) { .navtop .__entry { padding-top: 12px; }
  .navtop .__entry .__title { width: 110px; } }

@media (max-width: 767.98px) { .navtop { margin-top: 0; }
  .navtop .__menus { display: none; }
  .navtop .__entry { display: none; } }

@media (min-width: 1200px) { .navtop .__menus { display: block; }
  .navtop .__menus a { font-size: 1.8rem; padding-left: 20px; padding-right: 20px; }
  .navtop .__entry { padding-top: 10px; }
  .navtop .__entry .__title { width: 120px; } }

@media (min-width: 1500px) { .navtop .__menus a { font-size: 2.6rem; }
  .navtop .__entry { padding-top: 30px; }
  .navtop .__entry a { font-size: 2.4rem; }
  .navtop .__entry .__title { width: 200px; padding: 7px 20px; } }

@media (min-width: 1690px) { .navtop .__menus a { padding: 7px 25px; }
  .navtop .__entry { margin-left: 20px; }
  .navtop .__entry a { font-size: 2.8rem; }
  .navtop .__entry .__title { width: 180px; padding: 7px 20px; } }

/** MAIN MENUS Menu chính trong Menu Drawer */
#main-menus { width: 100%; color: #fff; /** MEDIA **/ }

#main-menus ul { padding-left: 0; margin-bottom: 0; }

#main-menus li { list-style-type: none; }

#main-menus a { display: block; }

#main-menus a:hover { text-decoration: underline; }

#main-menus .__menu_thumb img { width: 100%; max-width: 270px; height: auto; }

#main-menus .__menus_inner { display: flex; }

#main-menus .__menu_left { width: 30%; padding-left: 6%; }

#main-menus .__menu_right { flex: 1; display: flex; }

#main-menus .__menu_1 li { margin-bottom: 25px; }

#main-menus .__menu_1 a { font-size: 26px; font-weight: 700; }

#main-menus .__menu_1 .__menu_sub, #main-menus .__menu_1 .sub-menu { padding-left: 30px; }

#main-menus .__menu_1 .__menu_sub li, #main-menus .__menu_1 .sub-menu li { margin-bottom: 0; }

#main-menus .__menu_1 .__menu_sub a, #main-menus .__menu_1 .sub-menu a { font-size: 18px; }

#main-menus .__menu_1 .__menu_sub a::before, #main-menus .__menu_1 .sub-menu a::before { content: ''; display: inline-block; width: 25px; height: 1px; margin-right: 15px; background-color: #fff; vertical-align: middle; }

#main-menus .__menu_2 { padding-top: 10px; }

#main-menus .__menu_2 li { margin-bottom: 25px; }

#main-menus .__menu_2 a { font-size: 18px; font-weight: 700; }

#main-menus .__menu_2 [class*="icon-"] { font-size: 0.7em; }

#main-menus .__menu_thumb_1 { width: 35%; border: solid #fff; border-width: 0 1px; text-align: center; }

#main-menus .__menu_thumb_1 .__menu_inner { display: inline-block; text-align: left; line-height: 1.4; }

#main-menus .__menu_thumb_1 .__menu_list { display: inline-block; margin: 0 auto; }

#main-menus .__menu_thumb_1 .__menu_heading { margin-bottom: 30px; }

#main-menus .__menu_thumb_1 li { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }

#main-menus .__menu_thumb_1 .__name_ja, #main-menus .__menu_thumb_1 .__name_roman, #main-menus .__menu_thumb_1 .__date, #main-menus .__menu_thumb_1 .__position { display: inline-block; }

#main-menus .__menu_thumb_1 .__name { padding-top: 5px; }

#main-menus .__menu_thumb_1 .__name_ja { font-size: 18px; }

#main-menus .__menu_thumb_1 .__name_roman { padding-left: 10px; font-size: 10px; }

#main-menus .__menu_thumb_1 .__date { font-size: 12px; }

#main-menus .__menu_thumb_1 .__position { font-size: 12px; }

#main-menus .__menu_thumb_2 { flex: 1; }

#main-menus .__menu_thumb_2 .__menu_heading { margin-bottom: 30px; }

#main-menus .__menu_thumb_2 .__menu_heading h4 { padding-left: calc(3% + 10px); }

#main-menus .__menu_thumb_2 ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; }

#main-menus .__menu_thumb_2 li { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; text-align: center; }

#main-menus .__menu_thumb_2 a { display: inline-block; font-size: 16px; }

#main-menus .__menu_thumb_2 .__menu_title { padding-top: 7px; min-height: 50px; line-height: 1.4; text-align: left; }

#main-menus .__icon_line::before { content: ''; display: inline-block; width: 24px; height: 1px; margin-right: 10px; background-color: #fff; vertical-align: middle; }

@media (max-width: 1480px) { #main-menus .__menu_thumb_2 li { width: 50%; } }

@media (max-width: 991.98px) { #main-menus .__menus_inner { flex-direction: column; }
  #main-menus .__menu_left { width: 100%; padding-left: 0; margin-bottom: 50px; }
  #main-menus .__menu_1 li { margin-bottom: 10px; }
  #main-menus .__menu_1 a { font-size: 18px; }
  #main-menus .__menu_1 .__menu_sub a { font-size: 14px; }
  #main-menus .__menu_2 li { margin-bottom: 10px; }
  #main-menus .__menu_2 a { font-size: 14px; }
  #main-menus .__menu_thumb_1 { width: 32%; }
  #main-menus .__menu_thumb_1 .__menu_heading { margin-bottom: 20px; }
  #main-menus .__menu_thumb_1 .__name_ja { font-size: 14px; }
  #main-menus .__menu_thumb_1 .__date { font-size: 10px; }
  #main-menus .__menu_thumb_1 .__position { font-size: 10px; }
  #main-menus .__menu_thumb_2 { padding-left: 0; }
  #main-menus .__menu_thumb_2 .__menu_heading { padding-left: 20px; margin-bottom: 20px; }
  #main-menus .__menu_thumb_2 li { min-height: 0; padding-left: 20px; margin-bottom: 0; }
  #main-menus .__menu_thumb_2 .__menu_title { font-size: 14px; } }

@media (max-width: 575.98px) { #main-menus .__menu_left { padding-left: 0; margin-bottom: 20px; }
  #main-menus .__menu_right { flex-direction: column; }
  #main-menus .__menu_thumb_1 { width: 100%; padding-top: 30px; padding-bottom: 20px; margin-bottom: 40px; border-width: 1px 0; border-style: dashed; text-align: left; }
  #main-menus .__menu_thumb_1 li { padding-left: 0; padding-right: 0; }
  #main-menus .__menu_thumb_2 .__menu_heading { padding-left: 0; }
  #main-menus .__menu_thumb_2 .__menu_heading h4 { padding-left: 0; }
  #main-menus .__menu_thumb_2 ul { margin-left: -10px; margin-right: -10px; }
  #main-menus .__menu_thumb_2 li { padding-left: 10px; padding-right: 10px; }
  #main-menus .__menu_thumb_2 .__menu_title { font-size: 12px; } }

/** SCROLL FIXED Làm cho vị trí của header fixed. Scroll qua vị trí chỉ định thì sẽ chuyển sang `position: fixed` */
.header-scroll-fixed { position: relative; /** FIXED ENABLE - ĐỦ ĐIỀU KIỆN ĐỂ SCROLL FIXED HOẠT ĐỘNG **/ /** FIXED ACTIVED - KHI SCROLL FIXED KÍCH HOẠT **/ }

.header-scroll-fixed .scroll-inner { position: relative; width: 100%; z-index: 99; }

.header-scroll-fixed.fixed-enabled .scroll-inner { position: absolute; top: 0; left: 0; }

.header-scroll-fixed.fixed-actived .scroll-inner { position: fixed; background-color: rgba(255, 255, 255, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); animation: headerMoveDown 0.2s both; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }

@media (min-width: 768px) { .header-scroll-fixed { /** FIXED ACTIVED **/ }
  .header-scroll-fixed.fixed-actived .rm01.rm01.rm01hanger .rm01list a { padding-top: 17px; padding-bottom: 17px; } }

@media (max-width: 991.98px) { .header-scroll-fixed.fixed-actived .header-logo { padding-top: 8px !important; padding-bottom: 8px !important; } }

@media (max-width: 767.98px) { .header-scroll-fixed.fixed-actived .rm01.rm01drawer .menu-inner { height: calc(100vh - 40px); } }

/** Fixed: Không hỗ trợ backdrop-filter **/
.no-backdropfilter .header-scroll-fixed.fixed-actived .scroll-inner { background-color: rgba(255, 255, 255, 0.95); }

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

/** Fixed khi có admin bar **/
body.admin-bar .header-scroll-fixed.fixed-actived .scroll-inner { margin-top: 32px; /** MEDIA **/ }

@media (max-width: 782px) { body.admin-bar .header-scroll-fixed.fixed-actived .scroll-inner { margin-top: 46px; } }

@media (max-width: 599px) { body.admin-bar .header-scroll-fixed.fixed-actived .scroll-inner { margin-top: 0; } }

/** NAVIGATION HEADER **/
.rm01 { display: none; }

/** MENU HANGER - DÀNH CHO PC */
/** MENU DRAWER - DÀNH CHO SP */
.rm01.rm01drawer { overflow: hidden; position: absolute; top: 0; right: 0; display: none; height: 0; z-index: -1; /* Menu Push */ /** MEDIA **/ }

.rm01.rm01drawer .menu-inner { padding: 30px; background-color: #C1DAFF; }

.rm01.rm01drawer .menu-inner ul { padding-left: 0; }

.rm01.rm01drawer .menu-inner li { display: block; list-style-type: none; }

.rm01.rm01drawer .__menus a, .rm01.rm01drawer .__entry a { display: block; padding-bottom: 3px; margin-bottom: 25px; border-bottom: 1px solid #2D2D2D; font-family: "Caveat", cursive; font-size: 3.2rem; line-height: 1.2; }

.rm01.rm01drawer .__menus a:hover, .rm01.rm01drawer .__entry a:hover { text-decoration: none; }

.rm01.rm01drawer .__menus .small, .rm01.rm01drawer .__entry .small { padding-left: 25px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 0.55em; font-weight: 700; }

.rm01.rm01drawer .__menus .__title, .rm01.rm01drawer .__entry .__title { color: inherit !important; background: none !important; }

.rm01.rm01drawer .__social { padding-top: 20px; }

.rm01.rm01drawer .__social ul { display: flex; }

.rm01.rm01drawer .__social li { margin-right: 40px; }

.rm01.rm01drawer .__social li:last-child { margin-right: 0; }

.rm01.rm01drawer .__social a { font-size: 1.8rem; }

.rm01.rm01drawer .__social .__icon { display: inline-block; padding-right: 10px; transform: scale(1.5); }

.rm01.rm01drawer.rm01push { overflow: visible; width: 100%; height: auto; }

.rm01.rm01drawer.rm01push .rm01list > .rm01link { opacity: 0; animation-duration: 0.6s; animation-fill-mode: forwards; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(1) .rm01link { animation-delay: 0s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(2) .rm01link { animation-delay: 0.05s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(3) .rm01link { animation-delay: 0.1s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(4) .rm01link { animation-delay: 0.15s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(5) .rm01link { animation-delay: 0.2s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(6) .rm01link { animation-delay: 0.25s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(7) .rm01link { animation-delay: 0.3s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(8) .rm01link { animation-delay: 0.35s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(9) .rm01link { animation-delay: 0.4s; }

.rm01.rm01drawer.rm01push .rm01list:nth-child(10) .rm01link { animation-delay: 0.45s; }

.rm01.rm01drawer.rm01push .rm01list-lv1 > .rm01link { opacity: 0; animation-name: animate-slideToLeft; }

.rm01.rm01drawer.rm01push .rm01list-lv2 > .rm01link { opacity: 0; animation-name: animate-slideToRight; }

.rm01.rm01drawer.rm01push::before { content: ''; position: fixed; width: 100%; min-height: calc(100vh - 70px); z-index: -1; }

@media (max-width: 767.98px) { .rm01.rm01drawer { display: block; } }

/** RUBY MENU ANIMATION **/
[class*=rm01anim-] { position: relative; }

.rm01.rm01push [class*=rm01anim-] { opacity: 0; animation-name: animate-zoom; animation-duration: 0.4s; animation-fill-mode: forwards; }

.rm01.rm01push::before { opacity: 0; animation-name: animate-slideToRight; animation-duration: 0.2s; animation-fill-mode: forwards; }

.rm01.rm01push .menu-inner { position: absolute; left: 0; top: 66px; width: 100%; }

.rm01anim-1 { animation-delay: 0s !important; }

.rm01anim-2 { animation-delay: 0.05s !important; }

.rm01anim-3 { animation-delay: 0.1s !important; }

.rm01anim-4 { animation-delay: 0.15s !important; }

.rm01anim-5 { animation-delay: 0.2s !important; }

.rm01anim-6 { animation-delay: 0.25s !important; }

.rm01anim-7 { animation-delay: 0.3s !important; }

.rm01anim-8 { animation-delay: 0.35s !important; }

.rm01anim-9 { animation-delay: 0.4s !important; }

.rm01anim-10 { animation-delay: 0.45s !important; }

/** ANIMATE KEYFRAMES **/
@keyframes animate-zoom { 0% { opacity: 0;
    transform: perspective(800px) translate3d(0, 0, -1000px); }
  100% { opacity: 1;
    transform: perspective(800px) translate3d(0, 0, 0); } }

@keyframes animate-slideToLeft { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes animate-slideToLeft2x { 0% { opacity: 0;
    transform: translate3d(-200%, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes animate-slideToRight { 0% { opacity: 0;
    transform: translate3d(200%, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes animate-slideToRight2x { 0% { opacity: 0;
    transform: translate3d(200%, 0, 0); }
  100% { opacity: 1;
    transform: translate3d(0, 0, 0); } }

/** RUBYMENU KEYFRAMES **/
@keyframes rm01open-slideOut { to { transform: translateX(-100%); } }

@keyframes rm01open-slideIn { from { transform: translateX(100%); } }

@keyframes rm01closed-slideOut { to { transform: translateX(100%); } }

@keyframes rm01closed-slideIn { from { transform: translateX(-100%); } }

/** PAGE MENU HAMBURGER - SP **/
.hamburger { visibility: hidden; display: none; justify-content: center; align-items: center; width: 54px; height: 54px; border-radius: 100px; color: #000; text-align: center; box-sizing: content-box; outline: none; /** MEDIA **/ }

.hamburger .hamburger__deco { position: relative; display: block; width: 36px; height: 26px; }

.hamburger .hamburger__deco::before { content: ''; position: absolute; left: 0; top: calc(50% - 1px); width: 100%; height: 3px; border-radius: 10px; background-color: #000; transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger .hamburger__deco > span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.hamburger .hamburger__deco > span::before, .hamburger .hamburger__deco > span::after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; border-radius: 10px; background-color: #000; transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger .hamburger__deco > span::before { top: 0; }

.hamburger .hamburger__deco > span::after { bottom: 0; }

.hamburger .hamburger__text { display: block; margin-top: -5px; font-family: "Caveat", cursive; font-size: 0.9rem; }

.hamburger .hamburger__text::before { content: attr(data-menu); }

.hamburger.rm01push .hamburger__deco::before { transform: scale(0); }

.hamburger.rm01push .hamburger__deco > span { transform: scale(0.9); }

.hamburger.rm01push .hamburger__deco > span::before { transform: translate3d(0, 12px, 0) rotate(45deg) scaleX(0.7); }

.hamburger.rm01push .hamburger__deco > span::after { transform: translate3d(0, -12px, 0) rotate(-45deg) scaleX(0.7); }

.hamburger.rm01push .hamburger__text { letter-spacing: 0; }

.hamburger.rm01push .hamburger__text::before { content: attr(data-close); }

.hamburger.rm01show { visibility: visible; }

@media (max-width: 767.98px) { .hamburger { display: flex; min-width: 60px; border-radius: 0; }
  .hamburger .hamburger__deco { width: 30px; height: 24px; border: 2px solid transparent; }
  .hamburger .hamburger__deco::before { background-color: #2D2D2D; }
  .hamburger .hamburger__deco > span::before { background-color: #2D2D2D; }
  .hamburger .hamburger__deco > span::after { background-color: #2D2D2D; }
  .hamburger.rm01push .hamburger__deco { height: 28px; border-color: #2D2D2D; background-color: #fff; }
  .hamburger.rm01push .hamburger__deco > span::before { transform: translate3d(0, 13px, 0) rotate(45deg) scaleX(0.8); }
  .hamburger.rm01push .hamburger__deco > span::after { transform: translate3d(0, -12px, 0) rotate(-45deg) scaleX(0.8); } }

.fixed-actived .hamburger { /** MEDIA **/ }

@media (max-width: 767.98px) { .fixed-actived .hamburger { padding-top: 5px; padding-bottom: 5px; } }

/** HEADING TOP */
.headingtop { position: relative; overflow: hidden; display: flex; align-items: center; background: no-repeat center center; background-color: #707070; background-size: cover; height: 400px; /** MEDIA **/ /** MEDIA LARGE **/ }

.headingtop .inner { display: none; }

.headingtop .__info { position: relative; width: 800px; width: 50%; padding: 30px 50px; color: #707070; }

.headingtop .__info::before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border-radius: 30px; background-color: rgba(255, 255, 255, 0.75); -webkit-filter: blur(4px); filter: blur(4px); }

.headingtop .__info_header { position: relative; display: flex; align-items: center; margin-bottom: 30px; z-index: 2; }

.headingtop .__icon { padding-right: 30px; }

.headingtop .__position { font-size: 2.1rem; }

.headingtop .__name { font-size: 4rem; font-weight: 700; line-height: 1; }

.headingtop .__description { position: relative; font-size: 2.3rem; z-index: 2; }

@media (max-width: 991.98px) { .headingtop.ht--interview { background-position: 70% center; }
  .headingtop .__info { width: 60%; padding: 20px; margin-bottom: 20px; }
  .headingtop .__info::before { border-radius: 20px; }
  .headingtop .__info_header { margin-bottom: 15px; }
  .headingtop .__icon { padding-right: 10px; }
  .headingtop .__icon img { width: auto; max-height: 50px; }
  .headingtop .__position { font-size: 1.4rem; }
  .headingtop .__name { font-size: 2.6rem; }
  .headingtop .__description { font-size: 1.2rem; } }

@media (max-width: 575.98px) { .headingtop { align-items: flex-end; height: calc(100vh - 108px); background-image: none !important; }
  .headingtop .inner { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-size: cover; background-position: center; }
  .headingtop .__info { width: auto; } }

@media (min-width: 1200px) { .headingtop { height: 450px; } }

@media (min-width: 1500px) { .headingtop { height: 575px; }
  .headingtop .__info { width: 800px; width: 50%; padding: 40px 80px; }
  .headingtop .__info::before { border-radius: 40px; }
  .headingtop .__info_header { margin-bottom: 30px; }
  .headingtop .__icon { padding-right: 30px; }
  .headingtop .__position { font-size: 2.8rem; }
  .headingtop .__name { font-size: 4.8rem; line-height: 1; }
  .headingtop .__description { font-size: 3rem; } }

/** BREADCRUMB */
#breadcrumb { /** MEDIA **/ }

#breadcrumb ul { padding: 8px 0; margin-bottom: 0; white-space: nowrap; }

#breadcrumb li { display: inline-block; list-style-type: none; text-transform: uppercase; }

#breadcrumb li:last-of-type span.breadcrumb-link { padding-right: 0; }

#breadcrumb li a:hover { color: #5398FF; text-decoration: none; }

#breadcrumb .breadcrumb-link { display: inline-block; padding-right: 10px; color: #707070; font-size: 1.2rem; line-height: 2; letter-spacing: 1px; }

#breadcrumb .breadcrumb-link::after { content: ''; display: inline-block; width: 18px; height: 1px; margin-left: 10px; background-color: #707070; vertical-align: middle; }

#breadcrumb span.breadcrumb-link { padding-right: 15px; line-height: 2; letter-spacing: 1px; }

#breadcrumb span.breadcrumb-link::after { display: none; }

#breadcrumb .--item-home .breadcrumb-text { display: none; }

#breadcrumb .breadcrumb-icon { font-size: 1em; }

#breadcrumb .breadcrumb-icon::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e904'; }

#breadcrumb br { display: none; }

@media (max-width: 991.98px) { #breadcrumb { display: none; }
  #breadcrumb .container-wide { padding-right: 0; }
  #breadcrumb .ruby-breadcrumb { margin-top: -40px; }
  #breadcrumb ul { padding: 5px 20px; }
  #breadcrumb .breadcrumb-link { font-size: 9px; letter-spacing: 0; }
  #breadcrumb a.breadcrumb-link { padding-right: 8px; }
  #breadcrumb a.breadcrumb-link::after { width: 20px; margin-left: 10px; }
  #breadcrumb span.breadcrumb-link { max-width: 300px; }
  #breadcrumb .breadcrumb-icon { font-size: 10px; } }

/* Footer */
/** FOOTER MENU TOP */
.footer-menutop { padding-top: 120px; /** MEDIA **/ /** MEDIA KÍCH THƯỚC LỚN **/ }

.footer-menutop .__menus { min-height: 400px; background: url(./imgs/bg_footer_nav.png) no-repeat; background-size: contain; background-position-x: calc(50%); background-position-y: calc(100% + 21px); }

.footer-menutop .__menus ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; margin: 0; }

.footer-menutop .__menus li { list-style-type: none; }

.footer-menutop .__menus a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 300px; height: 230px; border: 1px solid transparent; color: #5398FF; background: url(./imgs/bg_cloud_3b.svg) no-repeat center center; background-size: contain; font-size: 4.6rem; line-height: 1.6; font-family: "Caveat", cursive; text-align: center; transition: transform 0.15s; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.3)); }

.footer-menutop .__menus a:hover { text-decoration: none; transform: scale(1.1); }

.footer-menutop .__menus .small { display: block; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 0.35em; font-weight: 700; }

@media (max-width: 991.98px) { .footer-menutop { padding-top: 30px; }
  .footer-menutop .__menus { min-height: 170px; background: url(./imgs/bg_footer_nav_sp.png) repeat-x; background-size: auto; background-position-x: center; background-position-y: bottom; }
  .footer-menutop .__menus a { width: 105px; height: 90px; background-image: url(./imgs/bg_cloud_3_sp.svg); font-size: 2rem; line-height: 1.4; }
  .footer-menutop .__menus .__title { margin-top: -7px; }
  .footer-menutop .__menus .small { padding-left: 5px; font-size: 0.5em; } }

@media (min-width: 1430px) { .footer-menutop .__menus { display: block; } }

@media (min-width: 1500px) { .footer-menutop .__menus a { font-size: 46px; } }

/** FOOTER */
.footer { /** MEDIA **/ }

.footer .__bottom { overflow: hidden; padding-top: 60px; }

.footer .__inner { display: flex; margin-left: -40px; margin-right: -40px; }

.footer .__text { width: 50%; padding-left: 40px; padding-right: 40px; }

.footer .__map iframe { display: block; width: 100% !important; min-height: 460px !important; }

.footer .__map.pc { flex: 1; padding-left: 40px; padding-right: 40px; }

.footer .__logo { padding-top: 20px; margin-bottom: 20px; }

.footer .__logo a { display: inline-block; transition: opacity 0.4s; }

.footer .__logo a:hover { text-decoration: none; opacity: 0.5; }

.footer .__tagline { display: block; margin-top: 10px; font-size: 25px; font-weight: 700; }

.footer .__address { font-size: 16px; }

.footer .__address small { font-size: 0.9em; }

.footer .__menus ul { display: flex; flex-wrap: wrap; padding-left: 0; padding-top: 20px; margin-top: 20px; margin-bottom: 20px; border-top: 1px dotted #222; }

.footer .__menus li { display: block; margin-right: 30px; list-style-type: none; }

.footer .__menus a { font-size: 1.4rem; }

.footer .__social ul { display: flex; flex-wrap: wrap; padding-left: 0; }

.footer .__social li { display: block; margin-right: 40px; list-style-type: none; }

.footer .__social a { display: flex; font-size: 1.6rem; }

.footer .__social .__title { font-family: "M PLUS Rounded 1c", sans-serif; }

.footer .__social .__icon { width: auto; max-height: 22px; padding-right: 10px; }

.footer .__copyright { padding-top: 35px; padding-bottom: 30px; font-size: 1.2rem; line-height: 1.6; text-align: center; letter-spacing: 3px; }

@media (max-width: 991.98px) { .footer .__bottom { padding-top: 30px; }
  .footer .__inner { display: block; }
  .footer .__text { width: 100%; }
  .footer .__logo { padding-top: 0; }
  .footer .__map iframe { min-height: 300px !important; }
  .footer .__tagline { font-size: 2rem; }
  .footer .__address { margin-bottom: 20px; font-size: 1.8rem; }
  .footer .__menus ul { display: block; padding-top: 0; border-top: 0; }
  .footer .__menus li { margin-right: 0; }
  .footer .__menus a { display: inline-block; margin-bottom: 10px; font-size: 1.6rem; }
  .footer .__copyright { padding-top: 20px; padding-bottom: 20px; letter-spacing: 1px; } }

@media (max-width: 767.98px) { .footer { padding-bottom: 44px; }
  .footer .__inner { margin-left: 0; margin-right: 0; }
  .footer .__map iframe { min-height: 200px !important; }
  .footer .__text { padding-left: 0; padding-right: 0; } }

@media (min-width: 1640px) { .footer .__address { font-size: 1.8rem; }
  .footer .__menus a { font-size: 1.6rem; }
  .footer .__social a { font-size: 2rem; } }

/** BACK TO TOP **/
#back-to-top { position: fixed; right: 30px; bottom: 30px; z-index: 9; /** MEDIA **/ }

#back-to-top .scroll-inner { position: relative; width: 50px; height: 50px; border-radius: 100px; background-color: #CFBE9B; color: #fff; font-size: 9px; text-align: center; text-indent: -99999px; transition: all 0.2s; opacity: 0; transform: translate3d(200px, 0, 0); animation: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); backdrop-filter: unset; cursor: pointer; }

#back-to-top .scroll-inner::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e905"; position: absolute; left: 1px; top: calc(50% - 5px); width: 100%; text-indent: 0; }

#back-to-top .scroll-inner:hover { background-color: #000; color: #fff; }

#back-to-top.fixed-actived .scroll-inner { opacity: 1; transform: translate3d(0, 0, 0); }

@media (max-width: 767.98px) { #back-to-top { right: 10px; bottom: 15px; }
  #back-to-top .scroll-inner { width: 44px; height: 44px; font-size: 7px; } }

/** ACTION BAR - FOOTER */
.actionbar-footer { position: fixed; bottom: 0; left: 0; display: none; width: 100%; z-index: 99; /** MEDIA **/ }

.actionbar-footer ul { display: flex; padding-left: 0; margin-bottom: 0; }

.actionbar-footer li { display: block; width: 50%; list-style-type: none; }

.actionbar-footer li:nth-child(1) a { background-color: #5398FF; }

.actionbar-footer li:nth-child(1) [class*="icon-"] { font-size: 0.95em; height: 10px; }

.actionbar-footer li:nth-child(2) { flex: 1; }

.actionbar-footer li:nth-child(2) a { background-color: #FF8853; }

.actionbar-footer a { display: flex; justify-content: center; align-items: center; padding: 11px 10px; text-align: center; color: #fff; font-size: 1.3rem; line-height: 1.6; white-space: nowrap; }

.actionbar-footer [class*="icon-"] { height: 10px; font-size: 1.2em; line-height: 10px; }

@media (max-width: 767.98px) { .actionbar-footer { display: block; } }

/* FrontPage */
.home-mv { overflow: hidden; position: relative; background-position: center center; min-height: 650px; z-index: 2; /** MEDIA **/ /** MEDIA LARGE **/ }

.home-mv .__path { position: absolute; width: 0; height: 0; z-index: -1; }

.home-mv .__img { position: absolute; }

.home-mv .__img img { width: 100%; height: auto; }

.home-mv .__img canvas { display: none; width: 100% !important; }

.home-mv .__img.__img_1 { left: 4%; top: 5%; width: 31vw; }

.home-mv .__img.__img_1 img { -webkit-clip-path: url(#bubble-path-1); clip-path: url(#bubble-path-1); }

.home-mv .__img.__img_2 { left: 42%; top: 3%; width: 14vw; }

.home-mv .__img.__img_2 img { -webkit-clip-path: url(#bubble-path-2); clip-path: url(#bubble-path-2); }

.home-mv .__img.__img_3 { right: 4%; top: 7%; width: 60vw; }

.home-mv .__img.__img_3 img { -webkit-clip-path: url(#bubble-path-3); clip-path: url(#bubble-path-3); }

.home-mv .__heading { position: absolute; bottom: 14%; left: 5%; }

.home-mv .__heading h1 { font-size: 3.2rem; line-height: 1.6; }

.home-mv .__heading .line-2 { padding-left: 40px; }

@media (max-width: 991.98px) { .home-mv { min-height: 520px; }
  .home-mv .__heading { bottom: 12%; }
  .home-mv .__heading h1 { font-size: 3.2rem; } }

@media (max-width: 767.98px) { .home-mv { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100vh - 110px); }
  .home-mv .__wrap { padding-top: 20px; padding-bottom: 20px; }
  .home-mv .__bubble { position: relative; width: 375px; height: 360px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .home-mv .__img.__img_1 { left: auto; right: -3%; top: auto; bottom: -2%; width: auto; padding: 2px; background-color: #fff; -webkit-clip-path: url(#bubble-path-1-sp); clip-path: url(#bubble-path-1-sp); z-index: 2; }
  .home-mv .__img.__img_1 img { -webkit-clip-path: url(#bubble-path-1-sp); clip-path: url(#bubble-path-1-sp); }
  .home-mv .__img.__img_2 { left: 1%; right: auto; top: 1%; width: auto; padding: 2px; background-color: #fff; -webkit-clip-path: url(#bubble-path-2-sp); clip-path: url(#bubble-path-2-sp); z-index: 2; }
  .home-mv .__img.__img_2 img { -webkit-clip-path: url(#bubble-path-2-sp); clip-path: url(#bubble-path-2-sp); }
  .home-mv .__img.__img_3 { left: -7%; right: auto; top: 5%; width: 118%; }
  .home-mv .__img.__img_3 img { -webkit-clip-path: url(#bubble-path-3-sp); clip-path: url(#bubble-path-3-sp); }
  .home-mv .__heading { position: static; margin-bottom: 0; text-align: center; }
  .home-mv .__heading h1 { font-size: 3.8rem; letter-spacing: 3px; }
  .home-mv .__heading .line-2 { padding-left: 0; } }

@media (min-width: 1200px) { .home-mv { min-height: 850px; }
  .home-mv .__heading { bottom: 17%; }
  .home-mv .__heading h1 { font-size: 4.6rem; } }

@media (min-width: 1640px) { .home-mv { min-height: 1080px; }
  .home-mv .__heading { bottom: 22%; }
  .home-mv .__heading h1 { font-size: 5.4rem; } }

/** HOME TOP */
.home-top { position: relative; /** MEDIA **/ }

.home-top .__background { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + 50px); background-repeat: no-repeat; background-size: cover; z-index: -1; }

/** CREATION FOR HEALTH */
.home-creation { position: relative; padding-bottom: 120px; z-index: 2; /** MEDIA **/ /** MEDIA LARGE **/ }

.home-creation .__inner { display: flex; }

.home-creation .__text { flex: 1; display: flex; justify-content: flex-end; padding-left: 40px; padding-right: 40px; }

.home-creation .__text_inner { max-width: 600px; }

.home-creation .__title { position: relative; margin-top: 20px; margin-bottom: 40px; }

.home-creation .__title h2 { font-family: "Caveat", cursive; font-size: 10rem; font-weight: 400; line-height: 1.2; letter-spacing: 1px; }

.home-creation .__img { position: absolute; }

.home-creation .__img img { width: 100%; height: auto; }

.home-creation .creation--img-1 { display: none; }

.home-creation .creation--img-2 { right: 24%; bottom: 11%; max-width: 160px; }

.home-creation .__deco2 { display: inline-block; max-width: 160px; margin-top: -30px; margin-left: 30px; }

.home-creation .__btn { margin-top: 40px; }

.home-creation .__image { width: 55%; }

.home-creation .__image .__img { position: static; }

.home-creation .__image img { display: block; width: 100%; height: auto; }

.home-creation .__image .pc-sm img { border-radius: 20px 0 0 20px; }

@media (max-width: 1199.98px) { .home-creation .__text { padding-left: 40px; padding-right: 40px; }
  .home-creation .__text_inner { max-width: 450px; }
  .home-creation .creation--img-2 { right: 5%; } }

@media (max-width: 991.98px) { .home-creation .__inner { flex-direction: column-reverse; }
  .home-creation .__text { justify-content: center; }
  .home-creation .__text_inner { max-width: 600px; }
  .home-creation .__title { margin-top: 40px; }
  .home-creation .creation--img-2 { right: 25%; }
  .home-creation .__image { width: 100%; }
  .home-creation .__image .pc-sm img { border-radius: 0; } }

@media (max-width: 767.98px) { .home-creation { padding-bottom: 80px; }
  .home-creation .__inner { flex-direction: column-reverse; }
  .home-creation .__image { width: 100%; }
  .home-creation .__text { padding-left: 20px; padding-right: 20px; }
  .home-creation .__text_inner { max-width: none; }
  .home-creation .__title { margin-top: 20px; margin-bottom: 20px; }
  .home-creation .__title h2 { font-size: 5.4rem; }
  .home-creation .creation--img-2 { right: 12%; bottom: 10px; max-width: 110px; }
  .home-creation .__deco2 { max-width: 110px; margin-left: 20px; } }

@media (min-width: 1200px) { .home-creation .__title h2 { letter-spacing: 3px; }
  .home-creation .creation--img-1 { display: block; left: 3%; top: -12%; max-width: 200px; }
  .home-creation .creation--img-2 { left: 290px; right: auto; bottom: 11%; }
  .home-creation .__deco2 { max-width: 160px; margin-left: 40px; } }

@media (min-width: 1400px) { .home-creation .__deco2 { max-width: none; margin-left: 50px; } }

@media (min-width: 1640px) { .home-creation .__text { padding-left: 80px; padding-right: 80px; }
  .home-creation .creation--img-1 { left: 4%; top: -20%; max-width: 240px; }
  .home-creation .__image .pc-sm img { border-radius: 40px 0 0 40px; } }

/** HOME JOB SEARCH */
.home-search.job-search { padding-top: 0; overflow: hidden; position: relative; padding-bottom: 200px; /** MEDIA **/ }

.home-search.job-search .__inner::before { content: ''; position: absolute; left: -100px; top: 0; width: calc(100% + 200px); height: calc(100% - 100px); margin-top: 50px; margin-bottom: 50px; background-color: rgba(83, 255, 249, 0.3); -webkit-filter: blur(14px); filter: blur(14px); z-index: -1; }

@media (max-width: 991.98px) { .home-search.job-search { padding-top: 15px; padding-bottom: 120px; } }

/** HOME NEWS */
.home-news { overflow: hidden; position: relative; padding-bottom: 200px; /** MEDIA **/ }

.home-news .__inner::before { content: ''; position: absolute; left: -100px; top: 0; width: calc(100% + 200px); height: calc(100% - 100px); margin-top: 50px; margin-bottom: 50px; background-color: rgba(83, 255, 249, 0.7); -webkit-filter: blur(14px); filter: blur(14px); z-index: -1; }

.home-news .__topic { display: flex; justify-content: center; margin-bottom: 60px; }

.home-news .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; font-weight: 400; line-height: 1; letter-spacing: 4px; }

.home-news .__topic_inner { text-align: center; }

.home-news .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.home-news .__list_inner { position: relative; padding: 50px; }

.home-news .__list_inner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 40px; background-color: #fff; -webkit-filter: blur(6px); filter: blur(6px); z-index: -1; }

.home-news .__heading { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; font-family: "Caveat", cursive; }

.home-news .__heading h3 { margin-bottom: 0; font-size: 48px; letter-spacing: 2px; }

.home-news .__heading_icon { margin-bottom: 10px; margin-right: 20px; }

.home-news .__list ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-left: -20px; margin-right: -20px; margin-bottom: 60px; }

.home-news .__list li { display: block; width: 25%; padding-left: 20px; padding-right: 20px; border-right: 1px dotted #5398FF; list-style-type: none; }

.home-news .__list li:last-child { border-right: 0; }

.home-news .__list a:hover { text-decoration: none; }

.home-news .__thumbnail { overflow: hidden; border-radius: 5px; }

.home-news .__thumbnail img { display: block; width: 100%; height: auto; }

.home-news .__item_main { padding: 25px 10px 0 10px; }

.home-news .__item_info { display: flex; flex-wrap: wrap; margin-bottom: 10px; }

.home-news .__date { font-size: 12px; }

.home-news .__tags { display: flex; flex-wrap: wrap; align-items: center; }

.home-news .__tags .__tag { padding: 3px 10px; margin-left: 10px; margin-bottom: 5px; border-radius: 100px; border: 1px solid #555; color: #555; font-size: 10px; line-height: 1.2; }

.home-news .__tags .--column { border-color: #5398FF; color: #5398FF; }

.home-news .__item_title { margin-bottom: 10px; }

.home-news .__item_title h4 { font-size: 16px; }

.home-news .__item_txt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

.home-news .__btn { margin-bottom: 20px; }

@media (max-width: 991.98px) { .home-news .__list ul { margin-bottom: 20px; }
  .home-news .__list li { width: 50%; margin-bottom: 40px; }
  .home-news .__list li:nth-child(2n) { border-right: 0; } }

@media (max-width: 767.98px) { .home-news { padding-bottom: 120px; }
  .home-news .__inner::before { height: calc(100% - 80px); margin-top: 40px; margin-bottom: 40px; }
  .home-news .container { max-width: none; padding-left: 0; padding-right: 0; }
  .home-news .__topic { margin-bottom: 30px; }
  .home-news .__topic h2 { font-size: 5.4rem; }
  .home-news .__list_inner { padding: 20px; }
  .home-news .__list_inner::before { width: calc(100vw + 40px); left: -20px; border-radius: 0; }
  .home-news .__heading { margin-bottom: 15px; }
  .home-news .__heading h3 { font-size: 2.4rem; letter-spacing: 1px; }
  .home-news .__heading_icon { max-width: 32px; margin-right: 10px; margin-bottom: 6px; }
  .home-news .__heading_icon img { width: 100%; height: auto; }
  .home-news .__items { margin-bottom: 30px; }
  .home-news .__slider .rs01viewport { overflow: visible; z-index: 99; }
  .home-news .__slider .rs01slide::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background-color: rgba(0, 0, 0, 0.35); }
  .home-news .__slider .rs01slide.rs01cur::after { display: none; } }

/* Section */
/** JOB SEARCH */
.job-search { overflow: hidden; position: relative; padding-top: 40px; padding-bottom: 80px; /** FORM CUSTOM **/ /** MEDIA **/ }

.job-search .__topic { display: flex; justify-content: center; margin-bottom: 60px; }

.job-search .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; font-weight: 400; line-height: 1; letter-spacing: 4px; }

.job-search .__topic_inner { text-align: center; }

.job-search .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.job-search .__list { min-height: 300px; }

.job-search .__group_name { color: #5398FF; }

.job-search .__group_name h3 { overflow: hidden; display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; font-size: 2rem; font-weight: 400; }

.job-search .__group_name [class*='icon-'] { padding-right: 15px; font-size: 2em; line-height: 20px; }

.job-search .__group_name .__name_text { position: relative; display: inline-block; max-width: 800px; letter-spacing: 2px; }

.job-search .__group_name .__name_text::after { content: ''; position: absolute; left: calc(100% + 20px); top: calc(50% - 1px); width: 20000px; border-top: 2px dashed #5398FF; }

.job-search .__items { padding-top: 40px; }

.job-search input[type="text"], .job-search select { border: 2px solid #707070; background-color: #fff; }

.job-search input[type="text"]:focus, .job-search select:focus { border-color: #5398FF; }

.job-search .form-select { margin-bottom: 10px; }

.job-search select { min-width: 400px; }

@media (max-width: 991.98px) { .job-search { padding-bottom: 40px; }
  .job-search .__topic { display: flex; justify-content: center; margin-bottom: 40px; }
  .job-search .__topic h2 { line-height: 1; font-size: 5.4rem; font-weight: 400; letter-spacing: 4px; }
  .job-search .__topic_inner { text-align: center; }
  .job-search .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }
  .job-search .__group_name h3 { justify-content: center; font-size: 1.5rem; text-align: center; }
  .job-search .__group_name [class*='icon-'] { padding-right: 8px; font-size: 1.8em; }
  .job-search .__group_name .__name_text::before { content: ''; position: absolute; right: calc(100% + 40px); top: 50%; width: 20000px; border-top: 2px solid #5398FF; }
  .job-search .__group_name .__name_text::after { left: calc(100% + 10px); top: 50%; border-top-style: solid; }
  .job-search .__items { padding-top: 30px; } }

/** NEW JOBS **/
.job-search .js--new-jobs { /** MEDIA **/ /** MEDIA LARGE **/ }

.job-search .js--new-jobs .__items { display: flex; flex-wrap: wrap; padding-top: 20px; padding-bottom: 40px; margin-left: -20px; margin-right: -20px; }

.job-search .js--new-jobs .__item { width: 33.3%; padding: 20px; }

.job-search .js--new-jobs .__item_inner { padding: 20px 20px 10px; border-radius: 15px; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); }

.job-search .js--new-jobs .__item_header { position: relative; margin-bottom: 20px; }

.job-search .js--new-jobs .btn-favorite { position: absolute; right: 0; top: 1px; display: block; width: 32px; height: 32px; border-radius: 6px; background: #fff url(./imgs/bg-star-disabled.svg) no-repeat center center; background-size: cover; transition: opacity .2s; }

.job-search .js--new-jobs .btn-favorite.actived { background-image: url(./imgs/bg-star-actived.svg); }

.job-search .js--new-jobs .btn-favorite:hover { opacity: 0.5; }

.job-search .js--new-jobs .__item_title { margin-bottom: 15px; padding-right: 40px; }

.job-search .js--new-jobs .__item_title h4 { font-size: 2.4rem; letter-spacing: 2px; }

.job-search .js--new-jobs .__item_excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; }

.job-search .js--new-jobs .__item_tags { display: flex; flex-wrap: wrap; margin-right: -15px; margin-bottom: 5px; }

.job-search .js--new-jobs .__tag { padding: 2px 15px; margin-right: 8px; margin-bottom: 5px; border-radius: 100px; background-color: #FF8853; color: #fff; font-size: 1.2rem; line-height: 1.6; letter-spacing: 1px; text-align: center; }

.job-search .js--new-jobs .__item_info { margin-bottom: 20px; }

.job-search .js--new-jobs .__more_info { display: flex; flex-wrap: wrap; margin-right: -30px; margin-bottom: 20px; }

.job-search .js--new-jobs .__info_item { margin-right: 60px; margin-bottom: 5px; font-size: 1.6rem; }

.job-search .js--new-jobs .__info_item [class*='icon-'] { color: #BFBFBF; font-size: 2em; line-height: 16px; }

.job-search .js--new-jobs .__item_footer .btn { margin-bottom: 15px; }

.job-search .js--new-jobs .__item_footer .btn a, .job-search .js--new-jobs .__item_footer .btn button, .job-search .js--new-jobs .__item_footer .btn input { letter-spacing: 0; }

@media (max-width: 1199.98px) { .job-search .js--new-jobs .__items { margin-left: -15px; margin-right: -15px; }
  .job-search .js--new-jobs .__item { padding-left: 15px; padding-right: 15px; }
  .job-search .js--new-jobs .__item_inner { padding: 20px 20px 10px; }
  .job-search .js--new-jobs .__item_footer { flex-wrap: wrap; margin-left: 0; margin-right: 0; }
  .job-search .js--new-jobs .__item_footer .btn { width: 100%; padding-left: 0; padding-right: 0; }
  .job-search .js--new-jobs .__item_footer a { min-width: auto; } }

@media (max-width: 991.98px) { .job-search .js--new-jobs .__items { padding-bottom: 10px; }
  .job-search .js--new-jobs .__item { overflow: visible; width: 100%; padding-left: 0; padding-right: 0; }
  .job-search .js--new-jobs .__item_title h4 { line-height: 1.4; }
  .job-search .js--new-jobs .__tag { min-width: 70px; font-size: 1rem; }
  .job-search .js--new-jobs .__slider .rs01viewport { overflow: visible; }
  .job-search .js--new-jobs .__slider .rs01pag { padding: 0; margin-top: 25px; margin-bottom: 25px; }
  .job-search .js--new-jobs .__slider .rs01pagitem { width: 10px; height: 10px; margin-left: 10px; margin-right: 10px; border: 1px solid #81CCFF; background-color: #fff; }
  .job-search .js--new-jobs .__slider .rs01pagitem.rs01cur { box-shadow: none; }
  .job-search .js--new-jobs .__slider .rs01pagmark-item { width: 12px; height: 12px; top: 0; left: 0; border-radius: 100px; background-color: #81CCFF; } }

@media (min-width: 1400px) { .job-search .js--new-jobs .__item_inner { padding: 30px; }
  .job-search .js--new-jobs .__item_footer { display: flex; margin-left: -10px; margin-right: -10px; }
  .job-search .js--new-jobs .__item_footer .btn { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 0; } }

@media (min-width: 1640px) { .job-search .js--new-jobs .__items { margin-left: -40px; margin-right: -40px; }
  .job-search .js--new-jobs .__item { padding-left: 40px; padding-right: 40px; }
  .job-search .js--new-jobs .__item_inner { padding: 35px; } }

/** SEARCH BY PROPERTIES **/
.job-search .js--properties { /** MEDIA **/ }

.job-search .js--properties .form-group { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; margin-bottom: 0; }

.job-search .js--properties .form-field { flex: none; }

.job-search .js--properties .input-checkbox { padding-right: 30px; }

.job-search .js--properties .__items { padding-bottom: 30px; }

.job-search .js--properties .__group.js--btn .__items { display: flex; justify-content: center; padding-top: 40px; padding-bottom: 40px; margin-left: -40px; margin-right: -40px; margin-bottom: 60px; }

.job-search .js--properties .__group.js--btn .__item { padding-left: 40px; padding-right: 40px; }

@media (max-width: 991.98px) { .job-search .js--properties .form-group { margin-left: 0; margin-right: 0; }
  .job-search .js--properties .form-field { margin-bottom: 10px; }
  .job-search .js--properties .__group_name { margin-bottom: 0; }
  .job-search .js--properties .collapse-toggle { position: relative; margin: 0 -20px -2px; background-color: #81CCFF; border: solid #5398FF; border-width: 2px 0; /** Collapse Actived **/ }
  .job-search .js--properties .collapse-toggle h3 { justify-content: flex-start; padding: 18px 20px; margin-bottom: 0; color: #fff; font-size: 1.7rem; letter-spacing: 2px; }
  .job-search .js--properties .collapse-toggle [class*='icon-'] { font-size: 1.6em; }
  .job-search .js--properties .collapse-toggle .__name_text::before, .job-search .js--properties .collapse-toggle .__name_text::after { display: none; }
  .job-search .js--properties .collapse-toggle::after { content: '-'; position: absolute; right: 20px; top: calc(50% - 13px); width: 26px; height: 26px; border-radius: 100px; background-color: #fff; color: #5398FF; font-size: 1.4em; font-weight: 700; line-height: 24px; text-align: center; transition: transform 0.2s; }
  .job-search .js--properties .collapse-toggle.collapse-actived::after { content: '+'; font-size: 1em; transform: rotate(90deg); }
  .job-search .js--properties .__items { padding-bottom: 10px; }
  .job-search .js--properties select { min-width: auto; }
  .job-search .js--properties .__group.js--btn .__items { flex-direction: column; margin: 0; padding-top: 30px; }
  .job-search .js--properties .__group.js--btn .__item { padding-left: 0; padding-right: 0; }
  .job-search .js--properties .__group.js--btn .btn { margin-bottom: 20px; } }

@media (min-width: 992px) { .job-search .js--properties { /** Disable thuộc tính của Collapse ở PC **/ }
  .job-search .js--properties .collapse-target { overflow: visible; height: auto !important; } }

/** SEARCH BY KEYWORD **/
.job-search .js--keyword { /** MEDIA **/ /** MEDIA LARGE **/ }

.job-search .js--keyword .__items { display: flex; flex-wrap: wrap; padding-bottom: 40px; margin-left: 0; margin-right: -60px; }

.job-search .js--keyword .__item { margin-right: 30px; }

.job-search .js--keyword .__item.js--btn { display: flex; }

.job-search .js--keyword .form-field { flex: 1; padding-left: 0; padding-right: 0; }

.job-search .js--keyword .btn { margin-right: 30px; }

.job-search .js--keyword .btn a, .job-search .js--keyword .btn button, .job-search .js--keyword .btn input { min-width: 200px; }

@media (max-width: 1199.98px) { .job-search .js--keyword .__items { padding-top: 30px; padding-bottom: 10px; margin-left: 0; }
  .job-search .js--keyword .__item { padding-left: 0; padding-right: 0; }
  .job-search .js--keyword .form-field { width: 100%; margin-bottom: 20px; }
  .job-search .js--keyword .btn { margin-bottom: 20px; } }

@media (max-width: 991.98px) { .job-search .js--keyword .btn a, .job-search .js--keyword .btn button, .job-search .js--keyword .btn input { min-width: 150px; } }

@media (max-width: 767.98px) { .job-search .js--keyword .__items { margin-right: 0; }
  .job-search .js--keyword .__item { margin-right: 0; }
  .job-search .js--keyword .__item.js--btn { flex-direction: column; }
  .job-search .js--keyword .btn { width: 100%; margin-right: 0; } }

@media (min-width: 1400px) { .job-search .js--keyword .__items { margin-right: -120px; }
  .job-search .js--keyword .__item { margin-right: 60px; }
  .job-search .js--keyword .btn { margin-right: 60px; }
  .job-search .js--keyword .btn a, .job-search .js--keyword .btn button, .job-search .js--keyword .btn input { min-width: 300px; } }

/** JOB SEARCH LIST */
.job-list { overflow: hidden; position: relative; padding-top: 40px; /** MEDIA **/ }

.job-list .__topic { display: flex; justify-content: center; margin-bottom: 60px; }

.job-list .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; line-height: 1; font-weight: 400; letter-spacing: 4px; }

.job-list .__topic_inner { text-align: center; }

.job-list .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.job-list .__list { min-height: 300px; }

.job-list .__group_name { color: #5398FF; }

.job-list .__group_name h3 { overflow: hidden; display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; font-size: 2rem; font-weight: 400; }

.job-list .__group_name [class*='icon-'] { padding-right: 15px; font-size: 2em; line-height: 20px; }

.job-list .__group_name .__name_text { position: relative; display: inline-block; max-width: 800px; letter-spacing: 2px; }

.job-list .__group_name .__name_text::after { content: ''; position: absolute; left: calc(100% + 20px); top: calc(50% - 1px); width: 20000px; border-top: 2px dashed #5398FF; }

.job-list .__post_count { font-size: 2rem; font-weight: 700; line-height: 1.4; text-align: right; }

.job-list .__no_content { max-width: 800px; margin-left: auto; margin-right: auto; color: #5398FF; }

@media (max-width: 991.98px) { .job-list .__topic { display: flex; justify-content: center; margin-bottom: 40px; }
  .job-list .__topic h2 { line-height: 1; font-size: 5.4rem; font-weight: 400; letter-spacing: 2px; }
  .job-list .__topic_inner { text-align: center; }
  .job-list .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }
  .job-list .__group_name h3 { justify-content: center; font-size: 1.5rem; text-align: center; }
  .job-list .__group_name [class*='icon-'] { padding-right: 8px; font-size: 1.8em; }
  .job-list .__group_name .__name_text::before { content: ''; position: absolute; right: calc(100% + 40px); top: 50%; width: 20000px; border-top: 2px solid #5398FF; }
  .job-list .__group_name .__name_text::after { left: calc(100% + 10px); top: 50%; border-top-style: solid; }
  .job-list .__post_count { font-size: 1em; } }

/** JOB LIST CURRENT SEARCH */
.job-list .jl--current { /** MEDIA **/ }

.job-list .jl--current .__items { padding-top: 20px; padding-bottom: 100px; }

.job-list .jl--current .--list { margin-bottom: 20px; }

.job-list .jl--current .--list ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-right: -60px; margin-bottom: 0; }

.job-list .jl--current .--list li { display: block; margin-right: 60px; margin-bottom: 10px; color: #5398FF; font-size: 1.8rem; list-style-type: none; letter-spacing: 2px; }

@media (max-width: 991.98px) { .job-list .jl--current .__items { padding-bottom: 40px; }
  .job-list .jl--current .--list { margin-bottom: 10px; }
  .job-list .jl--current .--list ul { flex-direction: column; }
  .job-list .jl--current .--list li { position: relative; padding: 14px 20px; border-radius: 10px; border: 2px solid #5398FF; background-color: #fff; color: #2D2D2D; font-size: 1.8rem; line-height: 22px; }
  .job-list .jl--current .--list li .__name { display: none; } }

/** JOB LIST RESULT */
.job-list .jl--result { /** MEDIA **/ /** MEDIA LARGE **/ }

.job-list .jl--result .__items { display: flex; flex-wrap: wrap; padding-top: 60px; margin-left: -20px; margin-right: -20px; }

.job-list .jl--result .__item { width: 33.3%; padding-left: 20px; padding-right: 20px; margin-bottom: 50px; }

.job-list .jl--result .__item_inner { padding: 20px 20px 10px; border-radius: 15px; background-color: #E5FFFE; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); }

.job-list .jl--result .__item_header { position: relative; margin-bottom: 20px; }

.job-list .jl--result .btn-favorite { position: absolute; right: 0; top: 1px; display: block; width: 32px; height: 32px; border-radius: 6px; background: #fff url(./imgs/bg-star-disabled.svg) no-repeat center center; background-size: cover; transition: opacity .2s; /** BUTTON ACTIVED **/ }

.job-list .jl--result .btn-favorite:hover { opacity: 0.5; }

.job-list .jl--result .btn-favorite.actived { background-image: url(./imgs/bg-star-actived.svg); }

.job-list .jl--result .btn-favorite.actived:hover { opacity: 1; }

.job-list .jl--result .__item_title { margin-bottom: 15px; padding-right: 40px; }

.job-list .jl--result .__item_title h4 { font-size: 2.4rem; letter-spacing: 2px; }

.job-list .jl--result .__item_excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; }

.job-list .jl--result .__item_tags { display: flex; flex-wrap: wrap; margin-right: -15px; margin-bottom: 5px; }

.job-list .jl--result .__item_tags.--extra .__tag { background-color: #A2A2A2; font-size: 1rem; }

.job-list .jl--result .__tag { padding: 2px 15px; margin-right: 8px; margin-bottom: 5px; border-radius: 100px; background-color: #FF8853; color: #fff; font-size: 1.2rem; line-height: 1.6; letter-spacing: 1px; text-align: center; }

.job-list .jl--result .__item_info { margin-bottom: 20px; }

.job-list .jl--result .__more_info { display: flex; flex-wrap: wrap; margin-right: -30px; margin-bottom: 20px; }

.job-list .jl--result .__info_item { margin-right: 30px; margin-bottom: 5px; font-size: 1.6rem; }

.job-list .jl--result .__info_item [class*='icon-'] { color: #BFBFBF; font-size: 2em; line-height: 16px; }

.job-list .jl--result .__item_thumb { margin-top: 15px; margin-bottom: 20px; }

.job-list .jl--result .__item_thumb img { display: block; width: 100%; height: auto; }

.job-list .jl--result .__item_footer .btn { margin-bottom: 15px; }

@media (max-width: 1199.98px) { .job-list .jl--result .__items { margin-left: -15px; margin-right: -15px; }
  .job-list .jl--result .__item { padding-left: 15px; padding-right: 15px; }
  .job-list .jl--result .__item_inner { padding: 20px 20px 10px; }
  .job-list .jl--result .__item_footer { flex-wrap: wrap; margin-left: 0; margin-right: 0; }
  .job-list .jl--result .__item_footer .btn { width: 100%; padding-left: 0; padding-right: 0; }
  .job-list .jl--result .__item_footer a { min-width: auto; } }

@media (max-width: 991.98px) { .job-list .jl--result .__items { padding-top: 30px; padding-bottom: 10px; margin-left: 0; margin-right: 0; }
  .job-list .jl--result .__item { overflow: visible; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 25px; }
  .job-list .jl--result .__item_inner { background-color: #fff; }
  .job-list .jl--result .__slider .rs01viewport { overflow: visible; }
  .job-list .jl--result .__slider .rs01pag { padding: 0; margin-top: 25px; margin-bottom: 25px; }
  .job-list .jl--result .__slider .rs01pagitem { width: 10px; height: 10px; margin-left: 10px; margin-right: 10px; border: 1px solid #81CCFF; background-color: #fff; }
  .job-list .jl--result .__slider .rs01pagitem.rs01cur { box-shadow: none; }
  .job-list .jl--result .__slider .rs01pagmark-item { width: 12px; height: 12px; top: 0; left: 0; border-radius: 100px; background-color: #81CCFF; } }

@media (min-width: 1400px) { .job-list .jl--result .__item_inner { padding: 30px; }
  .job-list .jl--result .__item_footer { display: flex; margin-left: -10px; margin-right: -10px; }
  .job-list .jl--result .__item_footer .btn { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 0; } }

/* Pages */
/** PAGE ABOUT */
.about { padding-top: 40px; color: #5398FF; /** About Strength **/ /** About Profile **/ /** About Access **/ /** MEDIA **/ /** MEDIA LARGE **/ }

.about .__topic { margin-bottom: 40px; }

.about .__topic h2 { font-size: 3.8rem; text-align: center; letter-spacing: 4px; }

.about .__strength { margin-bottom: 60px; letter-spacing: 2px; background-repeat: no-repeat; background-position: right 9% top 5%; }

.about .__strength .__content { max-width: 1220px; padding-left: 100px; padding-right: 100px; margin: 0 auto; }

.about .__strength .__content h3 { margin-bottom: 15px; font-size: 2.8rem; letter-spacing: 2px; }

.about .__strength .__content p { font-size: 2.3rem; letter-spacing: 4px; }

.about .__strength .__list { display: flex; margin: 40px -25px 0; }

.about .__strength .__item { width: 33.3%; padding-left: 25px; padding-right: 25px; margin-bottom: 20px; }

.about .__strength .__item_inner { padding: 120px 30px 30px; min-height: 380px; background-repeat: no-repeat; background-size: contain; background-position: top center; }

.about .__strength .__item_text { letter-spacing: 0; }

.about .__strength .__item_text h3 { margin-bottom: 10px; font-size: 2rem; }

.about .__strength .__item_text p { margin-bottom: 0; font-size: 1.4rem; line-height: 2; }

.about .__profile { padding-bottom: 100px; background-repeat: no-repeat; background-position: left 6% bottom; }

.about .__profile .container { padding-left: 150px; padding-right: 150px; }

.about .__profile .__table table { width: 100%; }

.about .__profile .__table tr { border-bottom: 2px dotted #5398FF; }

.about .__profile .__table th, .about .__profile .__table td { letter-spacing: 2px; }

.about .__profile .__table th { padding: 30px 25px; font-size: 1.8rem; vertical-align: top; white-space: nowrap; }

.about .__profile .__table td { padding: 30px; }

.about .__access .__topic { margin-bottom: 60px; }

.about .__access .__map { margin-bottom: 60px; }

.about .__access iframe { display: block; width: 100%; min-height: 650px; }

@media (max-width: 1199.98px) { .about .__strength .__item_inner { min-height: 320px; }
  .about .__strength .__item_text h3 { font-size: 1.6rem; }
  .about .__strength .__item_text p { font-size: 1.3rem; }
  .about .__profile .container { padding-left: 100px; padding-right: 100px; } }

@media (max-width: 991.98px) { .about .__topic { margin-bottom: 10px; }
  .about .__topic h2 { font-size: 2.8rem; letter-spacing: 2px; }
  .about .__strength { background-size: 20%; background-position: top 18% right 8%; }
  .about .__strength .__content { padding-left: 30px; padding-right: 30px; }
  .about .__strength .__content h3 { font-size: 1.8rem; letter-spacing: 2px; }
  .about .__strength .__content p { font-size: 1.4rem; letter-spacing: 1px; }
  .about .__strength .__list { display: block; }
  .about .__strength .__item { width: 100%; }
  .about .__strength .__item_inner { max-width: 400px; min-height: 380px; padding: 155px 30px 30px; margin-left: auto; margin-right: auto; }
  .about .__strength .__item_text h3 { font-size: 1.8rem; }
  .about .__strength .__item_text p { font-size: 1.4rem; }
  .about .__profile { padding-bottom: 40px; background-size: 26%; background-position: left 5% bottom; }
  .about .__profile .__topic { margin-bottom: 30px; }
  .about .__profile .__table tr { display: block; margin-bottom: 40px; border-bottom-width: 0; }
  .about .__profile .__table th, .about .__profile .__table td { display: block; padding: 0; text-align: center; line-height: 2; }
  .about .__access .__topic { margin-bottom: 30px; }
  .about .__access .__map { margin-bottom: 30px; }
  .about .__access iframe { min-height: 300px; } }

@media (max-width: 575.98px) { .about .__strength .__content { padding-left: 0; padding-right: 0; }
  .about .__profile .container { padding-left: 15px; padding-right: 15px; } }

@media (min-width: 1200px) { .about .__strength .__item_inner { padding-top: 150px; } }

@media (min-width: 1400px) { .about .__strength .__item_inner { padding-top: 200px; min-height: 460px; }
  .about .__strength .__item_text { letter-spacing: 2px; }
  .about .__strength .__item_text h3 { font-size: 2.2rem; } }

@media (min-width: 1640px) { .about .__strength .__item_inner { padding-top: 220px; min-height: 550px; }
  .about .__strength .__item_text h3 { font-size: 2.8rem; }
  .about .__strength .__item_text p { font-size: 1.8rem; } }

/** HOME STAFF INTEVIEW */
.intreview-list { overflow: hidden; padding-top: 80px; padding-bottom: 80px; /** MEDIA **/ /** MEDIA LARGE **/ }

.intreview-list .__topic { position: relative; display: flex; justify-content: center; margin-bottom: 20px; }

.intreview-list .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; font-weight: 400; line-height: 1; letter-spacing: 4px; }

.intreview-list .__topic_inner { position: relative; text-align: center; }

.intreview-list .__topic_img { margin-right: 30px; }

.intreview-list .__topic_img_2 { position: absolute; right: -7%; top: 25px; display: none; }

.intreview-list .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.intreview-list .__list .__clip { position: absolute; width: 0; height: 0; z-index: -1; }

.intreview-list .__list ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-left: -50px; margin-right: -50px; }

.intreview-list .__list li { display: block; width: 50%; padding-left: 50px; padding-right: 50px; margin-top: 80px; margin-bottom: 80px; list-style-type: none; }

.intreview-list .__list li:nth-of-type(3n + 1) .__thumb { filter: drop-shadow(-5px 20px 10px rgba(253, 184, 88, 0.3)); }

.intreview-list .__list li:nth-of-type(3n + 2) .__thumb { filter: drop-shadow(5px 20px 10px rgba(231, 111, 133, 0.3)); }

.intreview-list .__list li:nth-of-type(3n + 3) .__thumb { filter: drop-shadow(5px -20px 10px rgba(234, 221, 236, 0.8)); }

.intreview-list .__item_inner, .intreview-list .__item_link { position: relative; display: block; max-width: 450px; margin-left: auto; margin-right: auto; }

.intreview-list .__item_inner:hover .__thumb, .intreview-list .__item_link:hover .__thumb { transform: scale(1.1); }

.intreview-list .__thumb { transition: transform 0.2s; }

.intreview-list .__thumb img { display: block; -webkit-clip-path: url(#staff-clippath); clip-path: url(#staff-clippath); width: 100%; height: auto; }

.intreview-list .__message { position: absolute; right: -12%; top: 2%; display: flex; justify-content: center; align-items: center; width: 200px; height: 120px; background: url(./_upload/bg_message.svg) no-repeat; background-position: center center; line-height: 1.6; font-weight: 700; }

.intreview-list .__message small { display: block; font-size: 0.9em; }

.intreview-list .__message .__icon { margin-right: 5px; }

.intreview-list .__btn .btn { margin-top: 20px; }

@media (max-width: 991.98px) { .intreview-list .__topic_img { display: none; }
  .intreview-list .__list li { width: 50%; padding-left: 25px; padding-right: 25px; margin-top: 50px; margin-bottom: 50px; } }

@media (max-width: 767.98px) { .intreview-list { overflow: hidden; padding-top: 60px; padding-bottom: 120px; }
  .intreview-list .__topic { position: relative; flex-direction: column; align-items: center; margin-bottom: 30px; }
  .intreview-list .__topic h2 { font-size: 5.4rem; }
  .intreview-list .__topic_inner { max-width: 250px; text-align: left; }
  .intreview-list .__topic_img { position: absolute; right: 8%; top: -10%; max-width: 80px; margin-right: 0; }
  .intreview-list .__topic_img img { width: 100%; height: auto; }
  .intreview-list .__list ul { margin-left: 0; margin-right: 0; }
  .intreview-list .__list li { width: 100%; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 40px; }
  .intreview-list .__slider .rs01viewport { overflow: visible; }
  .intreview-list .__slider .rs01pag { padding: 0; margin-top: 10px; margin-bottom: 20px; }
  .intreview-list .__slider .rs01pagitem { width: 10px; height: 10px; margin-left: 10px; margin-right: 10px; border: 1px solid #81CCFF; background-color: #fff; }
  .intreview-list .__slider .rs01pagitem.rs01cur { box-shadow: none; }
  .intreview-list .__slider .rs01pagmark-item { width: 12px; height: 12px; top: 0; left: 0; border-radius: 100px; background-color: #81CCFF; }
  .intreview-list .__message { position: static; width: auto; height: auto; padding-top: 20px; padding-bottom: 20px; background-image: none; }
  .intreview-list .__btn .btn { margin-top: 30px; }
  .intreview-list [class*="fx-delay-"] > .fx-holder { animation-delay: 0s; } }

@media (min-width: 1200px) { .intreview-list .__list li { width: 33.3%; padding-left: 50px; padding-right: 50px; } }

@media (min-width: 1400px) { .intreview-list .__topic_img_2 { display: block; } }

/** THIẾT LẬP HIỂN THỊ LIST Ở CÁC TRANG */
.intreview-list { /** MEDIA **/ }

.intreview-list.--archive { padding-bottom: 0; }

@media (max-width: 767.98px) { .intreview-list.--single { padding-bottom: 20px; } }

/** SINGLE INTERVIEW */
.single-interview { /** MEDIA **/ }

.single-interview .interview-tabs .rs01 .rs01pag { margin-top: 40px; margin-bottom: 60px; }

.single-interview .interview-tabs .rs01 .rs01pagitem { padding: 5px 0; margin-left: 50px; margin-right: 50px; font-size: 1.8rem; font-weight: 700; color: #5398FF; letter-spacing: 1px; }

.single-interview .interview-tabs .rs01 .rs01pagmark-item.rs01pagmark-self { display: block; height: 3px; border-radius: 10px; background-color: #5398FF; }

@media (max-width: 767.98px) { .single-interview .interview-tabs .rs01 .rs01pag { margin-top: 20px; margin-bottom: 20px; }
  .single-interview .interview-tabs .rs01 .rs01pagitem { position: relative; display: block; margin: 0 30px 20px; border-bottom: 1px solid #5398FF; font-size: 1.6rem; opacity: 0.5; }
  .single-interview .interview-tabs .rs01 .rs01pagitem::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e917'; position: absolute; top: 9px; right: 0; font-size: 1.6em; }
  .single-interview .interview-tabs .rs01 .rs01pagitem.rs01cur { border-bottom-width: 2px; opacity: 1; } }

/** INTERVIEW INTERVIEW */
.interview-interview { /** MEDIA **/ /** MEDIA LARGE **/ }

.interview-interview .__item { margin-bottom: 100px; }

.interview-interview .__item:nth-child(2n) .__item_inner { flex-direction: row-reverse; }

.interview-interview .__item:nth-child(2n + 1) .__item_inner { flex-direction: row; }

.interview-interview .__item_inner { display: flex; margin: 0 -20px; }

.interview-interview .__item_image { width: 50%; padding-left: 20px; padding-right: 20px; }

.interview-interview .__item_image .__img { overflow: hidden; border-radius: 60px; }

.interview-interview .__item_image img { display: block; width: 100%; height: auto; }

.interview-interview .__item_text { flex: 1; padding-left: 20px; padding-right: 20px; color: #5398FF; }

.interview-interview .__item_text .scroll-fx { overflow: visible; }

.interview-interview .__item_title { display: flex; align-items: center; margin-bottom: 20px; font-size: 4.8rem; font-weight: 700; line-height: 1; }

.interview-interview .__item_title .__num { display: block; min-width: 60px; padding: 5px 8px; margin-right: 20px; border-radius: 100px; border: 5px solid #5398FF; font-size: 4rem; text-align: center; }

.interview-interview .__item_question { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 3px dashed #5398FF; font-size: 2.8rem; letter-spacing: 2px; }

.interview-interview .__item_deco img { display: block; max-width: 100%; height: auto; margin-bottom: -150px; }

@media (max-width: 991.98px) { .interview-interview .__item { margin-bottom: 40px; }
  .interview-interview .__item_inner { flex-direction: column !important; margin-left: 0; margin-right: 0; }
  .interview-interview .__item_image { width: auto; padding-left: 0; padding-right: 0; margin: 0 -20px 20px; }
  .interview-interview .__item_image .__img { border-radius: 0; }
  .interview-interview .__item_title { margin-bottom: 15px; font-size: 3.8rem; }
  .interview-interview .__item_title .__num { min-width: 40px; padding: 3px 5px; margin-right: 10px; border-width: 3px; font-size: 2.8rem; }
  .interview-interview .__item_text { padding-left: 10px; padding-right: 10px; }
  .interview-interview .__item_deco img { margin-bottom: -100px; } }

@media (min-width: 1200px) { .interview-interview .__item_inner { margin-left: -40px; margin-right: -40px; }
  .interview-interview .__item_image { padding-left: 40px; padding-right: 40px; }
  .interview-interview .__item_text { padding-left: 40px; padding-right: 40px; } }

/** INTERVIEW SCHEDULE */
.interview-schedule { padding-top: 60px; /** POSITION ITEM **/ /** MEDIA **/ }

.interview-schedule .__list_inner { position: relative; }

.interview-schedule .__list_inner::before { content: ''; position: absolute; top: 37px; left: calc(50% - 3px); width: 5px; height: calc(100% - 74px); background-color: #5398FF; }

.interview-schedule .__item_inner { display: flex; flex-direction: column; }

.interview-schedule .__item_text { margin-top: 30px; margin-bottom: 30px; color: #5398FF; }

.interview-schedule .__item_name { position: relative; }

.interview-schedule .__item_name::before { content: ''; position: absolute; bottom: -15px; width: 37px; height: 37px; border-radius: 100px; border: 5px solid #5398FF; background-color: #fff; z-index: 2; }

.interview-schedule .__item_name::after { content: ''; position: absolute; bottom: 0; width: calc(100% + 60px); height: 1px; border-bottom: 5px dotted #5398FF; }

.interview-schedule .__item_name h3 { padding-top: 6px; padding-bottom: 12px; margin-bottom: 15px; font-size: 2.8rem; }

.interview-schedule .__item_desc { min-height: 72px; }

.interview-schedule .__item_desc p { font-size: 12px; }

.interview-schedule .__item_image .__img { overflow: hidden; border-radius: 25px; }

.interview-schedule .__item_image img { width: 100%; height: auto; }

.interview-schedule .__item_image_others img { width: 100%; height: auto; margin-top: 40px; }

.interview-schedule .__item { position: relative; width: 50%; margin-bottom: 80px; }

.interview-schedule .__item:nth-child(2n) { left: 50%; }

.interview-schedule .__item:nth-child(2n) .__item_text { padding-left: 60px; }

.interview-schedule .__item:nth-child(2n) .__item_name::before { left: -79px; }

.interview-schedule .__item:nth-child(2n) .__item_name::after { left: -60px; }

.interview-schedule .__item:nth-child(2n) .__item_image { padding-left: 60px; }

.interview-schedule .__item:nth-child(2n + 1) .__item_text { padding-right: 60px; }

.interview-schedule .__item:nth-child(2n + 1) .__item_name::before { right: -79px; }

.interview-schedule .__item:nth-child(2n + 1) .__item_name::after { right: -60px; }

.interview-schedule .__item:nth-child(2n + 1) .__item_image { padding-right: 60px; }

.interview-schedule .__item:first-child { left: 50%; }

.interview-schedule .__item:first-child .__item_inner { padding-left: 60px; }

.interview-schedule .__item:first-child .__item_text { margin-top: 0; margin-bottom: 0; }

.interview-schedule .__item:first-child .__item_name::before { top: 1px; left: -79px; }

.interview-schedule .__item:first-child .__item_name::after { display: none; }

.interview-schedule .__item:first-child .__item_name h3 { padding-top: 0; padding-bottom: 0; margin-bottom: 0; line-height: 1.3; }

.interview-schedule .__item:last-child { left: 50%; }

.interview-schedule .__item:last-child .__item_text { padding-left: 60px; }

.interview-schedule .__item:last-child .__item_text { margin-top: 0; margin-bottom: 0; }

.interview-schedule .__item:last-child .__item_name::before { top: -1px; }

.interview-schedule .__item:last-child .__item_name::after { display: none; }

.interview-schedule .__item:last-child .__item_name h3 { padding-top: 0; padding-bottom: 0; margin-bottom: 0; line-height: 1.3; }

@media (max-width: 991.98px) { .interview-schedule .__list .container { padding-left: 12px; }
  .interview-schedule .__list_inner::before { left: 8px; top: 12px; width: 3px; height: calc(100% - 24px); background-color: #5398FF; z-index: -1; }
  .interview-schedule .__item_inner { padding-left: 50px; }
  .interview-schedule .__item_text { width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-top: 20px; margin-bottom: 20px; }
  .interview-schedule .__item_name { text-align: left !important; }
  .interview-schedule .__item_name::before { top: 28px; left: -53px !important; right: auto; width: 25px; height: 25px; border-width: 3px; }
  .interview-schedule .__item_name::after { left: -20px !important; width: calc(100% + 20px); border-bottom-width: 3px; }
  .interview-schedule .__item_name h3 { padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; font-size: 2rem; }
  .interview-schedule .__item_image { padding: 0 !important; margin-top: 0 !important; }
  .interview-schedule .__item_image .__img { border-radius: 10px; }
  .interview-schedule .__item { width: auto; margin-bottom: 30px; }
  .interview-schedule .__item:first-child { left: auto; }
  .interview-schedule .__item:first-child .__item_inner { padding-left: 50px; }
  .interview-schedule .__item:last-child { left: auto; padding-top: 50px; }
  .interview-schedule .__item:nth-child(2n) { left: auto; } }

@media (max-width: 575.98px) { .interview-schedule .__item_inner { padding-left: 30px; }
  .interview-schedule .__item_name::before { left: -33px !important; }
  .interview-schedule .__item:first-child { left: auto; }
  .interview-schedule .__item:first-child .__item_inner { padding-left: 30px; }
  .interview-schedule .__item:last-child { left: auto; padding-top: 30px; } }

/** RECRUIT DETAIL */
.single-recruit { /** MEDIA **/ }

.single-recruit .__row { display: flex; }

.single-recruit .primary { flex: 1; padding: 80px 110px 0 0; }

.single-recruit .secondary { width: 350px; padding-top: 80px; }

@media (max-width: 1199.98px) { .single-recruit .primary { padding-right: 60px; }
  .single-recruit .secondary { width: 300px; } }

@media (max-width: 991.98px) { .single-recruit .__row { display: block; }
  .single-recruit .primary { padding: 40px 0 0; }
  .single-recruit .secondary { width: auto; padding-top: 40px; } }

/** CONTENT PRIMARY */
.recruit-primary { /** MEDIA **/ }

.recruit-primary h1 { font-size: 4rem; }

.recruit-primary h2 { font-size: 3rem; }

.recruit-primary p { line-height: 2; }

.recruit-primary .__header { color: #5364FF; }

.recruit-primary .__title { position: relative; padding-bottom: 1px; margin-bottom: 15px; }

.recruit-primary .__title h1 { min-height: 40px; padding-right: 52px; padding-bottom: 20px; margin-bottom: 0; }

.recruit-primary .__title .btn-favorite { top: 10px; }

.recruit-primary .__title::after { content: ''; position: absolute; left: 0; bottom: 0; display: block; height: 3px; width: 100%; border-radius: 10px; background-color: #5398FF; }

.recruit-primary .__excerpt p { margin-bottom: 15px; }

.recruit-primary .__tags { display: flex; flex-wrap: wrap; margin-right: -15px; margin-bottom: 20px; }

.recruit-primary .__tags.--extra .__tag { min-width: 80px; background-color: #A2A2A2; font-size: 1rem; }

.recruit-primary .__tag { padding: 3px 22px; margin-right: 10px; margin-bottom: 5px; border-radius: 100px; background-color: #FF8853; color: #fff; font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; text-align: center; }

.recruit-primary .__tag:hover { text-decoration: none; opacity: 0.5; }

.recruit-primary .__thumbnail { margin-bottom: 50px; }

.recruit-primary .__thumbnail img { display: block; width: 100%; height: auto; }

.recruit-primary .__recommended { position: relative; margin-top: 60px; margin-bottom: 50px; }

.recruit-primary .__recommended_name { position: absolute; left: 30px; top: -25px; padding: 10px 20px; border-radius: 10px; background-color: #fff; }

.recruit-primary .__recommended_name h2 { margin-bottom: 0; color: #5364FF; font-size: 2.6rem; letter-spacing: 4px; }

.recruit-primary .__recommended_name [class*="icon-"] { padding-right: 12px; font-size: 1.5em; }

.recruit-primary .__recommended_txt { padding: 30px 40px 10px 60px; border-radius: 15px; border: 4px solid #5398FF; background-color: #fff; color: #5364FF; }

.recruit-primary .__recommended_txt ul { padding-left: 0; }

.recruit-primary .__recommended_txt li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dotted #5398FF; }

.recruit-primary .__recommended_txt li:last-child { border-bottom: none; }

.recruit-primary .__requirement { margin-bottom: 70px; }

.recruit-primary .__requirement_name { position: relative; padding-bottom: 1px; margin-bottom: 20px; }

.recruit-primary .__requirement_name h2 { margin-bottom: 15px; color: #5364FF; font-size: 2.6rem; letter-spacing: 4px; }

.recruit-primary .__requirement_name [class*="icon-"] { padding-right: 10px; font-size: 1.5em; font-weight: 400; }

.recruit-primary .__requirement_name::after { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 3px; border-radius: 10px; background-color: #5398FF; }

.recruit-primary .__requirement_txt { color: #5364FF; }

.recruit-primary .__requirement_txt tr { border-bottom: 2px dotted #5398FF; }

.recruit-primary .__requirement_txt th, .recruit-primary .__requirement_txt td { padding: 25px 30px; letter-spacing: 2px; }

.recruit-primary .__requirement_txt th { font-size: 1.8rem; white-space: nowrap; }

.recruit-primary .__footer_row { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -30px; margin-right: -30px; margin-bottom: 30px; }

.recruit-primary .__footer_row .btn { padding-left: 30px; padding-right: 30px; margin-bottom: 20px; }

.recruit-primary .__footer_row [class*="icon-"]:first-child { font-size: 2em; padding-right: 12px; }

@media (max-width: 991.98px) { .recruit-primary h1 { font-size: 2.4rem; }
  .recruit-primary h2 { font-size: 1.8rem; }
  .recruit-primary .__title { align-items: center; }
  .recruit-primary .__excerpt h2 { margin-bottom: 0.4em; }
  .recruit-primary .__excerpt p { margin-bottom: 0.8em; }
  .recruit-primary .__tags { margin-right: -10px; }
  .recruit-primary .__tag { padding: 3px 15px; margin-right: 8px; font-size: 1rem; }
  .recruit-primary .__recommended { margin-top: 50px; margin-bottom: 80px; }
  .recruit-primary .__recommended_name { top: -20px; left: 50%; transform: translate3d(-50%, 0, 0); }
  .recruit-primary .__recommended_name h2 { font-size: 1.8rem; white-space: nowrap; }
  .recruit-primary .__recommended_txt { border-width: 3px; padding: 30px 20px 10px 40px; }
  .recruit-primary .__requirement_name { margin-bottom: 0; }
  .recruit-primary .__requirement_name h2 { font-size: 1.8rem; text-align: center; }
  .recruit-primary .__requirement { margin-bottom: 50px; }
  .recruit-primary .__requirement_txt th, .recruit-primary .__requirement_txt td { display: block; }
  .recruit-primary .__requirement_txt th { padding: 20px 0 0; text-align: center; font-size: 1.6rem; }
  .recruit-primary .__requirement_txt td { padding: 10px 0 20px; }
  .recruit-primary .__footer_row { margin-bottom: 10px; }
  .recruit-primary .__footer_row [class*="icon-"]:first-child { font-size: 1.6em; } }

/** ASIDE JOB RECENT */
.widget--job-recent { margin-bottom: 80px; /** MEDIA **/ }

.widget--job-recent .__item { margin-bottom: 25px; }

.widget--job-recent .__item_inner { padding: 18px 20px 10px; border-radius: 15px; background-color: #E5FFFE; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); }

.widget--job-recent .__item_header { position: relative; margin-bottom: 10px; }

.widget--job-recent .btn-favorite { position: absolute; right: 0; top: 1px; display: block; width: 32px; height: 32px; border-radius: 6px; background: #fff url(./imgs/bg-star-disabled.svg) no-repeat center center; background-size: cover; transition: opacity .2s; }

.widget--job-recent .btn-favorite:hover { opacity: 0.5; }

.widget--job-recent .btn-favorite.actived { background-image: url(./imgs/bg-star-actived.svg); }

.widget--job-recent .btn-favorite.actived:hover { opacity: 1; }

.widget--job-recent .__item_title { margin-bottom: 5px; padding-right: 40px; }

.widget--job-recent .__item_title h3 { font-size: 2.4rem; letter-spacing: 2px; }

.widget--job-recent .__item_excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-right: 50px; font-size: 1.2rem; line-height: 1.8; }

.widget--job-recent .__item_tags { display: flex; flex-wrap: wrap; margin-right: -15px; margin-bottom: 5px; }

.widget--job-recent .__item_tags.--extra .__tag { min-width: 80px; background-color: #A2A2A2; font-size: 1rem; }

.widget--job-recent .__tag { padding: 2px 14px; margin-right: 7px; margin-bottom: 5px; border-radius: 100px; background-color: #FF8853; color: #fff; font-size: 1.2rem; line-height: 1.6; letter-spacing: 1px; text-align: center; }

.widget--job-recent .__tag:hover { text-decoration: none; opacity: 0.5; }

.widget--job-recent .__more_info { display: flex; flex-wrap: wrap; margin-right: -30px; }

.widget--job-recent .__info_item { position: relative; margin-right: 25px; margin-bottom: 5px; font-size: 1.5rem; line-height: 1.7; }

.widget--job-recent .__info_item [class*='icon-'] { position: relative; color: #BFBFBF; font-size: 1.6em; line-height: 16px; z-index: 2; }

.widget--job-recent .__info_item::before { content: ''; position: absolute; left: 0; top: 3px; border: 6px; width: 20px; height: 20px; border-radius: 8px; background-color: #fff; z-index: 1; }

.widget--job-recent .__item_thumb { margin-top: 12px; margin-bottom: 15px; }

.widget--job-recent .__item_thumb a { display: block; }

.widget--job-recent .__item_thumb img { display: block; width: 100%; height: auto; }

@media (max-width: 1199.98px) { .widget--job-recent .__item_inner { padding: 20px 20px 10px; }
  .widget--job-recent .__item_footer { flex-wrap: wrap; margin-left: 0; margin-right: 0; }
  .widget--job-recent .__item_footer .btn { width: 100%; padding-left: 0; padding-right: 0; }
  .widget--job-recent .__item_footer a { min-width: auto; } }

@media (max-width: 991.98px) { .widget--job-recent { margin-bottom: 50px; }
  .widget--job-recent .__item { overflow: visible; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 25px; }
  .widget--job-recent .__item_inner { background-color: #fff; }
  .widget--job-recent .__tag { min-width: 70px; font-size: 1rem; } }

/** ASIDE JOB INFOMATION */
.widget--job-info { margin-bottom: 80px; /** MEDIA **/ }

.widget--job-info .__item { margin-bottom: 25px; }

.widget--job-info .__item_link { overflow: hidden; display: block; border-radius: 10px; background-color: #E5FFFE; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); }

.widget--job-info .__item_link:hover { text-decoration: none; }

.widget--job-info .__item_thumb img { display: block; width: 100%; height: auto; }

.widget--job-info .__item_title { padding: 15px 25px; color: #5398FF; text-align: center; }

.widget--job-info .__item_title h3 { margin-bottom: 0; font-size: 2.2rem; font-weight: 400; line-height: 1.4; letter-spacing: 3px; }

@media (max-width: 1199.98px) { .widget--job-info { margin-bottom: 50px; }
  .widget--job-info .__item_title h3 { font-size: 1.8rem; } }

/** ASIDE LINK MORE */
.widget--side-link { margin-top: 80px; margin-bottom: 80px; /** MEDIA **/ }

.widget--side-link .__item { margin-bottom: 25px; }

.widget--side-link .__item_thumb { display: block; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); transition: all 0.2s; transform: perspective(600px) translate3d(0, 0, 0); }

.widget--side-link .__item_thumb img { width: 100%; height: auto; }

.widget--side-link .__item_thumb:hover { transform: perspective(600px) translate3d(0, 0, 50px); }

@media (max-width: 991.98px) { .widget--side-link { margin-top: 50px; margin-bottom: 50px; } }

/** FAQ */
.faq { padding-top: 40px; padding-bottom: 40px; /** QUESTION **/ /** MEDIA **/ }

.faq .__topic { display: flex; justify-content: center; margin-bottom: 60px; }

.faq .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; font-weight: 400; line-height: 1; letter-spacing: 4px; }

.faq .__topic_inner { text-align: center; }

.faq .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.faq .__item { padding-top: 45px; padding-bottom: 20px; border-bottom: 3px dotted #5398FF; }

.faq .__question { display: flex; align-items: center; margin-bottom: 20px; color: #5398FF; }

.faq .__question_icon [class*="icon-"] { display: block; padding-right: 25px; font-size: 3.8em; height: 60px; line-height: 60px; }

.faq .__question_title { display: flex; align-items: center; margin-bottom: 0; font-size: 3.6rem; letter-spacing: 3px; }

.faq .__answer { color: #FF8853; }

.faq .__answer_inner { display: flex; align-items: center; margin-bottom: 20px; }

.faq .__answer_icon [class*="icon-"] { padding-right: 25px; font-size: 3.8em; height: 60px; line-height: 60px; }

.faq .__answer_txt { padding-top: 20px; letter-spacing: 2px; }

.faq .__answer_txt p { font-size: 2rem; font-weight: 700; line-height: 2; }

@media (max-width: 991.98px) { .faq .__topic { display: flex; justify-content: center; margin-bottom: 40px; }
  .faq .__topic h2 { line-height: 1; font-size: 5.4rem; font-weight: 400; letter-spacing: 4px; }
  .faq .__topic_inner { text-align: center; }
  .faq .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }
  .faq .__list { position: relative; }
  .faq .__list::after { content: ''; position: absolute; bottom: 0; left: -20px; width: calc(100% + 40px); height: 2px; background-color: #C1DAFF; }
  .faq .__item { padding-top: 0; padding-bottom: 0; border-bottom-width: 0; }
  .faq .__question { padding: 15px 20px; margin: 0 -20px 0; border-top: 2px solid #C1DAFF; background-color: #4EB8FF; color: #fff; }
  .faq .__question_title { padding-right: 36px; font-size: 1em; letter-spacing: 0; }
  .faq .__question_icon [class*="icon-"] { padding-right: 15px; font-size: 3.8rem; line-height: 38px; height: 38px; }
  .faq .__answer_inner { padding: 5px 0 5px; margin-bottom: 0; }
  .faq .__answer_icon [class*="icon-"] { padding-right: 15px; font-size: 3.8rem; line-height: 38px; height: 38px; }
  .faq .__answer_txt { letter-spacing: 0; }
  .faq .__answer_txt p { font-size: 1em; } }

/* Page Single */
/** NEWS */
.news { overflow: hidden; position: relative; padding-top: 40px; /** SEARCH NO POST **/ /** MEDIA **/ /** MEDIA LARGE **/ }

.news .__topic { margin-bottom: 60px; }

.news .__topic h2 { font-family: "Caveat", cursive; font-size: 8.2rem; font-weight: 400; line-height: 1; letter-spacing: 4px; }

.news .__topic_inner { text-align: center; }

.news .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }

.news .__filter { margin-bottom: 30px; color: #5398FF; }

.news .__filter .form__inner { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -20px; margin-right: -20px; }

.news .__filter .form-group { display: flex; flex-direction: column; justify-content: flex-end; padding-left: 20px; padding-right: 20px; margin: 0 0 30px; }

.news .__filter .form-label { padding-left: 10px; margin-bottom: 15px; border-left: 3px solid #5398FF; font-size: 2rem; font-weight: 700; line-height: 1.1; letter-spacing: 2px; }

.news .__filter .form-radio label { margin-bottom: 0; }

.news .__filter .form__wrap { display: flex; margin-left: -15px; margin-right: -15px; }

.news .__filter .form-keyword { flex: 1; }

.news .__filter .form-keyword input[type="text"] { max-width: 380px; width: 100%; }

.news .__filter .input-datepicker { position: relative; }

.news .__filter .input-datepicker::after { content: ''; position: absolute; right: 0; top: 0; width: 50px; height: 100%; border-radius: 0 5px 5px 0; background: #5398FF url(./imgs/icon-arrow-down.svg) no-repeat center center; }

.news .__filter .input-datepicker input[type="text"] { max-width: 250px; }

.news .__filter .form-radio { padding-left: 15px; padding-right: 15px; }

.news .__filter .btn { padding-left: 15px; padding-right: 15px; }

.news .__filter .btn a, .news .__filter .btn button { min-width: 190px; background-color: #E5FFFE; }

.news .__header_top { overflow: hidden; position: relative; padding-bottom: 60px; letter-spacing: 1px; }

.news .__header_title { position: relative; display: inline-block; color: #5398FF; font-size: 2rem; font-weight: 700; }

.news .__header_title::after { content: ''; position: absolute; left: calc(100% + 20px); top: 18px; width: 2000px; height: 1px; border-bottom: 2px dotted #5398FF; }

.news .__post_count { position: absolute; right: 0; top: 40px; color: #5398FF; font-size: 2rem; font-weight: 700; }

.news .__list { overflow: hidden; }

.news .__list_inner { display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; }

.news .__item { position: relative; width: 25%; padding-left: 30px; padding-right: 30px; margin-bottom: 120px; border-right: 2px dotted #81B4FF; }

.news .__item:after { content: ''; position: absolute; left: 0; bottom: -60px; width: 2000px; height: 2px; background-color: #81B4FF; }

.news .__item a:hover { text-decoration: none; }

.news .__item:nth-last-child(1), .news .__item:nth-last-child(2) { margin-bottom: 60px; }

.news .__item:nth-last-child(1)::after, .news .__item:nth-last-child(2)::after { display: none; }

.news .__post_thumbnail img { width: 100%; height: auto; border-radius: 5px; }

.news .__category { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; }

.news .__category li { display: block; padding: 3px 10px; border-radius: 100px; border: 1px solid #555; color: #555; font-size: 0.85em; line-height: 1; list-style-type: none; text-transform: capitalize; letter-spacing: 1px; }

.news .__category .--column { border-color: #5398FF; color: #5398FF; }

.news .__post_text { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 15px; }

.news .__post_text a:hover { text-decoration: none; }

.news .__post_meta { display: flex; align-items: center; margin-bottom: 5px; }

.news .__post_meta .__category { margin-left: 15px; }

.news .__post_date { font-size: 0.9em; }

.news .__title_h2 h2 { font-size: 1.15em; margin-bottom: 5px; }

.news .__post_excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.news .__search_nopost .__txt { border-top: 2px dotted #5398FF; color: #5398FF; }

.news .__search_nopost h2 { margin-top: 2.5em; margin-bottom: 1em; font-size: 2.6rem; text-align: center; }

@media (max-width: 1199.98px) { .news .__item { width: 50%; } }

@media (max-width: 991.98px) { .news { padding-bottom: 40px; /** FILTER **/ }
  .news .__topic { display: flex; justify-content: center; margin-bottom: 40px; }
  .news .__topic h2 { line-height: 1; font-size: 5.4rem; font-weight: 400; letter-spacing: 4px; }
  .news .__topic_inner { text-align: center; }
  .news .__subtopic { margin-top: 10px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 20px; letter-spacing: 3px; font-weight: 700; line-height: 1.4; }
  .news .__filter .form__inner { flex-direction: column; }
  .news .__filter .form-keyword input[type="text"] { max-width: none; }
  .news .__filter .input-datepicker input[type="text"] { max-width: none; } }

@media (max-width: 767.98px) { .news { /** FILTER **/ }
  .news .__header_top { display: flex; justify-content: center; }
  .news .__header_title { font-size: 1.1em; }
  .news .__header_title::before, .news .__header_title::after { content: ''; top: 15px; position: absolute; width: 2000px; height: 1px; border-bottom: 2px solid #5398FF; }
  .news .__header_title::before { right: calc(100% + 20px); }
  .news .__post_count { font-size: 1em; }
  .news .__filter { margin-bottom: 40px; }
  .news .__filter .form-group { margin-bottom: 40px; }
  .news .__filter .form-label { font-size: 1.25em; }
  .news .__filter .input-datepicker::after { width: 46px; }
  .news .__filter .form-btn-submit { margin-left: 0; margin-bottom: 0; }
  .news .__filter .form-btn-submit .form__wrap { flex-direction: column; margin-left: 0; margin-right: 0; }
  .news .__filter .btn { padding-left: 0; padding-right: 0; margin-bottom: 15px; }
  .news .__filter .btn a, .news .__filter .btn button { width: 100%; padding: 12px 20px; background-color: #fff; font-size: 1.8rem; line-height: 1.6; font-weight: 700; }
  .news .__filter .btn [class*="icon-"]:first-child { padding-right: 10px; font-size: 1.1em; }
  .news .__item { width: 100%; margin-bottom: 60px; }
  .news .__item::after { display: none; }
  .news .__title_h2 h2 { font-size: 1.25em; }
  .news .__search_nopost h2 { font-size: 1.8rem; } }

@media (min-width: 1200px) { .news .__filter .form-keyword input[type="text"] { max-width: none; }
  .news .__item:nth-last-child(1), .news .__item:nth-last-child(2), .news .__item:nth-last-child(3), .news .__item:nth-last-child(4) { margin-bottom: 60px; }
  .news .__item:nth-last-child(1)::after, .news .__item:nth-last-child(2)::after, .news .__item:nth-last-child(3)::after, .news .__item:nth-last-child(4)::after { display: none; } }

@media (min-width: 1400px) { .news .__filter .form-btn-submit { margin-left: 0; }
  .news .__filter .btn a, .news .__filter .btn button { min-width: 150px; } }

@media (min-width: 1640px) { .news .__filter .form-btn-submit { margin-left: 20px; }
  .news .__filter .btn a, .news .__filter .btn button { min-width: 190px; } }

/** SINGLE POST DETAIL */
.single-info { /** MEDIA **/ }

.single-info .__row { display: flex; }

.single-info .primary { flex: 1; padding: 80px 110px 0 0; }

.single-info .secondary { width: 350px; padding-top: 80px; }

@media (max-width: 1199.98px) { .single-info .primary { padding-right: 60px; }
  .single-info .secondary { width: 300px; } }

@media (max-width: 991.98px) { .single-info .__row { display: block; }
  .single-info .primary { padding: 40px 0 0; }
  .single-info .secondary { width: auto; padding-top: 40px; } }

/** SINGLE INFO PRIMARY */
.info-primary { /** MEDIA **/ /** MEDIA LARGE **/ }

.info-primary .__header { margin-bottom: 30px; }

.info-primary .__meta_top { display: flex; align-items: center; }

.info-primary .__title h1 { letter-spacing: 2px; }

.info-primary .__date { font-size: 1.1em; margin-right: 15px; }

.info-primary .__category { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; }

.info-primary .__category li { display: block; padding: 3px 10px; border-radius: 100px; border: 1px solid #555; color: #555; font-size: 0.85em; line-height: 1; list-style-type: none; text-transform: capitalize; letter-spacing: 1px; }

.info-primary .__category .--column { border-color: #5398FF; color: #5398FF; }

.info-primary .__title { margin-bottom: 30px; border-bottom: 3px solid #BFBFBF; }

.info-primary .__title h1 { margin-bottom: 0; }

.info-primary .__author_top { display: flex; align-items: center; margin-bottom: 20px; }

.info-primary .__avatar { padding-right: 20px; }

.info-primary .__avatar img { max-width: 90px; border-radius: 200px; }

.info-primary .__name { font-size: 3rem; font-weight: 700; line-height: 1.4; }

.info-primary .__position { padding-left: 10px; font-size: 0.6em; }

.info-primary .__tags ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 5px; }

.info-primary .__tags li { display: block; margin-right: 10px; margin-bottom: 10px; list-style-type: none; }

.info-primary .__tags a { display: block; min-width: 100px; padding: 3px 15px; border-radius: 100px; border: 1px solid #7A7A7A; color: #7A7A7A; font-size: 0.85em; line-height: 1.4; text-align: center; letter-spacing: 1px; }

.info-primary .__tags a:hover { background-color: #7A7A7A; color: #fff; text-decoration: none; }

.info-primary .__social ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; margin-right: -15px; }

.info-primary .__social li { min-width: 140px; margin-right: 15px; margin-bottom: 5px; list-style-type: none; }

.info-primary .__social a { display: flex; justify-content: center; align-items: center; padding: 8px 10px; line-height: 1.4; background-size: contain; background-repeat: no-repeat; background-position: center; color: #fff; font-size: 1em; text-align: center; }

.info-primary .__social a:hover { text-decoration: none; }

.info-primary .__social [class*="icon-"] { font-size: 1.2em; }

.info-primary .__social .facebook a { background-color: #3A66B8; }

.info-primary .__social .twitter a { background-color: #00A2F9; }

.info-primary .__social .line a { background-color: #00BD27; }

.info-primary .__thumbnail { margin-bottom: 60px; }

.info-primary .__thumbnail img { max-width: 100%; height: auto; }

.info-primary .__content { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 3px solid #404040; }

.info-primary .__txt { margin-bottom: 70px; }

.info-primary .__txt h2 { margin-top: 2.5em; margin-bottom: 1em; font-size: 2.6rem; }

.info-primary .__author_bottom { display: flex; align-items: center; padding: 20px 30px 20px 30px; border: 6px solid #E8E8E8; }

.info-primary .__author_bottom img { max-width: 120px; }

.info-primary .__author_bottom .__avatar { padding-right: 30px; }

.info-primary .__author_bottom .__name { margin-bottom: 10px; }

.info-primary .__footer { margin-bottom: 70px; }

.info-primary .__post_footer { display: flex; margin-left: -30px; margin-right: -30px; }

.info-primary .__post_inner { overflow: hidden; display: block; border-radius: 14px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); }

.info-primary .__post_thumbnail img { width: 100%; height: auto; }

.info-primary .__post_text { display: flex; justify-content: space-between; align-items: flex-end; padding: 15px 25px 20px; }

.info-primary .__post_meta { display: flex; align-items: center; margin-bottom: 5px; }

.info-primary .__post_meta .__category { margin-left: 15px; }

.info-primary .__post_date { font-size: 0.9em; }

.info-primary .__title_h2 h2 { font-size: 1.15em; margin-bottom: 0; }

.info-primary .__post_nav { display: none; padding-left: 20px; line-height: 1.6; white-space: nowrap; }

.info-primary .__nav_text { display: none; }

.info-primary .--no-post { height: 100%; background-color: #f5f5f5; box-shadow: none; }

.info-primary .__post_item { width: 50%; padding-left: 30px; padding-right: 30px; }

.info-primary .__post_item a:hover { text-decoration: none; }

.info-primary .__post_item.--prev .__post_text { flex-direction: row-reverse; }

.info-primary .__post_item.--prev .__post_meta { flex-direction: row-reverse; }

.info-primary .__post_item.--prev .__category { margin-right: 15px; }

.info-primary .__post_item.--prev .__post_nav { padding-left: 0; padding-right: 20px; }

.info-primary .__menu_back { margin-top: 40px; text-align: center; }

.info-primary .__menu_back [class*="icon-"] { padding-left: 20px; font-size: 0.9em; }

@media (max-width: 1199.98px) { .info-primary .__post_footer { margin-left: -15px; margin-right: -15px; }
  .info-primary .__post_item { padding-left: 15px; padding-right: 15px; } }

@media (max-width: 767.98px) { .info-primary .__title { margin-bottom: 15px; }
  .info-primary .__title h1 { font-size: 2.6rem; }
  .info-primary .__name { font-size: 2.4rem; }
  .info-primary .__social ul { margin-right: -10px; }
  .info-primary .__social li { min-width: calc(33.3% - 15px); margin-right: 10px; }
  .info-primary .__social a { font-size: 0.85em; }
  .info-primary .__thumbnail { margin-bottom: 30px; }
  .info-primary .__content { padding-bottom: 0; margin-bottom: 40px; border-bottom-width: 0; }
  .info-primary .__txt h2 { font-size: 1.8rem; }
  .info-primary .__author_bottom { flex-direction: column; padding: 25px; }
  .info-primary .__author_bottom img { max-width: 172px; }
  .info-primary .__author_bottom .__avatar { padding-right: 0; margin-bottom: 20px; }
  .info-primary .__footer { padding-bottom: 40px; margin-bottom: 20px; border-bottom: 3px solid #404040; }
  .info-primary .__post_footer { margin-left: -20px; margin-right: -20px; }
  .info-primary .__post_footer.sp-sm { display: flex; }
  .info-primary .__post_item { padding-left: 20px; padding-right: 20px; }
  .info-primary .__post_item.--next { text-align: right; }
  .info-primary .__post_link { display: block; padding: 6px 0; font-weight: 700; letter-spacing: 1px; }
  .info-primary .__post_link:not([href]) { opacity: 0.2; }
  .info-primary .__menu_back { margin-top: 10px; } }

@media (min-width: 1400px) { .info-primary .__author_bottom { padding: 25px 60px 25px; }
  .info-primary .__author_bottom img { max-width: 172px; }
  .info-primary .__author_bottom .__avatar { padding-right: 60px; }
  .info-primary .__post_nav { display: block; } }

@media (min-width: 1600px) { .info-primary .__post_nav { display: block; }
  .info-primary .__nav_text { display: inline-block; } }

/** ASIDE */
/** ASIDE INFO POST RECENT */
.widget--info-recent { margin-bottom: 70px; /** MEDIA **/ }

.widget--info-recent .__item { margin-bottom: 40px; }

.widget--info-recent .__post_inner { overflow: hidden; display: block; }

.widget--info-recent .__post_inner:hover { text-decoration: none; }

.widget--info-recent .__post_thumbnail img { display: block; width: 100%; height: auto; border-radius: 5px; }

.widget--info-recent .__post_text { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 10px; }

.widget--info-recent .__post_meta { display: flex; align-items: center; margin-bottom: 3px; }

.widget--info-recent .__category { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; margin-left: 15px; }

.widget--info-recent .__category li { display: block; padding: 3px 10px; border-radius: 100px; border: 1px solid #555; color: #555; font-size: 0.85em; line-height: 1; list-style-type: none; text-transform: capitalize; letter-spacing: 1px; }

.widget--info-recent .__category .--column { border-color: #5398FF; color: #5398FF; }

.widget--info-recent .__post_date { font-size: 0.9em; }

.widget--info-recent .__title_h2 h2 { font-size: 1.15em; margin-bottom: 0; }

.widget--info-recent .__menu_back { margin-top: 40px; text-align: center; }

.widget--info-recent .__menu_back a { color: #B7B7B7; }

.widget--info-recent .__menu_back [class*="icon-"] { padding-left: 20px; }

@media (max-width: 767.98px) { .widget--info-recent { margin-bottom: 50px; } }

/** ASIDE USED TAGS */
.--info-tags { margin-bottom: 70px; /** MEDIA **/ }

.--info-tags .__tags ul { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; margin-right: -10px; }

.--info-tags .__tags li { display: block; margin-right: 10px; margin-bottom: 10px; list-style-type: none; }

.--info-tags .__tags a { display: block; min-width: 100px; padding: 5px 10px; border-radius: 100px; border: 1px solid #7A7A7A; background-color: #fff; color: #7A7A7A; font-size: 0.85em; line-height: 1.2; text-align: center; }

.--info-tags .__tags a:hover { background-color: #7A7A7A; color: #fff; text-decoration: none; }

@media (max-width: 767.98px) { .--info-tags { margin-bottom: 50px; } }

/** PAGE CONTENT */
.page-content { padding-top: 80px; padding-bottom: 100px; /** MEDIA **/ }

.page-content .title { margin-bottom: 100px; text-align: center; letter-spacing: 3px; }

.page-content h2 { position: relative; padding-bottom: 30px; margin-bottom: 30px; font-size: 1.8rem; line-height: 1.7; }

.page-content h2::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 65px; height: 1px; background-color: #DCDFE2; }

.page-content h3 { padding: 8px 0 8px 25px; margin-top: 70px; margin-bottom: 20px; border-left: 3px solid #707070; font-size: 1.8rem; line-height: 1.7; letter-spacing: 1px; }

.page-content p { margin-bottom: 30px; }

.page-content a { text-decoration: underline; }

.page-content figure { margin-top: 10px; margin-bottom: 40px; text-align: center; }

.page-content img { max-width: 100%; height: auto; }

.page-content .btn { margin-top: 100px; margin-bottom: 120px; }

@media (max-width: 767.98px) { .page-content { padding-top: 40px; padding-bottom: 60px; }
  .page-content .title { margin-bottom: 60px; }
  .page-content h1 { font-size: 1.8rem; }
  .page-content h2 { padding-bottom: 20px; margin-bottom: 20px; font-size: 1.6rem; line-height: 1.5; }
  .page-content h2::after { width: 50px; }
  .page-content h3 { padding: 12px 0 12px 20px; margin-top: 40px; margin-bottom: 15px; font-size: 1.6rem; }
  .page-content figure { margin-top: 0; margin-bottom: 30px; text-align: center; }
  .page-content .btn { margin-top: 60px; margin-bottom: 60px; } }

/** PAGE 404 **/
#main.page-404 { background-color: #f5f5f5; }

/* Fixed on IE */
.msie { /** RESET */ /** FORM */ /** HOME CREATE **/ /** INTERVIEW */ /** NEWS */ /** MV */ }

.msie input[type=text], .msie input[type=email], .msie input[type=password], .msie input[type=tel], .msie input[type=url], .msie select { height: 63px; }

@media (max-width: 767.98px) { .msie input[type=text], .msie input[type=email], .msie input[type=password], .msie input[type=tel], .msie input[type=url], .msie select { height: 52px; } }

.msie textarea { min-height: 220px; }

@media (max-width: 1200px) { .msie .home-creation .__image { flex: 1; } }

.msie .interview-interview .__item_image img { position: relative; z-index: 9; }

.msie .news .__filter input[type="text"] { height: 42px; }

.msie .home-mv .__img.__img_1 img, .msie .home-mv .__img.__img_2 img, .msie .home-mv .__img.__img_3 img { display: none; }

.msie .home-mv .__img.__img_1 canvas, .msie .home-mv .__img.__img_2 canvas, .msie .home-mv .__img.__img_3 canvas { display: block; }

.msie .home-mv .__img.sp-sm { background-color: transparent; }
/*# sourceMappingURL=style.css.map */

.wpcf7 form .ajax-loader{display:none!important;}
/*--- 追記 ---*/
.recruit-primary h1 {
  font-size: 5rem;
}
.massage_box,.rinen_list{
	display:flex;
}
.massage_box>p{
	padding:15px;
}
.rinen_box img{
	margin:0 auto;
	display:block;	
}
.rinen_list>div,.rinen_list>img{
	width:50%;
}
.rinen_list{
	width:70%;
	margin:5rem auto;
}
.rinen_list h2{
	margin:15px 0;
}


@media (max-width: 800px) {
	.massage_box,.rinen_list{
		display:block;
	}
	.rinen_list>div,.rinen_list>img,.rinen_list{
		width:100%;
	}
	.massage_box img{
		margin:0 auto;
		display:block;
	}
}
html .home-mv .__img.__img_3 {
    top: 18%;
}
.scroll-fx > .fx-holder{
	animation-play-state: inherit;
}