@charset "UTF-8";
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

/*------------------------------------------------------------------------ */
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.img-pano {
  height: 440px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%; }

.img-app {
  height: 45px; }

.img-company-logo {
  background-color: #fff;
  width: 100%;
  padding-top: 100%;
  -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.img-square {
  width: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

@keyframes swing {
  0%, 50%, 100% {
    -webkit-transform: translate(0, 0%) rotate(0deg);
    -ms-transform: translate(0, 0%) rotate(0deg);
    transform: translate(0, 0%) rotate(0deg); }
  10% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  20% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  40% {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg); } }

@-webkit-keyframes swing {
  0%, 50%, 100% {
    -webkit-transform: translate(0, 0%) rotate(0deg);
    -ms-transform: translate(0, 0%) rotate(0deg);
    transform: translate(0, 0%) rotate(0deg); }
  10% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  20% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  40% {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg); } }

@keyframes fadein {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes fadeinup {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); } }

@-webkit-keyframes fadeinup {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); } }

@keyframes ani-show {
  0% {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  100% {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); } }

@-webkit-keyframes ani-show {
  0% {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  100% {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); } }

@keyframes nav-fade-out {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-100, 0%);
    -ms-transform: translate(-100, 0%);
    transform: translate(-100, 0%); } }

@-webkit-keyframes nav-fade-out {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-100, 0%);
    -ms-transform: translate(-100, 0%);
    transform: translate(-100, 0%); } }

@keyframes ani-mask {
  0% {
    width: 0%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    width: 100%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    width: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); } }

@-webkit-keyframes ani-mask {
  0% {
    width: 0%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    width: 100%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    width: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); } }

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

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

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.ico {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .ico-place::before {
    background-image: url(../images/icon-location.svg); }
  .ico-tel::before {
    background-image: url(../images/icon-phone.svg); }
  .ico-name::before {
    background-image: url(../images/icon-user.svg); }
  .ico-company::before {
    background-image: url(../images/icon-company.svg); }
  .ico-interest::before {
    background-image: url(../images/icon-interest.svg); }
  .ico-email::before {
    background-image: url(../images/icon-email.svg); }
  .ico-star::before {
    background-image: url(../images/icon-topic.svg); }
  .ico-chat::before {
    background-image: url(../images/icon-message.svg); }
  .ico-search::before {
    background-image: url(../images/icon-search.svg); }
  .ico-facebook {
    background-image: url(../images/icon-footer-facebook.svg); }
  .ico-instagram {
    background-image: url(../images/icon-footer-instagram.svg); }
  .ico-linkedin {
    background-image: url(../images/icon-footer-linkedin.svg); }
  .ico-youtube {
    background-image: url(../images/icon-footer-youtube.svg); }
  .ico-wechat {
    background-image: url(../images/icon-footer-wechat.svg); }
  .ico-wechat {
    background-image: url(../images/icon-footer-wechat.svg); }
  .ico-dropdown {
    background-image: url(../images/dropdown-arrow-small.svg); }
  .ico-back {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../images/icon-back-white.svg);
    margin-right: 10px; }
  .ico-linkedin-blue {
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-linkedin.svg); }
  .ico-arrow-right-blue {
    width: 15px;
    height: 15px;
    background-image: url(../images/icon-go.svg);
    margin-bottom: 3px;
    margin-left: 8px; }
  .ico-prev {
    background-image: url(../images/pagin-previous.svg); }
  .ico-next {
    background-image: url(../images/pagin-next.svg); }
  .ico-dl {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon-dl.svg);
    margin-right: 8px; }
  .ico-close {
    background-image: url(../images/icon-close.svg); }

.btn:hover .ico-dl {
  background-image: url(../images/icon-dl-white.svg); }

.btn-ico.ico-search {
  background-image: url(../images/icon-search.svg); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.txt-default-title {
  font-size: 36px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: normal;
  letter-spacing: 6px;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .txt-default-title {
      font-size: 32px;
      line-height: 1.25; } }
  @media (min-width: 768px) {
    .txt-left .txt-default-title {
      text-align: left; }
    .txt-right .txt-default-title {
      text-align: right; } }

.txt-default-subtitle {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px; }

.txt-default-desc {
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  margin-bottom: 32px; }

.fs-h1 {
  font-size: 60px; }

.fs-h2 {
  font-size: 36px; }

.fs-h3 {
  font-size: 24px; }

.fs-h4 {
  font-size: 18px; }

.txt-cat {
  color: #fff;
  background: rgba(13, 21, 44, 0.8);
  font-size: 14px;
  padding: 8px 24px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 5px; }

.b-slider + .txt-cat {
  margin-top: 64px; }

.txt-with-bg {
  display: inline;
  background: #fff;
  line-height: 1.4em;
  box-shadow: -0.2em 0 0 #fff; }

.txt-tag {
  background: #E5F4FF;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  display: inline-block;
  color: #128EFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 11px 20px; }

.txt-with-btn {
  padding-right: 30px;
  position: relative; }
  .txt-with-btn .btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.txt-with-ico {
  padding-left: 40px;
  position: relative;
  margin-bottom: 16px;
  font-size: 18px; }
  .txt-with-ico::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

.txt-black {
  color: #0D152C; }

.txt-white {
  color: #fff; }

.txt-grey {
  color: #9EA1AA; }

.txt-blue {
  color: #128EFF; }

.txt-light-blue {
  color: #E5F4FF; }

a.link-blue, .b-slider a.link-blue {
  color: #128EFF;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold; }
  a.link-blue:visited, .b-slider a.link-blue:visited {
    color: #128EFF;
    text-decoration: none; }
  a.link-blue:hover, a.link-blue:focus, .b-slider a.link-blue:hover, .b-slider a.link-blue:focus {
    color: #128EFF;
    text-decoration: none;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  a.link-blue:active, .b-slider a.link-blue:active {
    color: #128EFF;
    text-decoration: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.btn {
  border: 0; }
  .btn:focus {
    outline: none;
    -moz-box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4);
    box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4); }

.btn-default {
  background: #128EFF;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  padding: 22px;
  padding-top: 13px;
  padding-bottom: 15px;
  font-weight: bold;
  letter-spacing: 2px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .btn-default:focus {
    outline: none;
    -moz-box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4);
    box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4); }
  .btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #0D152C;
    background: #E5F4FF; }

.btn-light-blue {
  background: #E5F4FF;
  color: #128EFF; }
  .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus {
    color: #fff;
    background: #128EFF; }

.btn-navy {
  background: #223670;
  color: #fff; }
  .btn-navy:hover, .btn-navy:active, .btn-navy:focus {
    color: #fff;
    background: #162349; }

.btn-sm {
  font-size: 16px;
  padding: 11px 20px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em; }

.btn-ico {
  width: 48px;
  height: 48px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 0;
  padding: 0;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle; }
  .btn-ico:focus {
    outline: none;
    -moz-box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4);
    box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4); }
  .btn-ico:hover, .btn-ico:active, .btn-ico:focus {
    background-color: rgba(13, 21, 44, 0.05);
    background-size: 40%;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .btn-ico.btn-close {
    background-color: #F86613; }

.btn-line {
  background: transparent;
  color: #128EFF !important;
  border: 2px solid #128EFF;
  padding-top: 8px;
  padding-bottom: 9px;
  display: inline-block;
  margin-top: 25px;
  border-radius: 40px;
  text-transform: uppercase; }
  .btn-line:hover, .btn-line:active, .btn-line:focus {
    background: #128EFF;
    color: #fff !important; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.btn-menu {
  width: 56px;
  height: 56px;
  cursor: pointer;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  background: #F86613; }
  .btn-menu .line {
    display: block;
    position: relative;
    width: 40%;
    height: 2px;
    background: #fff;
    margin: auto;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    -webkit-transform: translate(0%, -2px);
    -ms-transform: translate(0%, -2px);
    transform: translate(0%, -2px);
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .btn-menu .line-1 {
      top: 38%; }
    .btn-menu .line-2 {
      top: 50%; }
    .btn-menu .line-3 {
      top: 62%; }
  .btn-menu.active .line-1 {
    top: 52%;
    -webkit-transform: translate(0%, -2px) rotate(135deg);
    -ms-transform: translate(0%, -2px) rotate(135deg);
    transform: translate(0%, -2px) rotate(135deg); }
  .btn-menu.active .line-2 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0); }
  .btn-menu.active .line-3 {
    top: 45%;
    -webkit-transform: translate(0%, -2px) rotate(-135deg);
    -ms-transform: translate(0%, -2px) rotate(-135deg);
    transform: translate(0%, -2px) rotate(-135deg); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

select, input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

::-webkit-input-placeholder {
  color: rgba(13, 21, 44, 0.4); }

:-ms-input-placeholder {
  color: rgba(13, 21, 44, 0.4); }

::placeholder {
  color: rgba(13, 21, 44, 0.4); }

label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  color: #223670; }

.form-item {
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .form-item::before {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-size: 50%;
    z-index: 1; }

.form-input, .form-select, .form-textarea {
  width: 100%;
  background: #fff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 0;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }

.form-input {
  height: 48px;
  line-height: 48px;
  padding-left: 48px;
  padding-right: 20px; }
  .form-input:focus {
    outline: none;
    -moz-box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4);
    box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4); }

.form-textarea {
  line-height: normal;
  min-height: 160px;
  display: block;
  padding: 0.6em 0px;
  padding-left: 48px; }
  .form-textarea:focus {
    outline: none;
    -moz-box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4);
    box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4); }

label.check-box {
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 18px;
  color: #0D152C; }
  label.check-box input {
    display: none; }
  label.check-box .checkmark {
    position: absolute;
    height: 18px;
    width: 18px;
    left: 0px;
    top: 18%;
    background: rgba(248, 102, 19, 0.3);
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    label.check-box .checkmark::after {
      content: "";
      position: absolute;
      top: 45%;
      left: 50%;
      width: 40%;
      height: 80%;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
  label.check-box:hover input ~ .checkmark {
    background: #F86613; }
  label.check-box input:checked ~ .checkmark {
    background: #F86613; }
    label.check-box input:checked ~ .checkmark:after {
      -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
      -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1);
      transform: translate(-50%, -50%) rotate(45deg) scale(1);
      opacity: 1;
      filter: alpha(opacity=100); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.table-bus td {
  border-top: 0; }
  .table-bus td:first-child {
    color: #128EFF;
    font-weight: bold;
    text-transform: uppercase; }
  .table-bus td:not(:first-child) {
    color: #9EA1AA;
    letter-spacing: normal;
    line-height: normal; }

.table-line {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 32px; }
  .table-line .row {
    border-top: 1px solid rgba(13, 21, 44, 0.2); }
    .table-line .row:last-child {
      border-bottom: 1px solid rgba(13, 21, 44, 0.2); }
  .table-line .col {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0; }
  .table-line .txt-grey {
    text-transform: uppercase;
    letter-spacing: 2px; }

.table-contact {
  font-weight: bold;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 32px; }
  .table-contact .row {
    border-top: 1px solid rgba(13, 21, 44, 0.2); }
    .table-contact .row:last-child {
      border-bottom: 1px solid rgba(13, 21, 44, 0.2); }
  .table-contact .col {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0; }
  .table-contact .txt-grey {
    text-transform: uppercase; }
  @media (max-width: 767px) {
    .table-contact {
      padding-top: 0;
      margin-bottom: 0; }
      .table-contact .row {
        border-top: 0;
        margin-bottom: 24px; }
        .table-contact .row:last-child {
          border-bottom: 0; }
      .table-contact .col:nth-child(1) {
        padding-top: 0;
        padding-bottom: 4px; }
      .table-contact .col:nth-child(2) {
        padding-top: 0;
        padding-bottom: 0;
        line-height: normal; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.list-dot {
  list-style: none;
  color: #9EA1AA;
  padding-left: 30px; }
  .list-dot li {
    position: relative; }
    .list-dot li::before {
      content: "";
      display: block;
      position: absolute;
      left: -20px;
      top: 12px;
      width: 3px;
      height: 3px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #9EA1AA; }

.list-num {
  padding-left: 20px; }
  .list-num > li {
    padding-left: 10px; }

.list-alphabet {
  padding-left: 20px;
  list-style: lower-alpha; }
  .list-alphabet > li {
    padding-left: 10px; }

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

/*------------------------------------------------------------------------ */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.slick-slide, .slick-slide a {
  outline: none; }
  .slick-slide:hover, .slick-slide:active, .slick-slide:focus, .slick-slide a:hover, .slick-slide a:active, .slick-slide a:focus {
    outline: none; }

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: 0;
  outline: none;
  z-index: 1;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    opacity: 1; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    opacity: 0.25; }

.slick-prev {
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(0deg);
  -ms-transform: translate(0, -50%) rotate(0deg);
  transform: translate(0, -50%) rotate(0deg);
  background-image: url(../images/pagin-previous.svg); }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }

.slick-next {
  right: 0;
  -webkit-transform: translate(0, -50%) rotate(0deg);
  -ms-transform: translate(0, -50%) rotate(0deg);
  transform: translate(0, -50%) rotate(0deg);
  background-image: url(../images/pagin-next.svg); }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }

/* Dots */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
    vertical-align: middle; }
    .slick-dots li button {
      background: #9EA1AA;
      display: block;
      width: 7px;
      height: 7px;
      outline: none;
      border: 0;
      cursor: pointer;
      padding: 0;
      margin: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      font-size: 0;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none;
        opacity: 1; }
    .slick-dots li.slick-active button {
      background: #2ECF7D; }

.dots-inner.slick-dotted.slick-slider {
  margin-bottom: 0px; }
  .dots-inner.slick-dotted.slick-slider .slick-dots {
    bottom: 20px; }

.arrows-inner .slick-prev {
  left: 0; }

.arrows-inner .slick-next {
  right: 0; }

.arrows-outer.slick-slider {
  margin-left: 60px;
  margin-right: 60px; }

.arrows-outer .slick-prev {
  left: auto;
  right: 100%; }

.arrows-outer .slick-next {
  right: auto;
  left: 100%; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

/*!
 * Bootstrap-select v1.13.9 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2019 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0 ;
  vertical-align: middle; }
  .bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between; }
    .bootstrap-select > .dropdown-toggle:after {
      margin-top: -1px; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
      color: #999; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
      color: rgba(255, 255, 255, 0.5); }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2 !important; }
  .has-error .bootstrap-select .dropdown-toggle,
  .error .bootstrap-select .dropdown-toggle,
  .bootstrap-select.is-invalid .dropdown-toggle,
  .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
    border-color: #b94a48; }
  .bootstrap-select.is-valid .dropdown-toggle,
  .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
    border-color: #128EFF; }
  .bootstrap-select.fit-width {
    width: auto !important; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px; }
  .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
  .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }
  :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto; }

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
  width: auto; }

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0; }
  .form-group-lg .bootstrap-select.form-control .dropdown-toggle,
  .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem; }

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem; }

.form-inline .bootstrap-select .form-control {
  width: 100%; }

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed; }
  .bootstrap-select.disabled:focus,
  .bootstrap-select > .disabled:focus {
    outline: none !important; }

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.bs-container .dropdown-menu {
    z-index: 997; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto; }
  .bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit; }
  .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none; }
    .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
      padding-right: inherit; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit; }

.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select .dropdown-menu > .inner:focus {
    outline: none !important; }
  .bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .bootstrap-select .dropdown-menu li {
    position: relative; }
    .bootstrap-select .dropdown-menu li.active small {
      color: rgba(255, 255, 255, 0.5) !important; }
    .bootstrap-select .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select .dropdown-menu li a {
      cursor: pointer;
      user-select: none; }
      .bootstrap-select .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
  width: auto; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline; }

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0'; }

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 998; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.form-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%; }

.form-select > .dropdown-toggle {
  position: relative;
  padding: 0;
  border: 0;
  color: #0D152C; }
  .form-select > .dropdown-toggle:after {
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border: 0;
    background-image: url(../images/dropdown-arrow-large.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-size: 50%;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .form-select > .dropdown-toggle:hover {
    border-bottom-color: #E5F4FF; }
  .form-select > .dropdown-toggle:focus, .form-select > .dropdown-toggle:active {
    outline: none !important;
    -moz-box-shadow: none;
    box-shadow: none; }

.form-select .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #999; }

.form-select .filter-option-inner-inner {
  padding-left: 48px; }

.form-select.show > .dropdown-toggle.bs-placeholder {
  color: #0D152C; }

.form-select .dropdown-menu {
  -moz-box-shadow: 0px 8px 20px 0px rgba(13, 21, 44, 0.3);
  box-shadow: 0px 8px 20px 0px rgba(13, 21, 44, 0.3);
  -webkit-border-radius: 24px 24px;
  -moz-border-radius: 24px 24px;
  border-radius: 24px 24px;
  background: #fff;
  color: #0D152C;
  padding: 0;
  border: 0;
  margin: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  letter-spacing: normal;
  min-width: inherit !important;
  width: 100%;
  max-height: 268.8px !important; }
  .form-select .dropdown-menu .dropdown-item {
    padding: 12px 16px;
    padding-left: 48px; }
    .form-select .dropdown-menu .dropdown-item:hover, .form-select .dropdown-menu .dropdown-item:focus, .form-select .dropdown-menu .dropdown-item:active {
      background: #609bd2;
      color: #fff;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .form-select .dropdown-menu .dropdown-item:focus {
      outline: none; }
    .form-select .dropdown-menu .dropdown-item.active, .form-select .dropdown-menu .dropdown-item.selected {
      background: #609BD2;
      color: #fff;
      font-weight: bold; }

.form-select.form-select-line {
  border: 1px solid #D5D5D5;
  width: 100%; }
  .form-select.form-select-line > .dropdown-toggle:after {
    margin-top: 1px; }
  .form-select.form-select-line .filter-option-inner-inner {
    padding-left: 24px; }
  .form-select.form-select-line .dropdown-menu .dropdown-item {
    padding-left: 24px; }

.form-select.form-select-blue {
  border: 1px solid #223670;
  background: #223670;
  width: 100%; }
  .form-select.form-select-blue > .dropdown-toggle:after {
    margin-top: 1px;
    background-image: url(../images/dropdown-arrow-large-white.svg); }
  .form-select.form-select-blue .filter-option-inner-inner {
    padding-left: 24px;
    color: #fff; }
  .form-select.form-select-blue .dropdown-menu .dropdown-item {
    padding-left: 24px; }
  .form-select.form-select-blue.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

/*! Lity - v2.3.1 - 2018-04-20
 ** http://sorgalla.com/lity/
 ** Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.7);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .lity.lity-opened {
    opacity: 1; }
  .lity.lity-closed {
    opacity: 0; }
  .lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
  overflow-y: auto; }
  .lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
  padding-left: 16px;
  padding-right: 16px; }

.lity-content {
  z-index: 9993;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }

.lity-loading .lity-content,
.lity-closed .lity-content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 5%);
  -ms-transform: translate(0, 5%);
  transform: translate(0, 5%); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 100%;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 0;
  border: 0;
  outline: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  background-color: transparent;
  background-image: url(../images/icon-close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0; }
  .lity-close::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    outline: none; }

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

/* iFrame */
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 1180px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }
  .lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    background: #000; }

.lity-hide {
  display: none; }

/*------------------------------------------------------------------------ */
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav {
  padding-left: 0;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: bold; }
  .nav > li {
    display: inline-block; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-logo .btn-menu {
  display: none; }

@media (max-width: 1260px) {
  .nav-logo {
    width: 100%;
    background: #fff;
    height: 56px;
    line-height: 56px; }
    .nav-logo .btn-menu {
      display: block;
      float: left; }
    .nav-logo .img-logo-white {
      display: none; }
    .nav-logo .img-logo-color {
      display: inline-block;
      margin-left: 16px;
      padding-bottom: 4px; } }

@media (min-width: 1261px) {
  .nav-logo a {
    display: block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: #F86613;
    width: 120px;
    float: left;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .nav-logo a:hover, .nav-logo a:active, .nav-logo a:focus {
      background: #dc5407; }
  .nav-logo .img-logo-white {
    display: inline-block;
    padding-bottom: 4px; }
  .nav-logo .img-logo-color {
    display: none; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-main {
  margin-bottom: 0; }
  @media (max-width: 1260px) {
    .nav-main > li {
      display: block;
      width: 100%; }
      .nav-main > li > a {
        color: #fff;
        text-decoration: none; }
        .nav-main > li > a:visited {
          color: #fff;
          text-decoration: none; }
        .nav-main > li > a:hover, .nav-main > li > a:focus {
          color: #fff;
          text-decoration: none;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
        .nav-main > li > a:active {
          color: #fff;
          text-decoration: none; } }
  @media (min-width: 1261px) {
    .nav-main::after {
      content: " ";
      display: block;
      clear: both; }
    .nav-main > li {
      position: relative;
      float: left;
      padding: 0 15px; }
      .nav-main > li:not(:last-child)::before {
        content: "";
        height: 16px;
        width: 1px;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: rgba(13, 21, 44, 0.1); }
      .nav-main > li > a {
        position: relative;
        line-height: 64px;
        display: inline-block;
        font-size: 14px;
        color: #0D152C;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
        .nav-main > li > a:visited {
          color: #0D152C;
          text-decoration: none; }
        .nav-main > li > a:hover, .nav-main > li > a:focus {
          color: #0D152C;
          text-decoration: none;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
        .nav-main > li > a:active {
          color: #0D152C;
          text-decoration: none; }
        .nav-main > li > a::before {
          content: "";
          width: 100%;
          display: block;
          background: #223670;
          height: 0px;
          position: absolute;
          left: 0;
          bottom: 0;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
      .nav-main > li.active > a::before {
        height: 4px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

@media (max-width: 1260px) {
  .nav-sub .txt-desc {
    display: none; } }

@media (min-width: 1261px) {
  .nav-sub {
    width: 100%;
    display: block; }
    .nav-sub > li {
      display: block;
      padding-top: 8px;
      padding-bottom: 18px; }
      .nav-sub > li > a {
        color: #fff;
        text-decoration: none;
        position: relative;
        font-size: 24px;
        font-weight: normal;
        letter-spacing: 0.167em; }
        .nav-sub > li > a:visited {
          color: #fff;
          text-decoration: none; }
        .nav-sub > li > a:hover, .nav-sub > li > a:focus {
          color: #fff;
          text-decoration: none;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
        .nav-sub > li > a:active {
          color: #fff;
          text-decoration: none; }
      .nav-sub > li .txt-nav {
        position: relative;
        display: inline-block; }
        .nav-sub > li .txt-nav::before {
          content: "";
          width: 100%;
          display: block;
          background: #fff;
          height: 0px;
          position: absolute;
          left: 0;
          bottom: -3px;
          opacity: 0;
          filter: alpha(opacity=0);
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
      .nav-sub > li .txt-desc {
        width: 100%;
        font-size: 16px;
        letter-spacing: normal;
        line-height: normal;
        color: #fff;
        text-transform: none;
        max-height: 0;
        overflow: hidden;
        font-weight: normal;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .nav-sub > li.li-back {
        display: none; }
      .nav-sub > li:hover .txt-nav::before {
        height: 3px;
        opacity: 1;
        filter: alpha(opacity=100); }
      .nav-sub > li:hover.li-desc .txt-nav::before {
        display: none; }
      .nav-sub > li:hover.li-desc .txt-desc {
        opacity: 1;
        filter: alpha(opacity=100);
        max-height: 50px; } }

@media (min-width: 1261px) and (max-height: 860px) {
  .nav-sub > li > a {
    font-size: 18px; }
  .nav-sub > li .txt-desc {
    font-size: 14px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-lang {
  position: absolute;
  left: 50%;
  top: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  -moz-box-shadow: 0px 8px 20px 0px rgba(13, 21, 44, 0.3);
  box-shadow: 0px 8px 20px 0px rgba(13, 21, 44, 0.3);
  margin-bottom: 0;
  z-index: 1; }
  .nav-lang::before, .nav-lang::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff;
    z-index: -1; }
  .nav-lang::before {
    -moz-box-shadow: 0px 8px 20px 0px rgba(13, 21, 44, 0.3);
    box-shadow: 0px 8px 20px 0px rgba(13, 21, 44, 0.3); }
  .nav-lang > li {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: normal;
    padding: 10px 25px;
    background: #fff; }
    .nav-lang > li:first-child {
      padding-top: 20px; }
    .nav-lang > li:last-child {
      padding-bottom: 20px; }
    .nav-lang > li > a {
      color: #0D152C;
      text-decoration: none; }
      .nav-lang > li > a:visited {
        color: #0D152C;
        text-decoration: none; }
      .nav-lang > li > a:hover, .nav-lang > li > a:focus {
        color: #128EFF;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .nav-lang > li > a:active {
        color: #128EFF;
        text-decoration: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-side {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 116px;
  padding-left: 30px;
  border-left: 4px solid #223670; }
  .nav-side li {
    display: block;
    font-weight: normal;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 2px; }
    .nav-side li:not(:last-child) {
      padding-bottom: 24px; }
  .nav-side .nav-link {
    padding: 0; }
    .nav-side .nav-link.active {
      font-weight: bold;
      text-transform: uppercase; }
  .nav-side a {
    color: #0D152C;
    text-decoration: none; }
    .nav-side a:visited {
      color: #0D152C;
      text-decoration: none; }
    .nav-side a:hover, .nav-side a:focus {
      color: #0D152C;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .nav-side a:active {
      color: #0D152C;
      text-decoration: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-ctrl {
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 0;
  padding-right: 10px; }
  .nav-ctrl::after {
    content: " ";
    display: block;
    clear: both; }
  .nav-ctrl > li {
    height: 64px;
    line-height: 64px;
    float: right;
    padding-left: 10px;
    position: relative; }
  .nav-ctrl a {
    color: #0D152C;
    text-decoration: none;
    display: block;
    height: inherit; }
    .nav-ctrl a:visited {
      color: #0D152C;
      text-decoration: none; }
    .nav-ctrl a:hover, .nav-ctrl a:focus {
      color: #0D152C;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .nav-ctrl a:active {
      color: #0D152C;
      text-decoration: none; }
  .nav-ctrl .ico-dropdown {
    width: 10px;
    height: 64px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .nav-ctrl .btn-search {
    width: 48px;
    height: 48px;
    background-size: 40%;
    margin-top: -4px; }
  .nav-ctrl .li-lang {
    cursor: pointer; }
    .nav-ctrl .li-lang .nav-lang {
      display: none;
      -webkit-animation: fadein 300ms;
      animation: fadein 300ms; }
    ._mobile .nav-ctrl .li-lang.active .nav-lang {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    ._desktop .nav-ctrl .li-lang:hover .nav-lang {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
  @media (max-width: 1260px) {
    .nav-ctrl > li {
      height: 56px;
      line-height: 56px; }
    .nav-ctrl .ico-dropdown {
      height: 56px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-breadcrumb {
  margin-left: 16px;
  margin-bottom: 0;
  color: #fff; }
  .nav-breadcrumb > li {
    padding-top: 8px;
    padding-bottom: 8px; }
    .nav-breadcrumb > li:not(:last-child)::after {
      content: "";
      display: inline-block;
      background-image: url(../images/arrow-right.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 16px;
      height: 12px;
      vertical-align: middle;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: -3px; }
    .nav-breadcrumb > li > a {
      color: #fff;
      text-decoration: none;
      font-size: 14px; }
      .nav-breadcrumb > li > a:visited {
        color: #fff;
        text-decoration: none; }
      .nav-breadcrumb > li > a:hover, .nav-breadcrumb > li > a:focus {
        color: #fff;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .nav-breadcrumb > li > a:active {
        color: #fff;
        text-decoration: none; }
  @media (min-width: 1261px) {
    .nav-breadcrumb {
      padding-left: 20px;
      margin-left: 0; }
      .nav-breadcrumb > li {
        padding-left: 15px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.nav-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 38px;
  margin-bottom: 16px;
  display: block; }
  .nav-footer > li {
    padding-right: 16px;
    padding-bottom: 24px;
    display: inline-block;
    float: none;
    width: 100%; }
  .nav-footer a {
    color: #fff;
    text-decoration: none;
    position: relative;
    letter-spacing: 2px; }
    .nav-footer a:visited {
      color: #fff;
      text-decoration: none; }
    .nav-footer a:hover, .nav-footer a:focus {
      color: #fff;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .nav-footer a:active {
      color: #fff;
      text-decoration: none; }
    .nav-footer a::before {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      position: absolute;
      left: 0;
      bottom: -4px;
      background: #fff;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .nav-footer a:hover::before {
      height: 3px;
      opacity: 1;
      filter: alpha(opacity=100); }
  @media (min-width: 768px) {
    .nav-footer {
      column-count: 2; } }
  @media (min-width: 1201px) {
    .nav-footer {
      column-count: 3; } }

.nav-tnc {
  padding-top: 16px;
  margin-bottom: -16px; }
  .nav-tnc > li:not(:last-child) {
    margin-right: 32px; }
  .nav-tnc > li > a {
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    letter-spacing: 2px;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .nav-tnc > li > a:visited {
      color: rgba(255, 255, 255, 0.4);
      text-decoration: none; }
    .nav-tnc > li > a:hover, .nav-tnc > li > a:focus {
      color: #fff;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .nav-tnc > li > a:active {
      color: #fff;
      text-decoration: none; }
  @media (max-width: 767px) {
    .nav-tnc > li:not(:last-child) {
      padding-bottom: 16px; } }

@media (max-width: 767px) {
  .nav-tnc > li, .nav-footer > li {
    display: block;
    width: 100%; } }

.nav-media {
  margin-bottom: 16px; }
  .nav-media > li:not(:last-child) {
    margin-right: 10px; }
  .nav-media .btn-ico {
    width: 45px;
    height: 45px;
    background-size: 50%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .nav-media .btn-ico:hover {
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 1;
      filter: alpha(opacity=100); }

/*------------------------------------------------------------------------ */
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  position: relative;
  font-family: 'Source Sans Pro', "PingFang TC", "儷黑 Pro", "Microsoft JhengHei", "微軟正黑體", "STHeiti", "Heiti TC Medium", "Apple LiGothic", "Helvetica", "Helvetica Neue", Arial, PMingLiu, source-han-sans-traditional, "新細明體", sans-serif;
  color: #0D152C;
  font-size: 16px;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

section {
  display: block;
  position: relative; }

h1, h2, h3, h4 {
  margin-top: 8px;
  margin-bottom: Infinity; }

h1 {
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 767px) {
    h1 {
      font-size: 40px; } }

h2 {
  font-size: 36px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 300; }

h3 {
  font-size: 24px;
  text-transform: uppercase; }

p {
  color: #9EA1AA; }

p, .txt {
  letter-spacing: normal; }

hr {
  margin-top: 8px;
  margin-bottom: 8px; }

a {
  color: #128EFF;
  text-decoration: none; }
  a:visited {
    color: #128EFF;
    text-decoration: none; }
  a:hover, a:focus {
    color: #128EFF;
    text-decoration: none;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  a:active {
    color: #128EFF;
    text-decoration: none; }
  a.txt-black {
    color: #0D152C;
    text-decoration: none; }
    a.txt-black:visited {
      color: #0D152C;
      text-decoration: none; }
    a.txt-black:hover, a.txt-black:focus {
      color: #128EFF;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    a.txt-black:active {
      color: #128EFF;
      text-decoration: none; }

button {
  outline: none; }

ol.style-a, ul.style-a {
  list-style: lower-alpha; }

ol.style-1, ul.style-1 {
  list-style: decimal; }

ol.level > li, ul.level > li {
  margin-bottom: 32px; }

/*---------------------------------------------- */
.wrapper {
  position: relative; }

.s-default {
  padding-top: 65px;
  padding-bottom: 65px; }
  @media (max-width: 767px) {
    .s-default {
      padding-top: 60px;
      padding-bottom: 60px; } }

@media (max-width: 767px) {
  .s-banner-quote + section {
    padding-top: 40px; }
    .s-banner-quote + section.s-ctx {
      padding-top: 0px;
      margin-top: 40px; } }

.p-default {
  line-height: 2em; }
  .p-default:lang(en) {
    line-height: 1.4em; }

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

.container {
  padding-left: 16px;
  padding-right: 16px; }

.row {
  margin-left: -16px;
  margin-right: -16px; }

.col {
  padding-left: 16px;
  padding-right: 16px; }

.row .col a > .b-card {
  color: #0D152C;
  text-decoration: none; }
  .row .col a > .b-card:visited {
    color: #0D152C;
    text-decoration: none; }
  .row .col a > .b-card:hover, .row .col a > .b-card:focus {
    color: #128EFF;
    text-decoration: none;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .row .col a > .b-card:active {
    color: #128EFF;
    text-decoration: none; }

.row-normal .col {
  margin-bottom: 30px; }

.row-narrow {
  margin-left: -10px;
  margin-right: -10px; }
  .row-narrow .col, .row-narrow .column {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px; }
  .row-narrow .b-card {
    height: 100%; }

.row-same-height .b-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.row-same-height .box-ctx {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1; }

@media (max-width: 767px) {
  .row-same-height-md .b-card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .row-same-height-md .box-ctx {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1; } }

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

.full {
  min-height: 100vh; }

.abs-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.float-left {
  float: left; }

.float-right {
  float: right; }

/* text ------------------------------------ */
.txt-right {
  text-align: right; }

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

.txt-left {
  text-align: left; }

@media (min-width: 768px) {
  .txt-left-md {
    text-align: left; } }

.txt-sm {
  font-size: 0.8em; }

.txt-md {
  font-size: 1.2em; }

.txt-lg {
  font-size: 1.4em; }

.bg-blue {
  background: rgba(18, 142, 255, 0.04); }

.bg-blue2 {
  background: rgba(18, 142, 255, 0.08); }

.bg-navy {
  background: #223670; }

/*------------------------------------------ */
.mt-15 {
  margin-top: 16px; }

@media (max-width: 540px) {
  .w-full-left {
    margin-left: -16px;
    margin-right: -16px; } }

@media (min-width: 576px) {
  .w-full-left {
    margin-left: calc( ( 100vw - 540px ) / -2 - 16px); } }

@media (min-width: 768px) {
  .w-full-left {
    margin-left: calc( ( 100vw - 720px ) / -2 - 16px); } }

@media (min-width: 992px) {
  .w-full-left {
    margin-left: calc( ( 100vw - 960px ) / -2 - 16px); } }

@media (min-width: 1200px) {
  .w-full-left {
    margin-left: calc( ( 100vw - 1180px ) / -2 - 16px); } }

@media (max-width: 540px) {
  .w-full-right {
    margin-left: -16px;
    margin-right: -16px; } }

@media (min-width: 576px) {
  .w-full-right {
    margin-right: calc( ( 100vw  - 540px ) / -2 - 16px); } }

@media (min-width: 768px) {
  .w-full-right {
    margin-right: calc( ( 100vw  - 720px ) / -2 - 16px); } }

@media (min-width: 992px) {
  .w-full-right {
    margin-right: calc( ( 100vw  - 960px ) / -2 - 16px); } }

@media (min-width: 1200px) {
  .w-full-right {
    margin-right: calc( ( 100vw  - 1180px ) / -2 - 16px); } }

.max-sm {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto; }

.max-md {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto; }

.max-xl {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto; }

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

.box-btns {
  display: inline-block;
  margin-top: 10px; }
  .box-btns > * {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px; }
  @media (max-width: 767px) {
    .box-btns > * {
      margin-top: 16px; } }

.box {
  padding: 48px 32px; }
  @media (max-width: 767px) {
    .box {
      padding: 32px 16px; } }

.box-shadow {
  -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1); }

.box-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 600ms opacity, 600ms height 600ms;
  transition: 600ms opacity, 600ms height 600ms;
  cursor: pointer; }

/*------------------------------------------------------------------------ */
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-logo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 80% auto;
  padding-top: 65%; }
  @media (max-width: 767px) {
    .b-logo.box-shadow {
      margin: 20px 40px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card {
  width: 100%;
  -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  background: #fff;
  min-height: 260px; }
  .b-card .img-logo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 65%;
    background-size: 65%;
    border-bottom: 1px solid rgba(13, 21, 44, 0.2);
    margin-left: 16px;
    margin-right: 16px; }
  .b-card .b-card-cover {
    position: relative;
    overflow: hidden; }
  .b-card .img-card-cover {
    background-image: url(../images/egg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 65%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  .b-card:hover .img-card-cover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .b-card .ico-video::before {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: url(../images/video-play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
    box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .b-card:hover .ico-video::before {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); }
  .b-card .txt-card-subtitle {
    color: #9EA1AA;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: normal;
    font-size: 14px;
    letter-spacing: 2px; }
  .b-card .txt-card-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 2px; }
  .b-card .txt-date {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(13, 21, 44, 0.8);
    font-size: 14px;
    padding: 8px 24px;
    font-weight: bold;
    letter-spacing: 0.142em;
    text-transform: uppercase; }
  .b-card .box-ctx, .b-card .box-ctx-footer {
    padding: 24px; }
  .b-card .box-ctx-footer {
    padding-top: 0; }
  .b-card.no-shadow {
    background: transparent;
    -moz-box-shadow: none;
    box-shadow: none; }
    .b-card.no-shadow .box-ctx, .b-card.no-shadow .box-ctx-footer {
      padding-left: 0;
      padding-right: 0; }
    .b-card.no-shadow .b-card-cover {
      -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
      box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1); }

.b-card-default {
  margin-top: 16px;
  margin-bottom: 16px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-ico .img-ico {
  width: 80px;
  height: 80px;
  margin-bottom: 10px; }

.b-card-ico .txt-card-title {
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 16px; }

.b-card-ico .txt-card-desc {
  color: #9EA1AA;
  letter-spacing: normal; }

@media (max-width: 767px) {
  .b-card-ico {
    text-align: center;
    margin-bottom: 16px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-book .img-cover {
  width: 100%;
  padding-top: 141.78571%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.b-card-book .txt-date {
  bottom: auto;
  top: 0; }

@media (max-width: 991px) {
  .b-card-book .box-ctx {
    padding: 16px; }
  .b-card-book .txt-date {
    width: 100%;
    text-align: center; }
  .b-card-book .txt-card-title {
    font-size: 16px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-color {
  border-top: 16px solid #128EFF;
  background: #fff;
  padding: 10px; }
  @media (max-width: 767px) {
    .b-card-color {
      width: auto;
      margin: 10px 40px;
      height: auto !important;
      text-align: center; }
      .b-card-color .box-ctx {
        padding-left: 16px;
        padding-right: 16px; } }
  .b-card-color .txt-default-subtitle {
    margin-bottom: 16px; }
  .b-card-color p:last-child {
    margin-bottom: 0; }
  .b-card-color.color-purple {
    border-top-color: #9B29FF; }
  .b-card-color.color-green {
    border-top-color: #2ECF7D; }
  .b-card-color.color-lime {
    border-top-color: #98CD0B; }
  .b-card-color.color-yellow {
    border-top-color: #F5D115; }
  .b-card-color.color-orange {
    border-top-color: #F86613; }
  .b-card-color-sm {
    height: auto !important;
    min-height: auto;
    text-align: center; }
    .b-card-color-sm .box-ctx {
      padding: 32px 0; }
    .b-card-color-sm .txt-default-subtitle {
      margin-bottom: 20px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-price {
  background: #fff;
  padding: 10px; }
  .b-card-price .txt-rate {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .b-card-price .txt-name {
    text-transform: uppercase;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.2em;
    min-height: 100px; }
  .b-card-price .txt-card-subtitle {
    font-size: 14px; }
  .b-card-price .txt-price {
    font-weight: bold;
    font-size: 36px;
    letter-spacing: 0.1em;
    margin-bottom: 16px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-lg {
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 40px; }
  .b-card-lg .btn-sm {
    font-size: 14px; }
  @media (max-width: 767px) {
    .b-card-lg .box-ctx {
      padding: 5px 16px; }
    .b-card-lg .txt-card-subtitle, .b-card-lg .txt-default-title, .b-card-lg p {
      width: 100%;
      text-align: left; }
    .b-card-lg + .row .b-pagination {
      padding-top: 0; } }
  @media (max-width: 991px) {
    .b-card-lg .box-cover {
      margin-left: 0 !important;
      margin-right: 0 !important; } }
  @media (min-width: 768px) {
    .b-card-lg .txt-date {
      bottom: auto;
      top: 0;
      right: 0;
      left: auto; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-logo .img-logo {
  padding-top: 0;
  height: 160px; }

.b-card-logo .img-equipment {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 65%; }

@media (min-width: 768px) {
  .b-card-logo {
    min-height: 300px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-card-point .box-ctx {
  padding-left: 40px; }
  @media (max-width: 767px) {
    .b-card-point .box-ctx {
      padding-left: 20px; } }

.b-card-point .list-dot {
  padding-left: 0; }
  @media (max-width: 767px) {
    .b-card-point .list-dot {
      padding-left: 20px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

@media (min-width: 768px) {
  .b-card-video {
    background: transparent;
    -moz-box-shadow: none;
    box-shadow: none; }
    .b-card-video .box-ctx, .b-card-video .box-ctx-footer {
      padding-left: 0;
      padding-right: 0; }
    .b-card-video .b-card-cover {
      -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
      box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1); } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-collapse {
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #D5D5D5;
  position: relative; }
  .b-collapse-toggle {
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer;
    position: relative;
    line-height: normal;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .b-collapse-toggle:hover {
      color: #128EFF; }
  .b-collapse-target {
    padding-left: 16px;
    padding-right: 16px; }
  .b-collapse .table-line {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: bold; }
    .b-collapse .table-line .row:last-child {
      border-bottom: 0; }
    .b-collapse .table-line .col {
      padding-top: 25px;
      padding-bottom: 25px;
      padding-left: 0; }
    @media (max-width: 767px) {
      .b-collapse .table-line .txt-grey {
        padding-top: 0px;
        padding-bottom: 0px; }
      .b-collapse .table-line .col:nth-child(1) {
        padding-top: 20px;
        padding-bottom: 8px; }
      .b-collapse .table-line .col:nth-child(2) {
        padding-top: 0;
        padding-bottom: 20px; } }
  .b-collapse .ico-plus {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(-150%, -50%);
    -ms-transform: translate(-150%, -50%);
    transform: translate(-150%, -50%);
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .b-collapse .ico-plus::before, .b-collapse .ico-plus::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background: #D5D5D5;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .b-collapse .ico-plus::after {
      -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
      transform: translate(-50%, -50%) rotate(90deg); }
  .b-collapse-toggle.active .ico-plus {
    -webkit-transform: translate(-150%, -50%) rotate(90deg);
    -ms-transform: translate(-150%, -50%) rotate(90deg);
    transform: translate(-150%, -50%) rotate(90deg); }
    .b-collapse-toggle.active .ico-plus::before {
      opacity: 0;
      filter: alpha(opacity=0); }
  .b-collapse:hover .ico-plus::before, .b-collapse:hover .ico-plus::after {
    background: #128EFF; }
  @media (max-width: 992px) {
    .b-collapse {
      margin-left: 50px; }
      .b-collapse .ico-plus {
        -webkit-transform: translate(-20px, -50%);
        -ms-transform: translate(-20px, -50%);
        transform: translate(-20px, -50%); }
      .b-collapse-toggle.active .ico-plus {
        -webkit-transform: translate(-20px, -50%) rotate(90deg);
        -ms-transform: translate(-20px, -50%) rotate(90deg);
        transform: translate(-20px, -50%) rotate(90deg); } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-collapse-arrow > .b-collapse-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border: 0; }

.b-collapse-arrow > .b-collapse-target {
  padding-left: 0;
  padding-right: 0;
  border: 1px solid transparent; }

@media (max-width: 991px) {
  .b-collapse-arrow {
    border-bottom: 1px solid #D5D5D5; }
    .b-collapse-arrow > .b-collapse-toggle {
      cursor: pointer;
      position: relative;
      line-height: normal;
      font-size: 24px;
      padding-right: 45px;
      font-size: 24px;
      padding-left: 8px; }
      .b-collapse-arrow > .b-collapse-toggle .txt-default-subtitle, .b-collapse-arrow > .b-collapse-toggle .txt-side-title {
        font-size: 24px;
        margin-top: 25px;
        margin-bottom: 25px; }
      .b-collapse-arrow > .b-collapse-toggle:hover {
        color: #0D152C; }
      .b-collapse-arrow > .b-collapse-toggle::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background-image: url(../images/dropdown-arrow-large.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        -webkit-transition: 600ms ease;
        transition: 600ms ease;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      .b-collapse-arrow > .b-collapse-toggle.active::before {
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg); }
    .b-collapse-arrow > .b-collapse-target {
      border-top: 1px solid #D5D5D5; }
      .b-collapse-arrow > .b-collapse-target .btn {
        margin-bottom: 16px; }
      .b-collapse-arrow > .b-collapse-target .table-line:first-child {
        margin-top: -16px; }
      .b-collapse-arrow > .b-collapse-target::before {
        content: "";
        display: block;
        height: 16px; }
      .b-collapse-arrow > .b-collapse-target .txt-default-subtitle {
        margin-top: 16px;
        margin-bottom: 5px; } }

@media (min-width: 992px) {
  .b-collapse-arrow > .b-collapse-toggle {
    cursor: inherit; }
    .b-collapse-arrow > .b-collapse-toggle:hover {
      color: #0D152C; }
  .b-collapse-arrow > .b-collapse-target {
    display: block !important;
    height: auto !important; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-collapse-plus > .b-collapse-toggle {
  padding-top: 0;
  padding-bottom: 0; }

.b-collapse-plus > .b-collapse-target {
  padding-left: 0;
  padding-right: 0;
  border: 1px solid transparent; }

@media (max-width: 991px) {
  .b-collapse-plus {
    margin-bottom: 16px; }
    .b-collapse-plus .ico-plus {
      width: 20px;
      height: 20px;
      position: absolute;
      right: 25px;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
      .b-collapse-plus .ico-plus::before, .b-collapse-plus .ico-plus::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .b-collapse-plus .ico-plus::after {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg); }
    .b-collapse-plus > .b-collapse-toggle {
      background: #223670;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      border: 0;
      cursor: pointer;
      position: relative;
      line-height: normal;
      padding-right: 45px;
      padding-left: 20px; }
      .b-collapse-plus > .b-collapse-toggle .txt-title, .b-collapse-plus > .b-collapse-toggle .txt-side-title {
        font-size: 18px;
        padding-top: 28px;
        padding-bottom: 28px;
        line-height: normal;
        margin-top: 0;
        margin-bottom: 0; }
      .b-collapse-plus > .b-collapse-toggle:hover {
        color: #fff; }
      .b-collapse-plus > .b-collapse-toggle.active .ico-plus {
        -webkit-transform: translate(0%, -50%) rotate(90deg);
        -ms-transform: translate(0%, -50%) rotate(90deg);
        transform: translate(0%, -50%) rotate(90deg); } }

@media (min-width: 992px) {
  .b-collapse-plus > .b-collapse-toggle {
    cursor: inherit; }
    .b-collapse-plus > .b-collapse-toggle:hover {
      color: #0D152C; }
  .b-collapse-plus > .b-collapse-target {
    display: block !important;
    height: auto !important; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-footprint {
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px; }
  .b-footprint:not(:last-child) {
    margin-bottom: 32px; }
  .b-footprint .txt-default-subtitle {
    margin-bottom: 16px; }
  .b-footprint .txt-with-ico {
    padding-left: 25px;
    font-size: 18px;
    margin-bottom: 22px;
    display: inline-block; }
  .b-footprint .box-ctx {
    background: #fff;
    padding: 60px; }
  .b-footprint .bg-footprint {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  @media (max-width: 767px) {
    .b-footprint {
      padding-top: 0px;
      padding-bottom: 16px; }
      .b-footprint:not(:last-child) {
        margin-bottom: 16px; }
      .b-footprint .bg-footprint {
        padding-top: 85%; } }
    @media (max-width: 767px) and (max-width: 540px) {
      .b-footprint .bg-footprint {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (max-width: 767px) and (min-width: 576px) {
      .b-footprint .bg-footprint {
        margin-left: calc( ( 100vw - 540px ) / -2 - 16px);
        margin-right: calc( ( 100vw  - 540px ) / -2 - 16px); } }
    @media (max-width: 767px) and (min-width: 768px) {
      .b-footprint .bg-footprint {
        margin-left: calc( ( 100vw - 720px ) / -2 - 16px);
        margin-right: calc( ( 100vw  - 720px ) / -2 - 16px); } }
    @media (max-width: 767px) and (min-width: 992px) {
      .b-footprint .bg-footprint {
        margin-left: calc( ( 100vw - 960px ) / -2 - 16px);
        margin-right: calc( ( 100vw  - 960px ) / -2 - 16px); } }
    @media (max-width: 767px) and (min-width: 1200px) {
      .b-footprint .bg-footprint {
        margin-left: calc( ( 100vw - 1180px ) / -2 - 16px);
        margin-right: calc( ( 100vw  - 1180px ) / -2 - 16px); } }
  @media (max-width: 767px) {
      .b-footprint .box-ctx {
        margin-top: -50px;
        padding: 40px 24px; }
      .b-footprint .txt-with-ico {
        margin-bottom: 30px; }
      .b-footprint .txt-left {
        text-align: center; } }
  @media (min-width: 768px) {
    .b-footprint {
      max-width: 1820px;
      margin-left: auto;
      margin-right: auto; }
      .b-footprint .box-ctx {
        min-height: 500px; }
      .b-footprint .bg-footprint {
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%; }
        .b-footprint .bg-footprint-right {
          left: 50%; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-pagination {
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
  padding-top: 40px; }
  .b-pagination > li {
    display: inline-block; }
  .b-pagination .btn-ico {
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #128EFF;
    background-color: #E5F4FF;
    font-weight: bold; }
  .b-pagination .active .btn-ico {
    background-color: #128EFF;
    color: #fff; }
  .b-pagination .btn-prev, .b-pagination .btn-next {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    background-size: 100% auto; }
    .b-pagination .btn-prev:hover, .b-pagination .btn-prev:focus, .b-pagination .btn-prev:active, .b-pagination .btn-next:hover, .b-pagination .btn-next:focus, .b-pagination .btn-next:active {
      background-size: 100% auto; }
    .b-pagination .btn-prev.disabled, .b-pagination .btn-next.disabled {
      opacity: 0.3;
      filter: alpha(opacity=30); }
  .b-pagination .btn-prev {
    margin-right: 10px; }
  .b-pagination .btn-next {
    margin-left: 10px; }
  .b-pagination .li-page {
    display: none;
    color: #0D152C; }
  .b-pagination.txt-left {
    text-align: left; }
  @media (max-width: 767px) {
    .b-pagination {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .b-pagination li {
        display: none; }
      .b-pagination .li-page, .b-pagination .li-ctrl {
        display: inline-block; } }
  @media (min-width: 768px) {
    .b-pagination li {
      margin-right: 10px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-ppl {
  -moz-box-shadow: none;
  box-shadow: none; }
  .b-ppl .img-ppl {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .b-ppl .ico {
    display: inline-block; }
  .b-ppl .box-ctx, .b-ppl .box-ctx-footer {
    padding-left: 0;
    padding-right: 0; }
  @media (max-width: 767px) {
    .b-ppl {
      text-align: center; }
      .b-ppl .txt-default-title, .b-ppl .txt-default-subtitle {
        text-align: center !important; }
      .b-ppl .txt-default-subtitle {
        margin-left: auto;
        margin-right: auto; } }
  @media (min-width: 768px) {
    .b-ppl .txt-default-title {
      text-align: left; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

@media (max-width: 767px) {
  .b-quote {
    text-align: center; }
    .b-quote .txt-default-title {
      text-align: center; } }

@media (min-width: 768px) {
  .b-quote {
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 780px;
    margin-left: 40px;
    margin-right: 40px;
    position: relative;
    display: inline-block;
    text-align: left; }
    .b-quote .txt-default-title {
      text-align: left; }
    .b-quote::before, .b-quote::after {
      color: rgba(13, 21, 44, 0.2);
      position: absolute;
      font-size: 60px;
      font-weight: 100;
      line-height: 0.4em; }
    .b-quote::before {
      content: "“";
      left: 0;
      top: 0;
      -webkit-transform: translate(-110%, 50%);
      -ms-transform: translate(-110%, 50%);
      transform: translate(-110%, 50%); }
    .b-quote::after {
      content: "”";
      right: 0%;
      bottom: 0%;
      -webkit-transform: translate(110%, 70%);
      -ms-transform: translate(110%, 70%);
      transform: translate(110%, 70%); } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-search-bar {
  max-width: 600px;
  margin: auto; }
  .b-search-bar .form-item .form-input {
    width: 100%;
    border: 1px solid rgba(13, 21, 44, 0.2);
    margin-right: 16px; }
  .b-search-bar .form-item .btn-search {
    height: 48px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 140px; }
  @media (max-width: 767px) {
    .b-search-bar {
      text-align: center; }
      .b-search-bar .btn-search {
        margin-top: 16px; } }
  @media (min-width: 768px) {
    .b-search-bar .form-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .b-search-bar .btn-search {
      float: right; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-search-result {
  margin-top: 40px;
  margin-bottom: 40px; }
  .b-search-result .txt-default-subtitle {
    margin-bottom: 7px;
    color: #0D152C; }
  .b-search-result .txt-link {
    color: #F86613;
    margin-bottom: 7px; }
  .txt-default-subtitle + .b-search-result {
    margin-top: 60px; }
    @media (max-width: 767px) {
      .txt-default-subtitle + .b-search-result {
        margin-top: 30px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-slider {
  position: relative; }
  .b-slider:not(.b-slider-ctrl) {
    margin-top: 20px; }
  .b-slider a {
    color: #0D152C;
    text-decoration: none; }
    .b-slider a:visited {
      color: #0D152C;
      text-decoration: none; }
    .b-slider a:hover, .b-slider a:focus {
      color: #128EFF;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .b-slider a:active {
      color: #128EFF;
      text-decoration: none; }
  .b-slider .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .b-slider .slick-slide {
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .b-slider .slick-slide > div {
      width: 100%; }
  .b-slider a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%; }
  .b-slider .b-card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .b-slider .box-ctx {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1; }
    .b-slider .box-ctx:last-child {
      padding-bottom: 60px; }
  .b-slider .slick-dots {
    display: none; }
  .b-slider .b-slide {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%; }
  .b-slider .slick-list {
    margin-left: -10px;
    margin-right: -10px;
    overflow: visible; }
    .b-slider .slick-list > .slick-track {
      margin-left: 0; }

.b-slider-mobile .slick-list {
  overflow: visible; }

.b-slider, .b-slider-mobile {
  text-align: right; }
  .b-slider .slick-list, .b-slider-mobile .slick-list {
    text-align: left; }
  .b-slider .slick-arrow, .b-slider-mobile .slick-arrow {
    width: 50px;
    height: 50px;
    -moz-box-shadow: 0 8px 20px rgba(13, 21, 44, 0.2);
    box-shadow: 0 8px 20px rgba(13, 21, 44, 0.2);
    margin-top: 20px;
    position: static;
    display: inline-block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
    .b-slider .slick-arrow.slick-prev, .b-slider-mobile .slick-arrow.slick-prev {
      margin-right: 16px; }

.b-slider-mobile .slick-arrow {
  margin-top: 0px; }

.b-slider-ctrl .slick-list {
  text-align: left; }

.b-slider-ctrl .slick-slide {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .b-slider-ctrl .slick-slide.slick-active {
    opacity: 1;
    filter: alpha(opacity=100); }

.b-slider-ctrl .slick-dots {
  text-align: left;
  width: auto;
  padding: 0;
  margin-top: -12px;
  margin-bottom: 14px; }
  .b-slider-ctrl .slick-dots li {
    margin-left: 0;
    margin-right: 18px; }
    .b-slider-ctrl .slick-dots li button {
      width: 8px;
      height: 8px;
      border: 2px solid rgba(13, 21, 44, 0.2);
      background: transparent; }
      .b-slider-ctrl .slick-dots li button:hover {
        background: rgba(13, 21, 44, 0.2); }
  .b-slider-ctrl .slick-dots .slick-active button {
    background: #F86613;
    border-color: #F86613; }
    .b-slider-ctrl .slick-dots .slick-active button:hover {
      background: #F86613; }

.b-slider-ctrl .slick-arrow {
  width: 80px;
  height: 80px;
  -moz-box-shadow: 0 8px 20px rgba(248, 102, 19, 0.2);
  box-shadow: 0 8px 20px rgba(248, 102, 19, 0.2);
  background-color: #F86613;
  margin-top: 20px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  position: static; }
  .b-slider-ctrl .slick-arrow.slick-prev {
    background-image: url(../images/ico-previous.svg);
    margin-right: 16px; }
  .b-slider-ctrl .slick-arrow.slick-next {
    background-image: url(../images/ico-next.svg); }
  .b-slider-ctrl .slick-arrow.slick-disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    pointer-events: none; }

@media (max-width: 767px) {
  .b-slider-ctrl .slick-arrow.slick-prev {
    left: auto;
    right: 100px; }
  .b-slider-ctrl .slick-arrow.slick-next {
    right: 0; } }

.b-slider-ctrl.hide-dot-md .slick-dots {
  text-align: center; }

@media (min-width: 768px) {
  .b-slider-ctrl.hide-dot-md .slick-dots {
    visibility: hidden; } }

.b-slider-4.b-slider-ctrl .b-card .txt-card-title {
  min-height: 4em; }

.b-slider-5 .b-card .box-ctx {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-video-full {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  background-image: url(../images/egg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .b-video-full .btn-play {
    background: rgba(13, 21, 44, 0.9);
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-left: 73px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 32px;
    height: 64px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
    .b-video-full .btn-play::before {
      content: "";
      width: 48px;
      height: 48px;
      position: absolute;
      left: 8px;
      background-image: url(../images/video-play.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  .b-video-full .txt-video-name {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    margin-top: 5px;
    white-space: nowrap; }
  .b-video-full .txt-video-time {
    color: #9EA1AA;
    font-size: 14px; }
  .b-video-full:hover .btn-play {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-alphabet {
  margin-bottom: 40px; }
  .b-alphabet .list {
    list-style: none;
    padding: 0;
    margin: auto; }
    .b-alphabet .list a {
      color: #0D152C;
      text-decoration: none; }
      .b-alphabet .list a:visited {
        color: #0D152C;
        text-decoration: none; }
      .b-alphabet .list a:hover, .b-alphabet .list a:focus {
        color: #128EFF;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .b-alphabet .list a:active {
        color: #128EFF;
        text-decoration: none; }
    .b-alphabet .list > li {
      display: inline-block;
      font-size: 24px;
      font-weight: bold;
      padding-left: 3px;
      padding-right: 3px; }
      .b-alphabet .list > li.active a {
        color: #F86613;
        text-decoration: none; }
        .b-alphabet .list > li.active a:visited {
          color: #F86613;
          text-decoration: none; }
        .b-alphabet .list > li.active a:hover, .b-alphabet .list > li.active a:focus {
          color: #F86613;
          text-decoration: none;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
        .b-alphabet .list > li.active a:active {
          color: #F86613;
          text-decoration: none; }
  @media (max-width: 767px) {
    .b-alphabet {
      margin-bottom: 16px;
      text-align: left; }
      .b-alphabet .list > li {
        padding-bottom: 10px; }
      .b-alphabet .list > .li-all {
        display: block;
        text-align: center;
        margin-bottom: 16px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-header-search {
  width: 100%;
  background: rgba(255, 255, 255, 0.8); }
  .b-header-search .b-search-bar {
    padding: 16px 0;
    max-width: none; }
    .b-header-search .b-search-bar .form-item {
      margin-top: 0;
      margin-bottom: 0;
      width: 100%; }
  .b-header-search .btn-close {
    background-size: 60% auto;
    margin-left: 16px;
    padding: 0;
    min-width: 48px; }
    .b-header-search .btn-close:hover, .b-header-search .btn-close:active, .b-header-search .btn-close:focus {
      background-color: #eb5907;
      background-size: 60% auto;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
  @media (max-width: 1260px) {
    .b-header-search {
      background: #fff;
      padding-left: 0; }
      .b-header-search .b-search-bar {
        padding: 12px 0;
        padding-left: 0; }
        .b-header-search .b-search-bar .form-item {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .b-header-search .b-search-bar .form-item::before {
            height: 32px;
            width: 32px; }
        .b-header-search .b-search-bar .form-input, .b-header-search .b-search-bar .btn-search, .b-header-search .b-search-bar .btn-close {
          line-height: 32px;
          height: 32px; }
        .b-header-search .b-search-bar .form-input {
          border: 0;
          margin-right: 8px;
          padding-left: 32px; }
        .b-header-search .b-search-bar .btn-search {
          margin-top: 0;
          margin-right: 0px;
          min-width: inherit; }
        .b-header-search .b-search-bar .btn-close {
          margin-left: 8px;
          margin-top: 0;
          padding-bottom: 0;
          min-width: 32px;
          background-color: transparent;
          background-image: url(../images/icon-close-black.svg); } }
  .b-header-search-wrapper {
    position: relative; }
    .b-header-search-wrapper .box-overlay {
      height: 0px;
      z-index: -1; }
      ._open_search .b-header-search-wrapper .box-overlay {
        height: 100vh;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: 600ms opacity;
        transition: 600ms opacity; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-filter {
  position: relative;
  width: 100%; }
  .b-filter .box-overlay {
    opacity: 0;
    filter: alpha(opacity=0); }
  @media (max-width: 767px) {
    .b-filter {
      position: fixed;
      z-index: 2003;
      width: 100%;
      height: 0%;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      overflow: hidden;
      text-align: left; }
      .b-filter .b-filter-wrapper {
        position: absolute;
        left: 0;
        top: auto;
        bottom: 0;
        height: 85vh;
        background: #fff;
        -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
        box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
        width: 100%;
        z-index: 0;
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: 600ms;
        transition: 600ms; }
      .b-filter .box-overlay {
        -webkit-transition: 600ms;
        transition: 600ms; }
      ._open_filter .b-filter {
        height: 100%; }
        ._open_filter .b-filter .b-filter-wrapper {
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transition: 600ms;
          transition: 600ms;
          opacity: 1;
          filter: alpha(opacity=100); }
        ._open_filter .b-filter .box-overlay {
          opacity: 1;
          filter: alpha(opacity=100); }
      ._closing_filter .b-filter .b-filter-wrapper {
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
        opacity: 0;
        filter: alpha(opacity=0); }
      ._closing_filter .b-filter .box-overlay {
        opacity: 0;
        filter: alpha(opacity=0); }
      .b-filter-header {
        padding: 16px; }
        .b-filter-header .row-close {
          position: relative;
          margin-bottom: 10px; }
        .b-filter-header .txt-clear {
          font-size: 18px;
          font-weight: bold;
          text-transform: uppercase;
          color: #0D152C;
          text-decoration: none;
          margin-bottom: 10px; }
          .b-filter-header .txt-clear:visited {
            color: #0D152C;
            text-decoration: none; }
          .b-filter-header .txt-clear:hover, .b-filter-header .txt-clear:focus {
            color: #0D152C;
            text-decoration: none;
            -webkit-transition: 600ms ease;
            transition: 600ms ease; }
          .b-filter-header .txt-clear:active {
            color: #0D152C;
            text-decoration: none; }
        .b-filter-header .btn-close {
          position: absolute;
          right: 0;
          width: 30px;
          height: 30px;
          background-image: url(../images/icon-close-black.svg);
          background-color: transparent;
          background-size: contain; }
          .b-filter-header .btn-close:hover {
            background-size: contain; }
      .b-filter-ctx {
        height: calc( 100% - 105px - 92px);
        padding: 20px;
        padding-top: 0;
        text-align: left;
        overflow: auto; }
      .b-filter-footer {
        padding: 20px;
        text-align: center; }
        .b-filter-footer .btn {
          width: 100%;
          max-width: 345px; }
      .b-filter .txt-title {
        text-align: left;
        font-size: 18px; }
      .b-filter .form-check {
        text-align: left;
        padding-left: 0; }
        .b-filter .form-check .check-box {
          padding-left: 35px; }
      .b-filter .row-category {
        margin-bottom: 0; }
        .b-filter .row-category .col {
          margin-bottom: 20px; }
      .b-filter .row-tabs2 {
        width: 100%;
        text-align: center; }
        .b-filter .row-tabs2::after {
          content: " ";
          display: block;
          clear: both; }
        .b-filter .row-tabs2 .b-tab {
          float: left;
          width: 50%;
          font-weight: bold;
          text-transform: uppercase;
          position: relative;
          cursor: pointer;
          color: rgba(34, 54, 112, 0.5);
          margin: auto;
          padding: 0;
          padding-bottom: 12px; }
          .b-filter .row-tabs2 .b-tab::after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background: #223670;
            bottom: 0;
            position: absolute;
            left: 0;
            -webkit-transition: 600ms ease;
            transition: 600ms ease; }
          .b-filter .row-tabs2 .b-tab.active, .b-filter .row-tabs2 .b-tab:hover {
            color: #223670; }
            .b-filter .row-tabs2 .b-tab.active::after, .b-filter .row-tabs2 .b-tab:hover::after {
              height: 5px; }
      .b-filter .row-views2 .b-view {
        display: none;
        max-width: 508px;
        margin-left: auto;
        margin-right: auto; }
        .b-filter .row-views2 .b-view.active {
          display: block;
          -webkit-animation: fadein 0.9s cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: fadein 0.9s cubic-bezier(0.645, 0.045, 0.355, 1); } }
  @media (min-width: 768px) {
    .b-filter .form-check {
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
    .b-filter-header, .b-filter-footer, .b-filter .row-tabs2 {
      display: none; } }

/*------------------------------------------------------------------------- */
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-title-btn {
  text-align: center; }
  @media (max-width: 767px) {
    .row-title-btn .btn {
      margin-bottom: 32px; } }
  @media (min-width: 768px) {
    .row-title-btn {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .row-title-btn .col:nth-child(2) {
        text-align: right; }
      .row-title-btn .txt-default-title {
        text-align: left; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-title-search {
  margin-bottom: 32px; }
  .row-title-search .txt-title {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0.1em; }
  .row-title-search .b-search-bar {
    margin-left: auto;
    margin-right: 0; }
    .row-title-search .b-search-bar .form-item {
      margin-top: 0;
      margin-bottom: 0; }
  @media (max-width: 991px) {
    .row-title-search .txt-title {
      margin-bottom: 16px; }
    .row-title-search .b-search-bar {
      margin-right: auto; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-award.row {
  margin-left: 0;
  margin-right: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid rgba(13, 21, 44, 0.2);
  letter-spacing: 2px; }
  .row-award.row.last {
    border-bottom: 1px solid rgba(13, 21, 44, 0.2); }
  .row-award.row .col {
    padding-left: 0;
    padding-right: 0; }
    .row-award.row .col > * {
      padding-top: 3px;
      padding-bottom: 3px; }
  .row-award.row .txt-award-name {
    font-weight: bold; }
  .row-award.row .txt-result {
    font-weight: bold;
    color: #9EA1AA; }
  @media (min-width: 768px) {
    .row-award.row .col:nth-child(2) {
      text-align: right; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-gallery {
  margin-top: 16px; }
  @media (min-width: 992px) {
    .row-gallery {
      margin-top: -40px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-logos .col {
  padding-top: 16px;
  padding-bototm: 16px; }

.row-logos .col-btn {
  padding-top: 32px;
  display: none; }

@media (max-width: 767px) {
  .row-logos .col-hide {
    display: none; }
    .row-logos .col-hide.show {
      display: block;
      -webkit-animation: fadein 300ms;
      animation: fadein 300ms; }
  .row-logos .col-btn {
    display: block; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-tabs {
  margin-left: -16px;
  margin-right: -16px; }
  .row-tabs a {
    color: #0D152C;
    text-decoration: none; }
    .row-tabs a:visited {
      color: #0D152C;
      text-decoration: none; }
    .row-tabs a:hover, .row-tabs a:focus {
      color: #0D152C;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .row-tabs a:active {
      color: #0D152C;
      text-decoration: none; }
  .row-tabs .b-tab {
    background: rgba(18, 142, 255, 0.04);
    font-size: 18px;
    font-weight: bold;
    padding: 25px 50px;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer; }
    .row-tabs .b-tab.active {
      background: #223670;
      color: #fff; }
  @media (min-width: 768px) {
    .row-tabs-desktop {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-content: strech;
      -moz-align-content: strech;
      -ms-align-content: strech;
      align-content: strech;
      padding-left: 16px;
      padding-right: 16px; }
      .row-tabs-desktop > * {
        width: 100%;
        margin-left: 10px;
        margin-right: 10px; }
      .row-tabs-desktop .b-tab {
        font-size: 24px;
        padding-top: 13px;
        padding-bottom: 13px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
        text-align: center;
        border: 1px solid #223670;
        background: transparent;
        font-weight: normal;
        width: 100%;
        outline: none; }
        .row-tabs-desktop .b-tab:hover {
          background: #E5F4FF;
          border-color: #E5F4FF;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
        .row-tabs-desktop .b-tab.active {
          background: #223670;
          color: #fff;
          font-weight: bold;
          cursor: default; }
          .row-tabs-desktop .b-tab.active:hover {
            border-color: #223670; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-dropdown {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .row-dropdown .col:not(:last-child) {
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .row-dropdown {
      margin-bottom: 60px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-views .b-view {
  display: none; }
  .row-views .b-view.active {
    display: block;
    -webkit-animation: fadein 0.9s cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: fadein 0.9s cubic-bezier(0.645, 0.045, 0.355, 1); }

/*------------------------------------------------------------------------- */
.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-header-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2000;
  -moz-box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1);
  box-shadow: 0 8px 20px 0 rgba(34, 54, 112, 0.1); }

.s-header .main-sub-wrapper {
  width: 100%; }

.s-header .txt-subtitle {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px; }

@media (max-width: 1260px) {
  .s-header {
    height: 56px; }
    .s-header .nav-breadcrumb {
      display: none; }
    .s-header .main-sub-wrapper {
      background: rgba(13, 21, 44, 0.2);
      height: 8px;
      overflow: auto;
      -webkit-transition: height 600ms;
      transition: height 600ms;
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      position: relative; }
      .s-header .main-sub-wrapper .box-nav {
        padding-top: 8px;
        padding: 20px 40px 120px;
        position: relative;
        min-height: 100%;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
        .s-header .main-sub-wrapper .box-nav::before {
          content: "";
          width: 56px;
          background: #223670;
          height: 8px;
          position: absolute;
          left: 0;
          top: 0;
          margin: auto;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
      ._open_menu .s-header .main-sub-wrapper {
        height: calc( 100vh - 56px);
        background: rgba(13, 21, 44, 0.6); }
        ._open_menu .s-header .main-sub-wrapper .box-nav::before {
          width: 8px;
          height: auto;
          bottom: 0; }
      ._no_filter._open_menu .s-header .main-sub-wrapper {
        background: rgba(13, 21, 44, 0.9); }
    html:not(._open_menu) .s-header .box-nav > * {
      display: none; }
    .s-header .nav-logo {
      position: relative;
      z-index: 1; }
    .s-header .nav-ctrl {
      z-index: 2; }
    .s-header .nav-main, .s-header .nav-sub {
      width: 100%; }
      .s-header .nav-main > li, .s-header .nav-sub > li {
        display: block;
        float: none;
        width: 100%;
        padding: 18px 0; }
        .s-header .nav-main > li > a, .s-header .nav-sub > li > a {
          color: #fff;
          text-decoration: none;
          font-size: 18px; }
          .s-header .nav-main > li > a:visited, .s-header .nav-sub > li > a:visited {
            color: #fff;
            text-decoration: none; }
          .s-header .nav-main > li > a:hover, .s-header .nav-main > li > a:focus, .s-header .nav-sub > li > a:hover, .s-header .nav-sub > li > a:focus {
            color: #fff;
            text-decoration: none;
            -webkit-transition: 600ms ease;
            transition: 600ms ease; }
          .s-header .nav-main > li > a:active, .s-header .nav-sub > li > a:active {
            color: #fff;
            text-decoration: none; }
    .s-header .nav-sub {
      margin-bottom: 0; }
      .s-header .nav-sub + .txt-subtitle {
        margin-top: 16px; }
    .s-header .nav-main {
      -webkit-animation: fadein 1s;
      animation: fadein 1s; }
    .s-header .sub-wrapper {
      display: none; }
    .s-header .txt-subtitle {
      padding: 18px 0px 18px;
      margin-top: 32px;
      color: #fff; }
      .s-header .txt-subtitle:nth-child(2) {
        margin-top: 0; }
    .s-header.active_m .nav-main {
      display: none; }
    .s-header.active_m .sub-wrapper.active_m {
      display: block;
      -webkit-animation: fadein 1s;
      animation: fadein 1s; }
      html:not(._open_menu) .s-header.active_m .sub-wrapper.active_m {
        display: none; } }

@media (min-width: 1261px) {
  .s-header {
    height: 64px; }
    .s-header-wrapper {
      height: 64px;
      background: #fff; }
    .s-header .nav-main {
      padding-left: 20px; }
    .s-header .txt-subtitle {
      margin-bottom: 32px;
      color: #fff; }
    .s-header .nav-breadcrumb {
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .s-header .all-sub-wrapper {
      background: rgba(13, 21, 44, 0.2);
      left: 0;
      position: relative;
      width: 100%;
      padding-left: 120px;
      padding-right: 120px;
      min-height: 8px;
      overflow: hidden;
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      -webkit-transition: 100ms linear height;
      transition: 100ms linear height; }
      .s-header .all-sub-wrapper::before {
        content: "";
        width: 120px;
        height: 100%;
        background: #223670;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .s-header .all-sub-wrapper.hover .sub-wrapper.active li:not(.active) {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .s-header .all-sub-wrapper.hover .img-desc-left.show, .s-header .all-sub-wrapper.hover .img-desc-right.show {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s; }
      ._is_ie .s-header .all-sub-wrapper {
        -webkit-transition: none;
        transition: none; }
        ._is_ie .s-header .all-sub-wrapper::before {
          -webkit-transition: none;
          transition: none; }
    .s-header .img-desc {
      width: calc( (100vw - 120px * 2 )/3 + 120px - 20px);
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      background-image: url(../images/bg_null.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
      z-index: 1;
      -webkit-transition: opacity 600ms, background 600ms;
      transition: opacity 600ms, background 600ms; }
      .s-header .img-desc-left {
        left: 0; }
      .s-header .img-desc-right {
        right: 0; }
    .s-header .sub-wrapper {
      display: none;
      padding-top: 48px;
      padding-bottom: 48px; }
    .s-header.active .nav-breadcrumb {
      opacity: 0;
      filter: alpha(opacity=0);
      visibility: hidden;
      height: 0; }
    .s-header.active .all-sub-wrapper {
      background: rgba(13, 21, 44, 0.6); }
      ._no_filter .s-header.active .all-sub-wrapper {
        background: rgba(13, 21, 44, 0.9); }
      .s-header.active .all-sub-wrapper::before {
        width: 8px;
        background: #223670; }
      .s-header.active .all-sub-wrapper .sub-wrapper.active {
        display: block;
        -webkit-animation: fadein 1s;
        animation: fadein 1s; }
    .s-header.active .nav-main > li > a {
      color: #9EA1AA;
      text-decoration: none; }
      .s-header.active .nav-main > li > a:visited {
        color: #9EA1AA;
        text-decoration: none; }
      .s-header.active .nav-main > li > a:hover, .s-header.active .nav-main > li > a:focus {
        color: #9EA1AA;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .s-header.active .nav-main > li > a:active {
        color: #9EA1AA;
        text-decoration: none; }
    .s-header.active .nav-main > li.active > a {
      color: #223670;
      text-decoration: none; }
      .s-header.active .nav-main > li.active > a:visited {
        color: #223670;
        text-decoration: none; }
      .s-header.active .nav-main > li.active > a:hover, .s-header.active .nav-main > li.active > a:focus {
        color: #223670;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .s-header.active .nav-main > li.active > a:active {
        color: #223670;
        text-decoration: none; }
    ._is_ie .s-header.active .all-sub-wrapper .sub-wrapper.active {
      -webkit-animation: none;
      animation: none; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-search-title .b-search-bar {
  margin-top: 40px;
  margin-bottom: 5px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-banner {
  background-image: url(../images/egg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  .s-banner .container {
    position: relative;
    height: 700px;
    z-index: 2; }
    @media (max-width: 767px) {
      .s-banner .container {
        height: 600px; } }
  .s-banner-inner .container {
    height: 410px; }
  .s-banner .box-ctx {
    text-align: right;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    @media (max-width: 767px) {
      .s-banner .box-ctx {
        right: 0;
        padding-left: 16px;
        padding-right: 16px; } }
  .s-banner .box-title .txt-title {
    margin-top: 0;
    margin-bottom: 0; }
    .s-banner .box-title .txt-title .txt-with-bg {
      line-height: 1; }
  .s-banner .box-title .txt-cat {
    margin-top: 0;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .s-banner .box-title {
      text-align: left;
      left: 41.67%;
      right: auto;
      top: auto;
      bottom: 0;
      -webkit-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
      transform: translate(0, 0%);
      padding-left: 16px; }
      .s-banner .box-title .txt-title {
        line-height: normal; }
        .s-banner .box-title .txt-title .txt-with-bg {
          padding-left: 24px;
          padding-right: 24px;
          -moz-box-shadow: none;
          box-shadow: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .s-banner .box-title {
      left: 50%; } }
  .s-banner .txt-desc {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    max-width: 480px;
    font-weight: normal;
    text-transform: none; }
  .s-banner .b-banner-video {
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .s-banner .b-banner-video .video {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .s-banner .b-banner-video.height .video {
      width: auto;
      height: 100%; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-banner-quote {
  margin-top: -100px; }
  .s-banner-quote .box-ctx {
    background: #223670;
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
    padding: 20px 24px; }
  @media (min-width: 768px) {
    .s-banner-quote .box-ctx {
      width: 75%;
      margin-left: auto;
      padding: 48px 32px; }
    .s-banner-quote .txt-quote {
      position: relative;
      padding-left: 70px;
      padding-right: 70px; }
      .s-banner-quote .txt-quote::before, .s-banner-quote .txt-quote::after {
        color: rgba(13, 21, 44, 0.2);
        position: absolute;
        font-size: 120px;
        font-weight: 300;
        line-height: 0.4em; }
      .s-banner-quote .txt-quote::before {
        content: "“";
        left: 0;
        top: 0;
        -webkit-transform: translate(0%, 45%);
        -ms-transform: translate(0%, 45%);
        transform: translate(0%, 45%); }
      .s-banner-quote .txt-quote::after {
        content: "”";
        right: 0%;
        bottom: 0%;
        -webkit-transform: translate(0%, 70%);
        -ms-transform: translate(0%, 70%);
        transform: translate(0%, 70%); } }
  @media (min-width: 993px) {
    .s-banner-quote .box-ctx {
      width: 50%;
      padding-left: 48px;
      padding-right: 48px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-company-profile {
  position: relative;
  z-index: 1;
  overflow: inherit; }
  .s-company-profile .col {
    position: relative;
    z-index: 1; }
  .s-company-profile .img-company-logo {
    margin-top: -100px;
    z-index: 1; }
  .s-company-profile .txt-title {
    text-align: left; }
  .s-company-profile .txt-cat {
    font-weight: bold; }
  .s-company-profile .txt-desc {
    margin-top: 25px;
    margin-bottom: 25px; }
  @media (max-width: 767px) {
    .s-company-profile .img-company-logo {
      margin-bottom: 16px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -80px;
      width: 160px;
      height: 160px;
      padding-top: 0; }
    .s-company-profile .txt-title {
      margin-bottom: 0;
      display: inline-block; }
    .s-company-profile .txt-cat {
      margin: 10px 0;
      padding: 10px 16px; } }
  @media (min-width: 768px) {
    .s-company-profile .box-title {
      margin-top: -100px;
      z-index: 1; }
    .s-company-profile .txt-title {
      background: #fff;
      padding: 3px 16px;
      margin: auto;
      display: inline-block;
      font-size: 36px; }
    .s-company-profile .txt-cat {
      padding: 10px 16px;
      line-height: 1em;
      margin: auto;
      display: inline-block; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-ctx {
  margin-top: 65px;
  margin-bottom: 65px; }
  @media (max-width: 767px) {
    .s-ctx {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .s-ctx .img-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 80%;
    position: relative; }
  .s-ctx .box-ctx {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    .s-ctx .box-ctx p, .s-ctx .box-ctx .txt-default-title {
      width: 100%; }
    @media (min-width: 992px) {
      .s-ctx .box-ctx {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        text-align: left; }
        .s-ctx .box-ctx .txt-default-title {
          text-align: left; } }
  .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (max-width: 540px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 576px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover {
        margin-left: calc( ( 100vw - 540px ) / -2 - 16px); } }
    @media (min-width: 768px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover {
        margin-left: calc( ( 100vw - 720px ) / -2 - 16px); } }
    @media (min-width: 992px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover {
        margin-left: calc( ( 100vw - 960px ) / -2 - 16px); } }
    @media (min-width: 1200px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover {
        margin-left: calc( ( 100vw - 1180px ) / -2 - 16px); } }
    @media (max-width: 540px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 576px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
        margin-right: calc( ( 100vw  - 540px ) / -2 - 16px); } }
    @media (min-width: 768px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
        margin-right: calc( ( 100vw  - 720px ) / -2 - 16px); } }
    @media (min-width: 992px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
        margin-right: calc( ( 100vw  - 960px ) / -2 - 16px); } }
    @media (min-width: 1200px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
        margin-right: calc( ( 100vw  - 1180px ) / -2 - 16px); } }
    @media (max-width: 991px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col {
        padding-bottom: 0; } }
  @media (max-width: 991px) and (max-width: 540px) {
    .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover, .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
      margin-left: -16px;
      margin-right: -16px; } }
  @media (max-width: 991px) and (min-width: 576px) {
    .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover, .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
      margin-left: calc( ( 100vw - 540px ) / -2 - 16px);
      margin-right: calc( ( 100vw  - 540px ) / -2 - 16px); } }
  @media (max-width: 991px) and (min-width: 768px) {
    .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover, .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
      margin-left: calc( ( 100vw - 720px ) / -2 - 16px);
      margin-right: calc( ( 100vw  - 720px ) / -2 - 16px); } }
  @media (max-width: 991px) and (min-width: 992px) {
    .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover, .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
      margin-left: calc( ( 100vw - 960px ) / -2 - 16px);
      margin-right: calc( ( 100vw  - 960px ) / -2 - 16px); } }
  @media (max-width: 991px) and (min-width: 1200px) {
    .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover, .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
      margin-left: calc( ( 100vw - 1180px ) / -2 - 16px);
      margin-right: calc( ( 100vw  - 1180px ) / -2 - 16px); } }
    @media (max-width: 991px) {
        .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) .box-cover {
          margin-bottom: 40px; }
        .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) .box-cover {
          margin-top: 40px; } }
    @media (min-width: 992px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; }
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%; } }
    @media (min-width: 1200px) {
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(1) {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; }
      .s-ctx .row:not(.row-gallery):not(.row-dropdown) > .col:nth-child(2) {
        margin-left: 8.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%; } }
  @media (max-width: 991px) {
    .s-ctx-reverse .row {
      flex-direction: column-reverse; }
      .s-ctx-reverse .row > .col:nth-child(1) .box-cover {
        margin-top: 40px !important;
        margin-bottom: 0px !important; }
      .s-ctx-reverse .row > .col:nth-child(2) .box-cover {
        margin-top: 0px !important;
        margin-bottom: 40px !important; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-plain {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center; }
  .s-plain p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .s-plain {
      padding-top: 64px;
      padding-bottom: 64px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-sidebar {
  overflow: inherit; }
  .s-sidebar.s-slider {
    overflow: inherit; }
  .s-sidebar ol, .s-sidebar ul, .s-sidebar table {
    color: #9EA1AA;
    letter-spacing: normal; }
  .s-sidebar .col-ctx a {
    font-weight: bold; }
  .s-sidebar .form-select {
    border: 1px solid rgba(13, 21, 44, 0.2);
    max-width: 600px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .s-sidebar .form-select .filter-option-inner-inner {
      padding-left: 20px;
      font-weight: bold; }
  .s-sidebar .txt-default-subtitle {
    margin-top: 0;
    margin-bottom: 20px; }
    .s-sidebar .txt-default-subtitle + .table-contact {
      padding-top: 0; }
  .s-sidebar .table-contact + .txt-default-subtitle {
    margin-top: 60px; }
  .s-sidebar .col-header, .s-sidebar .col-slide, .s-sidebar .col-ctx {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .s-sidebar .col-ctx {
    text-align: left; }
  .s-sidebar .col-ctx section {
    overflow: inherit; }
  .s-sidebar .col-ctx .row-narrow {
    margin-left: -10px;
    margin-right: -10px; }
  @media (max-width: 991px) {
    .s-sidebar.s-slider {
      overflow: hidden; }
    .s-sidebar .ctx-desktop {
      display: none; }
      .s-sidebar .ctx-desktop.active {
        display: block; }
    .s-sidebar .ctx-mobile {
      display: block; }
    .s-sidebar .row-tabs {
      margin-bottom: 40px; }
    .s-sidebar .col-header {
      text-align: center; }
    .s-sidebar .col-side {
      display: none; }
    .s-sidebar .w-full-right {
      margin-top: 40px;
      margin-right: -16px !important; }
    .s-sidebar .bg-blue-full {
      margin-right: -16px;
      margin-left: -16px; }
    .s-sidebar .row-title-search {
      margin-bottom: 20px; } }
  @media (min-width: 992px) {
    .s-sidebar .txt-default-title {
      text-align: left; }
    .s-sidebar .ctx-desktop {
      display: block; }
    .s-sidebar .ctx-mobile {
      display: none; }
      .s-sidebar .ctx-mobile.active {
        display: block; }
    .s-sidebar .form-select {
      display: none; }
    .s-sidebar .col-header {
      margin-left: 25%; }
    .s-sidebar .col-side {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
    .s-sidebar .col-ctx, .s-sidebar .col-header {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%; }
    .s-sidebar.s-sidebar-4-8 .col-header {
      margin-left: 33.33333%; }
    .s-sidebar.s-sidebar-4-8 .col-side {
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .s-sidebar.s-sidebar-4-8 .col-ctx, .s-sidebar.s-sidebar-4-8 .col-header {
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .s-sidebar .bg-blue-full {
      position: relative;
      background: none;
      overflow: inherit; }
      .s-sidebar .bg-blue-full::before {
        content: "";
        display: block;
        height: 100%;
        background: rgba(18, 142, 255, 0.04);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1; } }
    @media (min-width: 992px) and (max-width: 540px) {
      .s-sidebar .bg-blue-full::before {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 992px) and (min-width: 576px) {
      .s-sidebar .bg-blue-full::before {
        margin-right: calc( ( 100vw  - 540px ) / -2 - 16px); } }
    @media (min-width: 992px) and (min-width: 768px) {
      .s-sidebar .bg-blue-full::before {
        margin-right: calc( ( 100vw  - 720px ) / -2 - 16px); } }
    @media (min-width: 992px) and (min-width: 992px) {
      .s-sidebar .bg-blue-full::before {
        margin-right: calc( ( 100vw  - 960px ) / -2 - 16px); } }
    @media (min-width: 992px) and (min-width: 1200px) {
      .s-sidebar .bg-blue-full::before {
        margin-right: calc( ( 100vw  - 1180px ) / -2 - 16px); } }
  @media (min-width: 992px) {
    .s-sidebar .b-pagination {
      padding-top: 40px;
      text-align: left; } }
  .s-sidebar .txt-side-title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 32px;
    letter-spacing: 3px; }
  .s-sidebar .w-full-right {
    margin-bottom: 32px; }
    .s-sidebar .w-full-right img {
      width: 100%; }
  @media (min-width: 992px) {
    .s-sidebar .b-collapse-arrow {
      margin-bottom: 32px; } }
  .s-sidebar .table-line {
    line-height: normal;
    letter-spacing: normal; }
    .s-sidebar .table-line .row {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .s-sidebar .table-line .row:first-child {
        border-top: 0; }
    .s-sidebar .table-line .col {
      padding-top: 10px;
      padding-bottom: 10px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-quote {
  text-align: center;
  overflow: inherit; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-map {
  letter-spacing: normal; }
  .s-map .row {
    margin-left: 0;
    margin-right: 0; }
  .s-map .col {
    padding-left: 0;
    padding-right: 0; }

@media (min-width: 992px) and (max-width: 540px) {
  .s-map .col:nth-child(1) .box-ctx {
    margin-left: -16px;
    margin-right: -16px; } }

@media (min-width: 992px) and (min-width: 576px) {
  .s-map .col:nth-child(1) .box-ctx {
    margin-left: calc( ( 100vw - 540px ) / -2 - 16px); } }

@media (min-width: 992px) and (min-width: 768px) {
  .s-map .col:nth-child(1) .box-ctx {
    margin-left: calc( ( 100vw - 720px ) / -2 - 16px); } }

@media (min-width: 992px) and (min-width: 992px) {
  .s-map .col:nth-child(1) .box-ctx {
    margin-left: calc( ( 100vw - 960px ) / -2 - 16px); } }

@media (min-width: 992px) and (min-width: 1200px) {
  .s-map .col:nth-child(1) .box-ctx {
    margin-left: calc( ( 100vw - 1180px ) / -2 - 16px); } }

@media (min-width: 992px) and (max-width: 540px) {
  .s-map .col:nth-child(2) .box-ctx {
    margin-left: -16px;
    margin-right: -16px; } }

@media (min-width: 992px) and (min-width: 576px) {
  .s-map .col:nth-child(2) .box-ctx {
    margin-right: calc( ( 100vw  - 540px ) / -2 - 16px); } }

@media (min-width: 992px) and (min-width: 768px) {
  .s-map .col:nth-child(2) .box-ctx {
    margin-right: calc( ( 100vw  - 720px ) / -2 - 16px); } }

@media (min-width: 992px) and (min-width: 992px) {
  .s-map .col:nth-child(2) .box-ctx {
    margin-right: calc( ( 100vw  - 960px ) / -2 - 16px); } }

@media (min-width: 992px) and (min-width: 1200px) {
  .s-map .col:nth-child(2) .box-ctx {
    margin-right: calc( ( 100vw  - 1180px ) / -2 - 16px); } }
  .s-map .img-full {
    width: 100%;
    height: 440px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  @media (max-width: 767px) {
    .s-map .container {
      max-width: none;
      padding-left: 0;
      padding-right: 0; }
    .s-map .img-full {
      height: 300px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-slider {
  overflow: hidden; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-data .b-data {
  margin-bottom: 64px; }
  .s-data .b-data-ico {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .s-data .b-data-num {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 6px;
    line-height: normal; }
  .s-data .b-data-lg .b-data-num {
    font-size: 60px;
    font-weight: 100;
    border-bottom: 6px solid #F86613;
    display: inline-block;
    margin-bottom: 10px; }

@media (max-width: 767px) {
  .s-data .b-data {
    margin-bottom: 20px; }
  .s-data .container > .row > .col:nth-child(2) {
    margin-top: 40px; } }

@media (min-width: 992px) {
  .s-data .container > .row > .col:nth-child(1) {
    border-right: 1px solid rgba(13, 21, 44, 0.2); } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-contact {
  background: #223670;
  overflow: inherit; }
  .s-contact .img {
    background-image: url(../images/egg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%; }
    @media (max-width: 540px) {
      .s-contact .img {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 576px) {
      .s-contact .img {
        margin-left: calc( ( 100vw - 540px ) / -2 - 16px); } }
    @media (min-width: 768px) {
      .s-contact .img {
        margin-left: calc( ( 100vw - 720px ) / -2 - 16px); } }
    @media (min-width: 992px) {
      .s-contact .img {
        margin-left: calc( ( 100vw - 960px ) / -2 - 16px); } }
    @media (min-width: 1200px) {
      .s-contact .img {
        margin-left: calc( ( 100vw - 1180px ) / -2 - 16px); } }
  .s-contact .box-ctx {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 768px) {
    .s-contact .txt-default-title, .s-contact .txt-default-desc {
      text-align: right; }
    .s-contact .container {
      max-width: none !important;
      width: 100% !important; }
    .s-contact .col:nth-child(2) {
      padding-right: 32px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-faq {
  overflow: inherit; }
  .s-faq .box {
    padding: 40px 25px; }
  .s-faq .txt-default-subtitle {
    margin-bottom: 3px;
    margin-top: 30px; }
  .s-faq .box-btns {
    margin-top: 40px; }
  .s-faq .col:nth-child(1) {
    -moz-box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.1); }
    .s-faq .col:nth-child(1) .txt-default-title {
      margin-bottom: 10px; }
    .s-faq .col:nth-child(1) .txt-default-desc {
      margin-bottom: 40px; }
  .s-faq .col:nth-child(2) .txt-default-title {
    margin-bottom: 40px; }
  @media (max-width: 767px) {
    .s-faq .box {
      padding-left: 0;
      padding-right: 0; }
    .s-faq .col:nth-child(1) {
      -moz-box-shadow: none;
      box-shadow: none; }
    .s-faq .col:nth-child(2) {
      padding-top: 60px; }
    .s-faq .box-btns {
      text-align: center;
      width: 100%; } }
  @media (min-width: 768px) {
    .s-faq .txt-default-desc {
      text-align: left; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-legal .img-logo-tiang {
  width: 280px; }

.s-legal .txt-default-subtitle {
  color: #223670;
  font-size: 24px;
  margin-bottom: 10px; }

.s-legal .list-none > li {
  font-size: 18px;
  line-height: 2; }

.s-legal hr {
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .s-legal hr {
      margin-top: 32px;
      margin-bottom: 32px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-footer {
  background: #0D152C;
  background-image: url(../images/bg_footer.svg);
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: 100% 100%; }
  @media (max-width: 767px) {
    .s-footer {
      background-size: 90% auto; } }
  .s-footer .txt-copyright {
    color: rgba(255, 255, 255, 0.2);
    font-size: 14px; }
  .s-footer .row-footer {
    background: rgba(0, 0, 0, 0.2); }
  .s-footer .container {
    position: relative; }
  .s-footer .img-logo {
    width: 100px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    margin-bottom: 16px;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .s-footer .img-logo:hover {
      opacity: 1;
      filter: alpha(opacity=100); }
    @media (min-width: 768px) {
      .s-footer .img-logo {
        position: absolute;
        right: 16px;
        margin-bottom: 0;
        bottom: 0; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

@media (max-width: 991px) {
  .s-gallery .row-gallery {
    margin-bottom: 16px;
    margin-left: -10px !important;
    margin-right: -10px !important; }
  .s-gallery .box-cover {
    display: none; } }

@media (min-width: 992px) {
  .s-gallery .col-first {
    display: none; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

@media (max-width: 767px) {
  .s-phase .row-tabs {
    margin-bottom: 40px; }
    .s-phase .row-tabs .b-tab {
      text-align: center; }
  .s-phase .b-view {
    padding-left: 16px;
    padding-right: 16px; }
  .s-phase .txt-enlarge {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #0D152C;
    text-decoration: none;
    padding-bottom: 4px;
    display: inline-block;
    border-bottom: 4px solid #F86613; }
    .s-phase .txt-enlarge:visited {
      color: #0D152C;
      text-decoration: none; }
    .s-phase .txt-enlarge:hover, .s-phase .txt-enlarge:focus {
      color: #0D152C;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .s-phase .txt-enlarge:active {
      color: #0D152C;
      text-decoration: none; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-filter .row-category, .s-filter .row-loc, .s-filter .row-alphabet {
  margin-bottom: 50px; }
  .s-filter .row-category .txt-title, .s-filter .row-loc .txt-title, .s-filter .row-alphabet .txt-title {
    margin-bottom: 10px; }

.s-filter .btn-filter-toggle {
  width: 100%;
  margin-bottom: 40px;
  text-align: left;
  padding-right: 55px;
  position: relative; }
  .s-filter .btn-filter-toggle::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 40px;
    height: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url(../images/icon-filter.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

@media (max-width: 767px) {
  .s-filter {
    text-align: center; } }

@media (min-width: 768px) {
  .s-filter .row-title-search, .s-filter .row-category, .s-filter .row-loc {
    margin-bottom: 60px; }
  .s-filter .btn-filter-toggle {
    display: none; }
  .s-filter .b-alphabet {
    margin-bottom: 0; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-swiper .swiper-slide {
  position: relative;
  height: auto; }

.b-swiper .row-title-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .b-swiper .row-title-arrow .box-ctrl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

.b-swiper .btn-ctrl {
  width: 40px;
  height: 40px;
  position: relative;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  fill: #F85700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .b-swiper .btn-ctrl .icon {
    width: 100%;
    height: 100%; }
  .b-swiper .btn-ctrl:hover:not(.swiper-button-disabled) {
    border-color: #F85700;
    background-color: #F85700;
    fill: #fff; }
  .b-swiper .btn-ctrl.swiper-button-disabled {
    fill: #ddd; }

.b-swiper .btn-prev {
  margin-right: 16px; }
  .b-swiper .btn-prev::before {
    background-image: url(../images/20a/ico_prev.svg); }
  .b-swiper .btn-prev::after {
    background-image: url(../images/20a/ico_prev_grey.svg); }

.b-swiper .btn-next::before {
  background-image: url(../images/20a/ico_next.svg); }

.b-swiper .btn-next::after {
  background-image: url(../images/20a/ico_next_grey.svg); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-swiper-home {
  position: fixed;
  z-index: 0;
  pointer-events: auto;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  top: 0;
  left: 0; }
  .b-swiper-home .box-video {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .b-swiper-home .box-video-overlay::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(13, 21, 44, 0.5);
      position: absolute;
      left: 0;
      top: 0; }
  .b-swiper-home .box-title-btn {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: left;
    padding-left: 30px; }
    .b-swiper-home .box-title-btn .txt-title {
      font-size: 48px;
      font-weight: 900;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      margin-bottom: 5px; }
      @media (max-width: 767px) {
        .b-swiper-home .box-title-btn .txt-title {
          font-size: 30px;
          line-height: 1.2; } }
    .b-swiper-home .box-title-btn .txt-desc {
      font-size: 18px;
      margin-bottom: 50px;
      line-height: 1.2; }
    .b-swiper-home .box-title-btn .btn {
      border: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      width: auto;
      padding: 0; }
      .b-swiper-home .box-title-btn .btn::before {
        display: block;
        width: 10px;
        height: 2px;
        content: "";
        background: #F85700;
        margin-right: 25px;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .b-swiper-home .box-title-btn .btn:hover {
        background: transparent; }
        .b-swiper-home .box-title-btn .btn:hover::before {
          width: 20px; }
  .b-swiper-home video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%; }
  .b-swiper-home .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 137px;
    width: 100%;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    padding-left: 30px; }
    .b-swiper-home .swiper-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #fff;
      display: block;
      margin-left: 10px;
      margin-right: 10px;
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition: 600ms ease;
      transition: 600ms ease;
      position: relative; }
      .b-swiper-home .swiper-pagination .swiper-pagination-bullet:hover {
        opacity: 0.5;
        filter: alpha(opacity=50); }
      .b-swiper-home .swiper-pagination .swiper-pagination-bullet svg {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(-90deg); }
        .b-swiper-home .swiper-pagination .swiper-pagination-bullet svg .circle {
          fill: none;
          stroke: #fff;
          stroke-width: 2;
          stroke-dasharray: 113.04;
          stroke-dashoffset: 113.04; }
        .b-swiper-home .swiper-pagination .swiper-pagination-bullet svg .circle2 {
          fill: none;
          stroke: rgba(255, 255, 255, 0.3);
          stroke-width: 2; }
  .b-swiper-home .txt-explore {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    color: #fff;
    text-align: center;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .b-swiper-home .txt-explore::after {
      width: 2px;
      height: 30px;
      display: block;
      margin: auto;
      content: "";
      background: #fff;
      margin-top: 16px; }
    @media (max-width: 767px) {
      .b-swiper-home .txt-explore {
        bottom: 0; } }
  .b-swiper-home .img-20a-logo {
    width: 80%;
    z-index: 0;
    margin: auto; }
    @media (max-width: 767px) {
      .b-swiper-home .img-20a-logo {
        padding-left: 10%; } }
    @media (min-width: 768px) {
      .b-swiper-home .img-20a-logo {
        width: 60%; } }
  .b-swiper-home .txt-20-line {
    display: block;
    width: 110%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.8;
    filter: alpha(opacity=80); }
    .b-swiper-home .txt-20-line-d {
      display: none; }
    @media (min-width: 768px) {
      .b-swiper-home .txt-20-line-m {
        display: none; }
      .b-swiper-home .txt-20-line-d {
        display: block; } }
  .b-swiper-home .swiper-slide .txt-desc {
    color: #fff; }
  .b-swiper-home .box-title-btn-m {
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .b-swiper-home._is_playing .swiper-pagination .swiper-pagination-bullet-active {
    background: #F85700; }
    .b-swiper-home._is_playing .swiper-pagination .swiper-pagination-bullet-active svg .circle {
      stroke-dashoffset: 0;
      -webkit-transition: 6s ease-in-out;
      transition: 6s ease-in-out; }
  .b-swiper-home._is_paused .box-title-btn-m, .b-swiper-home._is_paused .txt-explore, .b-swiper-home._is_paused .swiper-pagination {
    opacity: 0 !important;
    pointer-events: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-swiper-events {
  margin-right: -50px;
  height: 100%; }
  .b-swiper-events .row-title-arrow {
    padding-right: 50px; }
  .b-swiper-events .swiper-wrapper {
    height: calc( 100% - 142px); }

.b-swiper-news .b-20a-news {
  margin-bottom: 20px; }

.b-swiper-news a {
  display: block;
  width: 100%; }
  .b-swiper-news a:last-child .b-20a-news {
    margin-bottom: 0px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-swiper-timeline {
  position: relative;
  height: calc(100% - 100px);
  min-height: 400px;
  max-height: 500px;
  padding-top: 50px;
  padding-bottom: 50px;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .b-swiper-timeline.swiper-horizontal > .swiper-scrollbar {
    left: 0%;
    width: 100%;
    background: transparent; }
    .b-swiper-timeline.swiper-horizontal > .swiper-scrollbar::before {
      width: 100%;
      height: 1px;
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: rgba(89, 89, 89, 0.2); }
    .b-swiper-timeline.swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
      background: #F85700; }
  .b-swiper-timeline .txt-year {
    font-size: 30px;
    color: #F85700;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 16px;
    text-transform: uppercase;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    @media (max-width: 768px) {
      .b-swiper-timeline .txt-year {
        width: 100px;
        font-size: 22px;
        line-height: 1em; } }
  @media (min-width: 769px) {
    .b-swiper-timeline .swiper-slide {
      width: auto; } }

@media (min-width: 769px) and (max-height: 800px) {
  .b-swiper-timeline {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 330px; }
    .b-swiper-timeline .txt-year {
      margin-bottom: 10px;
      font-size: 24px;
      line-height: 1em; } }
  @media (max-width: 768px) {
    .b-swiper-timeline {
      padding-top: 20px;
      padding-bottom: 20px;
      height: auto; }
      .b-swiper-timeline.swiper-horizontal > .swiper-scrollbar {
        display: none; }
      .b-swiper-timeline .swiper-wrapper {
        flex-direction: column;
        position: relative;
        -webkit-transform: none !important;
        transform: none !important; }
        .b-swiper-timeline .swiper-wrapper::before {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background: rgba(89, 89, 89, 0.2);
          position: absolute;
          left: 120px;
          top: 0; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-audio-player {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px; }
  .b-audio-player .btn-play {
    width: 60px;
    height: 60px;
    background-color: transparent;
    position: relative;
    border: 0; }
    .b-audio-player .btn-play:focus {
      outline: none; }
    .b-audio-player .btn-play::before, .b-audio-player .btn-play::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition: 300ms;
      transition: 300ms; }
    .b-audio-player .btn-play::before {
      background-image: url(../images/20a/ico_play.svg); }
    .b-audio-player .btn-play::after {
      background-image: url(../images/20a/ico_pause.svg);
      opacity: 0;
      filter: alpha(opacity=0); }
    .b-audio-player .btn-play svg {
      width: 60px;
      height: 60px;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
      .b-audio-player .btn-play svg .circle {
        fill: none;
        stroke: #F85700;
        stroke-width: 3;
        stroke-dasharray: 182.12;
        stroke-dashoffset: 182.12;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .b-audio-player .btn-play svg .circle2 {
        fill: transparent;
        stroke: rgba(0, 0, 0, 0.2);
        stroke-width: 1;
        -webkit-transition: 300ms linear;
        transition: 300ms linear; }
    .b-audio-player .btn-play:hover svg .circle2 {
      fill: rgba(0, 0, 0, 0.06); }
    .b-audio-player .btn-play.is-playing::before {
      opacity: 0;
      filter: alpha(opacity=0); }
    .b-audio-player .btn-play.is-playing::after {
      opacity: 1;
      filter: alpha(opacity=100); }
  .b-audio-player .txt-duration {
    margin-left: 20px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-timeline-pagination {
  width: 100%;
  padding-top: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  position: relative;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .b-timeline-pagination .txt-year {
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(89, 89, 89, 0.5);
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .b-timeline-pagination .txt-year:hover {
      color: #F85700; }
    .b-timeline-pagination .txt-year.active {
      color: #595959; }
  .b-timeline-pagination .bar {
    position: absolute;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F85700;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10%;
    top: 0;
    -webkit-transition: 600ms ease;
    transition: 600ms ease;
    display: none; }
  @media (max-width: 768px) {
    .b-timeline-pagination {
      display: none; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-20a-time {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #595959;
  -webkit-transition: 300ms;
  transition: 300ms;
  cursor: pointer;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .b-20a-time .txt-date {
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    .b-20a-time .txt-date::before {
      content: "";
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      background: #595959;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    @media (max-width: 768px) {
      .b-20a-time .txt-date::before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
  .b-20a-time .box-ctx {
    padding-left: 15px;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    @media (max-width: 768px) {
      .b-20a-time .box-ctx {
        padding-left: 20px; } }
  .b-20a-time .txt-title {
    letter-spacing: normal;
    font-weight: 700;
    line-height: normal;
    -webkit-transition: 600ms ease;
    transition: 600ms ease;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    @media (max-width: 768px) {
      .b-20a-time .txt-title {
        padding-left: 20px; } }
  .b-20a-time:not(.b-20a-time-future):hover .txt-title {
    color: #F85700; }
  @media (max-width: 768px) {
    .b-20a-time {
      margin-bottom: 20px; }
      .b-20a-time .img-time {
        width: 100px; }
      .b-20a-time .box-ctx {
        width: 100%; } }
  .b-20a-time-future {
    background: #F85700;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px;
    height: 100%;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transition: 600ms ease;
    transition: 600ms ease;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    .b-20a-time-future .ico-type {
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: absolute;
      top: 10px;
      right: 15px; }
    .b-20a-time-future .ico-sound {
      background-image: url(../images/20a/ico_sound.svg); }
    .b-20a-time-future .ico-quote {
      background-image: url(../images/20a/ico_quote.svg); }
    .b-20a-time-future .ico-video {
      background-image: url(../images/20a/ico_video.svg); }
    .b-20a-time-future .box-ctx {
      height: 60%; }
    .b-20a-time-future .txt-num {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700; }
    .b-20a-time-future .txt-future {
      text-transform: uppercase;
      font-size: 14px;
      margin-bottom: 10px; }
    .b-20a-time-future .txt-title {
      letter-spacing: normal;
      font-weight: 700;
      line-height: normal;
      font-size: 18px; }
    .b-20a-time-future:hover {
      -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
      transform: translate(0, -10px); }
    @media (max-width: 768px) {
      .b-20a-time-future {
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 20px; }
        .b-20a-time-future .txt-future {
          margin-bottom: 0px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-20a-time-wrapper {
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  @media (min-width: 769px) {
    .b-20a-time-wrapper {
      height: 85%;
      width: auto;
      border-right: 1px solid rgba(89, 89, 89, 0.2);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .b-20a-time-wrapper > div {
        width: 440px;
        height: 33.333%;
        padding-bottom: 10px;
        padding-right: 50px; }
      .b-20a-time-wrapper .b-20a-time {
        height: 100%; }
      .b-20a-time-wrapper2 {
        border-right: 0;
        margin-right: -20px; }
        .b-20a-time-wrapper2 > div {
          width: 220px;
          height: 100%;
          padding-right: 20px; } }
  @media (max-width: 768px) {
    .b-20a-time-wrapper {
      width: 100% !important; }
      .b-20a-time-wrapper > div {
        width: 100%; }
      .b-20a-time-wrapper2 {
        margin-bottom: 50px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-20a-news {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .b-20a-news .img-news {
    width: 200px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .b-20a-news .img-news {
        width: 152px; } }
    .b-20a-news .img-news > * {
      padding-top: 70%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
  .b-20a-news .box-ctx {
    width: calc( 100% - 200px);
    max-width: 345px;
    padding: 10px 20px; }
    @media (max-width: 767px) {
      .b-20a-news .box-ctx {
        width: calc( 100% - 152px);
        padding: 10px 15px;
        padding-right: 0; } }
  .b-20a-news .txt-news-cat {
    font-size: 10px;
    letter-spacing: 3px;
    color: #595959;
    font-weight: 900;
    margin-bottom: 10px; }
  .b-20a-news .txt-news-title {
    color: #F85700;
    font-weight: 900;
    letter-spacing: normal;
    line-height: 1.33;
    font-size: 18px;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    @media (max-width: 767px) {
      .b-20a-news .txt-news-title {
        font-size: 14px; } }
  .b-20a-news:hover {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); }

.b-20a-events {
  background: #F85700;
  flex-direction: column;
  height: 100%;
  z-index: 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .b-20a-events .img-news {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .b-20a-events .img-news > div:not(.txt-date) {
      min-height: 190px;
      height: 190px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease; }
  .b-20a-events .txt-date {
    font-size: 24px;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    background: #F85700;
    color: #fff; }
  .b-20a-events .txt-place {
    font-weight: 900;
    letter-spacing: 3px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
    font-size: 12px; }
    .b-20a-events .txt-place::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-image: url(../images/20a/ico_pin_white.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 14px;
      height: 19px; }
  .b-20a-events .txt-title {
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.375;
    letter-spacing: 1px;
    margin-bottom: 16px;
    color: #fff;
    max-width: 345px; }
  .b-20a-events .txt-desc {
    line-height: 1.5;
    color: #fff; }
  .b-20a-events .box-ctx {
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 20px;
    padding-bottom: 65px;
    flex-direction: column;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .b-20a-events .txt-learn-more {
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px; }
    .b-20a-events .txt-learn-more::before {
      background-color: #fff; }
  .b-20a-events:hover {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-20a-tabs {
  border: 1px solid rgba(89, 89, 89, 0.5);
  -webkit-border-radius: 4em;
  -moz-border-radius: 4em;
  border-radius: 4em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  width: 340px; }
  .b-20a-tabs .b-20a-tab {
    width: 50%;
    height: 45px;
    text-align: center;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(89, 89, 89, 0.5);
    letter-spacing: 0.2em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 300ms;
    transition: 300ms;
    position: relative; }
    .b-20a-tabs .b-20a-tab.selected {
      background: #F85700;
      color: #fff; }
    .b-20a-tabs .b-20a-tab:not(.selected) {
      cursor: pointer; }
      .b-20a-tabs .b-20a-tab:not(.selected):hover {
        background: rgba(89, 89, 89, 0.1); }
    .b-20a-tabs .b-20a-tab:not(:last-child)::after {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      background: rgba(89, 89, 89, 0.5);
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 100%; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.b-20a-chapter {
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(89, 89, 89, 0.5);
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 300ms;
  transition: 300ms; }
  .b-20a-chapter:not(:last-child) {
    margin-bottom: 10px; }
  .b-20a-chapter .checkmark {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(89, 89, 89, 0.5);
    position: absolute;
    left: 0;
    top: 0.5em; }
    .b-20a-chapter .checkmark::before {
      content: "";
      width: 14px;
      height: 14px;
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border: 1px solid rgba(89, 89, 89, 0.5);
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: 300ms;
      transition: 300ms; }
  .b-20a-chapter:hover {
    color: #333333; }
  .b-20a-chapter.selected {
    color: #333333; }
    .b-20a-chapter.selected .checkmark::before {
      opacity: 1;
      filter: alpha(opacity=100); }

.b-20a-chapter-list {
  text-align: left;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .b-20a-chapter-list .btn-toggle-filter {
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(89, 89, 89, 0.5);
    height: 45px;
    padding-left: 30px;
    padding-right: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms; }
    .b-20a-chapter-list .btn-toggle-filter::before {
      content: "";
      width: 15px;
      height: 100%;
      background-image: url(../images/dropdown-arrow-small-grey.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      position: absolute;
      top: 0;
      right: 25px;
      -webkit-transition: 300ms;
      transition: 300ms; }
    .b-20a-chapter-list .btn-toggle-filter > div {
      position: relative; }
    .b-20a-chapter-list .btn-toggle-filter .txt {
      -webkit-transition: 300ms;
      transition: 300ms; }
    .b-20a-chapter-list .btn-toggle-filter .txt-close {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none;
      -webkit-transform: translate(20px, 0);
      -ms-transform: translate(20px, 0);
      transform: translate(20px, 0); }
  @media (max-width: 1100px) {
    .b-20a-chapter-list {
      position: relative;
      z-index: 1; }
      .b-20a-chapter-list .box-chapters-wrapper {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        border: 1px solid rgba(89, 89, 89, 0.5);
        -webkit-border-radius: 22.5px;
        -moz-border-radius: 22.5px;
        border-radius: 22.5px;
        max-height: 45px;
        padding: 0 30px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        overflow: hidden;
        -webkit-transition: 300ms;
        transition: 300ms; }
        .b-20a-chapter-list .box-chapters-wrapper .b-20a-chapter {
          opacity: 0;
          filter: alpha(opacity=0); }
          .b-20a-chapter-list .box-chapters-wrapper .b-20a-chapter:first-child {
            margin-top: 30px; }
          .b-20a-chapter-list .box-chapters-wrapper .b-20a-chapter:last-child {
            margin-bottom: 65px; }
      .b-20a-chapter-list.active .box-chapters-wrapper {
        max-height: 400px;
        background: white; }
      .b-20a-chapter-list.active .b-20a-chapter {
        opacity: 1;
        filter: alpha(opacity=100); }
      .b-20a-chapter-list.active .btn-toggle-filter::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      .b-20a-chapter-list.active .btn-toggle-filter .txt-close {
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0); }
      .b-20a-chapter-list.active .btn-toggle-filter .txt-choose {
        opacity: 0;
        filter: alpha(opacity=0);
        pointer-events: none;
        -webkit-transform: translate(-20px, 0);
        -ms-transform: translate(-20px, 0);
        transform: translate(-20px, 0); } }
  @media (min-width: 1101px) {
    .b-20a-chapter-list .btn-toggle-filter {
      display: none; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.box-footer-ctrl {
  pointer-events: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 40px 50px;
  z-index: 1998; }
  .box-footer-ctrl > * {
    pointer-events: auto; }
  .box-footer-ctrl .img-inno-start {
    width: 180px;
    margin: auto;
    display: block;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .box-footer-ctrl .box-mouse {
    display: block;
    pointer-events: none;
    text-align: center;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    .box-footer-ctrl .box-mouse .txt-mouse {
      letter-spacing: 0.08em;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 14px;
      color: rgba(89, 89, 89, 0.5);
      font-weight: 400;
      margin-bottom: 8px; }
    .box-footer-ctrl .box-mouse .ico-mouse {
      width: 156px; }
    @media (max-width: 1100px) {
      .box-footer-ctrl .box-mouse {
        margin-bottom: 16px; } }
    @media (min-width: 1101px) {
      .box-footer-ctrl .box-mouse {
        position: absolute;
        bottom: 110px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
    @media (max-width: 768px) {
      ._year_view .box-footer-ctrl .box-mouse {
        display: none; } }
  .box-footer-ctrl-inner {
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    @media (max-width: 1100px) {
      .box-footer-ctrl-inner {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 20px;
        flex-direction: column-reverse;
        align-items: center; }
        .box-footer-ctrl-inner::before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 220px;
          background-image: -moz-linear-gradient(top, transparent 0%, #E2E7F0 30%);
          background-image: -webkit-linear-gradient(top, transparent 0%, #E2E7F0 30%);
          background-image: linear-gradient(top bottom, transparent 0%, #E2E7F0 30%);
          z-index: -1;
          -webkit-transition: 300ms;
          transition: 300ms; }
        ._open_chapter .box-footer-ctrl-inner {
          z-index: 2003; }
          ._open_chapter .box-footer-ctrl-inner::before {
            height: 100vh;
            background-image: -moz-linear-gradient(top, rgba(226, 231, 240, 0.4) 0%, #E2E7F0 50%);
            background-image: -webkit-linear-gradient(top, rgba(226, 231, 240, 0.4) 0%, #E2E7F0 50%);
            background-image: linear-gradient(top bottom, rgba(226, 231, 240, 0.4) 0%, #E2E7F0 50%);
            pointer-events: auto; }
        .box-footer-ctrl-inner .img-inno-start {
          display: none; }
        .box-footer-ctrl-inner .b-20a-tabs, .box-footer-ctrl-inner .b-20a-chapter-list {
          width: 100%;
          max-width: 400px; }
        .box-footer-ctrl-inner .b-20a-tabs {
          margin-bottom: 10px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.view-popup {
  color: #595959;
  position: absolute;
  width: 100%;
  top: 100px;
  bottom: 0px;
  overflow: hidden;
  overflow-y: auto;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  ._loaded .view-popup {
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .view-popup.active {
    pointer-events: auto;
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  .view-popup .box-ctx {
    max-width: 1120px;
    margin: auto; }
  .view-popup .btn-close {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50px;
    right: 50px;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .view-popup .btn-close .icon {
      width: 100%;
      height: 100%;
      fill: rgba(89, 89, 89, 0.5); }
  .view-popup .btn-ctrl {
    bottom: 0;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: 1px solid rgba(89, 89, 89, 0.5);
    padding: 10px;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
    .view-popup .btn-ctrl .icon {
      fill: rgba(89, 89, 89, 0.5);
      width: 100%;
      height: 100%; }
    .view-popup .btn-ctrl:hover {
      background: #fff; }
  .view-popup .btn-prev {
    left: 50px; }
  .view-popup .btn-next {
    right: 50px; }
  @media (max-width: 1260px) {
    .view-popup {
      top: 100px;
      padding-left: 30px;
      padding-right: 30px; }
      .view-popup .btn {
        position: static; }
      .view-popup .popup-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        padding: 20px 30px;
        background-image: -moz-linear-gradient(top, transparent 0%, #E2E7F0 50%);
        background-image: -webkit-linear-gradient(top, transparent 0%, #E2E7F0 50%);
        background-image: linear-gradient(top bottom, transparent 0%, #E2E7F0 50%); } }
  @media (min-width: 1261px) {
    .view-popup {
      top: 100px;
      padding-left: 50px;
      padding-right: 50px; }
      .view-popup .btn {
        position: fixed; }
        .view-popup .btn-close {
          top: 150px; }
        .view-popup .btn-ctrl {
          bottom: 50px; } }
  .view-popup .box-ctx {
    padding-top: 30px;
    padding-bottom: 100px; }
    @media (min-width: 768px) {
      .view-popup .box-ctx {
        padding-top: 50px; } }
  .view-popup .txt-chapter {
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(89, 89, 89, 0.5);
    color: #595959;
    padding-left: 25px;
    position: relative;
    margin-bottom: 15px; }
    .view-popup .txt-chapter::before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      background: rgba(89, 89, 89, 0.5);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 6px; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.view-popup-event {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center; }
  .view-popup-event .img-event {
    width: 100%;
    -moz-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.4);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px; }
  .view-popup-event .img-event-m, .view-popup-event .txt-caption-m {
    display: none; }
  .view-popup-event .txt-caption {
    letter-spacing: normal; }
  .view-popup-event .txt-year {
    font-size: 50px;
    letter-spacing: -2px;
    font-weight: 900;
    line-height: normal; }
  .view-popup-event .txt-title {
    font-size: 48px;
    line-height: 1em;
    letter-spacing: normal;
    font-weight: 900;
    margin-bottom: 20px; }
  .view-popup-event .txt-desc {
    letter-spacing: normal;
    line-height: 1.5; }
  @media (max-width: 991px) {
    .view-popup-event .col-ctx {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 100px; }
      .view-popup-event .col-ctx > * {
        order: 3; }
      .view-popup-event .col-ctx .txt-year {
        order: 1; }
      .view-popup-event .col-ctx .txt-chapter {
        order: 2; }
      .view-popup-event .col-ctx .txt-title {
        font-size: 30px;
        margin-bottom: 30px; }
      .view-popup-event .col-ctx .img-event-m {
        margin-bottom: 30px; }
    .view-popup-event .col-img {
      display: none; }
    .view-popup-event .img-event-m, .view-popup-event .txt-caption-m {
      display: block; } }
  @media (min-width: 992px) {
    .view-popup-event .row {
      margin-left: -30px;
      margin-right: -30px; }
      .view-popup-event .row .col {
        padding-left: 30px;
        padding-right: 30px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.view-popup-future .txt-chapter {
  margin-bottom: 0; }
  .view-popup-future .txt-chapter::before {
    background: #F85700; }

.view-popup-future .txt-num {
  font-size: 120px;
  color: #F85700;
  line-height: 1;
  font-weight: 900; }
  @media (max-width: 767px) {
    .view-popup-future .txt-num {
      font-size: 80px;
      margin-bottom: 20px; } }

.view-popup-future .txt-title {
  font-size: 24px;
  text-transform: none;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px; }

.view-popup-future .txt-desc {
  margin-bottom: 30px; }

.view-popup-future .box-wave {
  z-index: -1; }
  .view-popup-future .box-wave img {
    width: 100%; }
  @media (min-width: 768px) {
    .view-popup-future .box-wave {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; } }
  @media (max-width: 767px) {
    .view-popup-future .box-wave {
      margin-left: -30px;
      margin-right: -30px;
      margin-top: 30px; } }

.view-popup-video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center; }
  .view-popup-video .b-video {
    background-image: url(../images/egg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 69.21676%;
    -moz-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.4);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.4);
    position: relative;
    cursor: pointer; }
    .view-popup-video .b-video::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: black;
      opacity: 0.2;
      filter: alpha(opacity=20);
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .view-popup-video .b-video .ico-play {
      width: 60px;
      height: 60px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 2px solid #fff;
      background-image: url(../images/20a/ico_play_white.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .view-popup-video .b-video:hover::before {
      opacity: 0.4;
      filter: alpha(opacity=40); }
    .view-popup-video .b-video:hover .ico-play {
      -webkit-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
      transform: translate(-50%, -50%) scale(1.1); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-20a-contact {
  background: #F85700 !important; }
  .s-20a-contact .container {
    max-width: 100% !important; }
  .s-20a-contact .row {
    margin-left: -30px;
    margin-right: -30px; }
  .s-20a-contact .col {
    padding-left: 30px;
    padding-right: 30px; }
    .s-20a-contact .col-img {
      padding-left: 0;
      padding-right: 0; }
    .s-20a-contact .col .txt-default-title {
      color: #fff;
      text-align: left; }
  .s-20a-contact .img {
    background-position: center;
    padding-top: 80%;
    display: block;
    margin: auto; }
  .s-20a-contact .form-item::before {
    display: none; }
  .s-20a-contact .form-input, .s-20a-contact .form-select, .s-20a-contact .form-textarea {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff; }
    .s-20a-contact .form-input::-webkit-input-placeholder, .s-20a-contact .form-select::-webkit-input-placeholder, .s-20a-contact .form-textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }
  .s-20a-contact .form-input {
    padding: 18px 0; }
  .s-20a-contact .form-textarea {
    padding: 12px 0;
    min-height: 0;
    line-height: normal;
    height: 48px; }
  .s-20a-contact .form-select .filter-option-inner-inner {
    padding-left: 0;
    color: #fff; }
  .s-20a-contact .form-select .bs-placeholder .filter-option-inner-inner {
    color: rgba(255, 255, 255, 0.4); }
  .s-20a-contact .form-select .btn::after {
    background-image: url(../images/20a/ico_arrow_down.svg);
    background-size: 80%; }
  .s-20a-contact .form-select .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 0; }
    .s-20a-contact .form-select .dropdown-menu .dropdown-item {
      padding-left: 16px; }
      .s-20a-contact .form-select .dropdown-menu .dropdown-item:hover {
        background-color: rgba(248, 87, 0, 0.1);
        color: #0D152C; }
      .s-20a-contact .form-select .dropdown-menu .dropdown-item.selected {
        background-color: rgba(248, 87, 0, 0.6); }
        .s-20a-contact .form-select .dropdown-menu .dropdown-item.selected:hover {
          color: #fff; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.wrapper-20a:not(.wrapper-20a-inner) section {
  background: #fff; }
  .wrapper-20a:not(.wrapper-20a-inner) section > .container {
    padding-left: 30px;
    padding-right: 30px; }

.wrapper-20a .s-20a-default {
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 767px) {
    .wrapper-20a .s-20a-default {
      padding-top: 40px;
      padding-bottom: 40px; } }

.wrapper-20a .s-footer {
  position: relative; }

.wrapper-20a .txt-default-title-20a {
  font-size: 48px;
  letter-spacing: 0.25em;
  font-weight: 900;
  color: #F85700; }
  @media (max-width: 767px) {
    .wrapper-20a .txt-default-title-20a {
      font-size: 24px;
      letter-spacing: 0.2em; } }

.wrapper-20a .txt-default-desc-20a {
  letter-spacing: normal;
  color: #595959; }

.btn-default-20a {
  border: 1px solid #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: transparent;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .btn-default-20a:hover {
    color: #F85700;
    background-color: #fff; }

.txt-learn-more {
  font-weight: 900;
  letter-spacing: 3px;
  color: #F85700;
  position: relative;
  padding-left: 25px;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .txt-learn-more::before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #F85700;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }

.col-events-all .txt-learn-more:hover, .col-news-all .txt-learn-more:hover {
  padding-left: 35px; }
  .col-events-all .txt-learn-more:hover::before, .col-news-all .txt-learn-more:hover::before {
    width: 20px; }

.wrapper-20a-full {
  background: #dce4eb;
  background: -moz-linear-gradient(136deg, #dce4eb 0%, white 39%, #f4f6fc 64%, #e1e6f0 100%);
  background: -webkit-linear-gradient(136deg, #dce4eb 0%, white 39%, #f4f6fc 64%, #e1e6f0 100%);
  background: linear-gradient(136deg, #dce4eb 0%, white 39%, #f4f6fc 64%, #e1e6f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dce4eb",endColorstr="#e1e6f0",GradientType=1);
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .wrapper-20a-full.wrapper.wrapper-20a.wrapper-20a-inner .s-header {
    height: auto; }
  @media (max-width: 1260px) {
    .wrapper-20a-full.wrapper-20a.wrapper-20a-inner .s-header-wrapper {
      background: transparent; } }
  .wrapper-20a-full.wrapper-20a.wrapper-20a-inner .s-header:not(.active) .main-sub-wrapper {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.wrapper-20a {
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .wrapper-20a .s-header .nav-logo > a {
    position: relative; }
  .wrapper-20a .s-header .img-logo-white, .wrapper-20a .s-header .img-logo-color {
    display: block;
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .wrapper-20a .s-header .img-logo-color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0); }
  .wrapper-20a .s-header .txt-subtitle {
    color: #F85700; }
  .wrapper-20a .s-header .li-lang {
    color: #012D74; }
  .wrapper-20a .s-header .nav-lang > li > a {
    color: #012D74;
    text-decoration: none; }
    .wrapper-20a .s-header .nav-lang > li > a:visited {
      color: #012D74;
      text-decoration: none; }
    .wrapper-20a .s-header .nav-lang > li > a:hover, .wrapper-20a .s-header .nav-lang > li > a:focus {
      color: #F85700;
      text-decoration: none;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .wrapper-20a .s-header .nav-lang > li > a:active {
      color: #F85700;
      text-decoration: none; }
  .wrapper-20a .s-header .nav-ctrl .btn-search {
    background-image: url(../images/icon-search-20a.svg); }
  .wrapper-20a .s-header .nav-ctrl .ico-dropdown {
    background-image: url(../images/dropdown-arrow-small-20a.svg); }
  @media (max-width: 1260px) {
    .wrapper-20a .s-header {
      height: auto; }
      .wrapper-20a .s-header .nav-logo, .wrapper-20a .s-header .main-sub-wrapper {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none; }
      .wrapper-20a .s-header .nav-logo {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .wrapper-20a .s-header .nav-logo .btn-menu {
          float: none;
          background-color: transparent;
          position: relative;
          z-index: 20;
          order: 2; }
          .wrapper-20a .s-header .nav-logo .btn-menu:not(.active) .line {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0; }
            .wrapper-20a .s-header .nav-logo .btn-menu:not(.active) .line-1 {
              top: 42%; }
            .wrapper-20a .s-header .nav-logo .btn-menu:not(.active) .line-3 {
              top: 58%; }
        .wrapper-20a .s-header .nav-logo a {
          display: inline-block; }
      .wrapper-20a .s-header .main-sub-wrapper {
        height: 0; }
        .wrapper-20a .s-header .main-sub-wrapper .box-nav::before {
          display: none; }
      .wrapper-20a .s-header .nav-ctrl {
        top: 50%;
        top: 24px;
        right: 66px; }
      .wrapper-20a .s-header .nav-main > li > a, .wrapper-20a .s-header .nav-sub > li > a {
        display: block;
        color: #012D74;
        text-decoration: none; }
        .wrapper-20a .s-header .nav-main > li > a:visited, .wrapper-20a .s-header .nav-sub > li > a:visited {
          color: #012D74;
          text-decoration: none; }
        .wrapper-20a .s-header .nav-main > li > a:hover, .wrapper-20a .s-header .nav-main > li > a:focus, .wrapper-20a .s-header .nav-sub > li > a:hover, .wrapper-20a .s-header .nav-sub > li > a:focus {
          color: #012D74;
          text-decoration: none;
          -webkit-transition: 600ms ease;
          transition: 600ms ease; }
        .wrapper-20a .s-header .nav-main > li > a:active, .wrapper-20a .s-header .nav-sub > li > a:active {
          color: #012D74;
          text-decoration: none; }
      .wrapper-20a .s-header .nav-main > li:not(.li-back) > a, .wrapper-20a .s-header .nav-sub > li:not(.li-back) > a {
        padding-left: 20px;
        position: relative; }
        .wrapper-20a .s-header .nav-main > li:not(.li-back) > a::before, .wrapper-20a .s-header .nav-sub > li:not(.li-back) > a::before {
          content: "";
          display: inline-block;
          background: rgba(1, 45, 116, 0.3);
          width: 1px;
          height: 80%;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
      .wrapper-20a .s-header .ico-back {
        background-image: url(../images/icon-back-20a.svg); }
      .wrapper-20a .s-header .nav-logo {
        padding-left: 30px;
        padding-right: 20px;
        height: 100px; }
        .wrapper-20a .s-header .nav-logo > a {
          order: 1; }
        .wrapper-20a .s-header .nav-logo .img-logo-color {
          padding-bottom: 0; }
      .wrapper-20a .s-header .img-logo-white, .wrapper-20a .s-header .img-logo-color {
        height: 85px;
        margin: auto; }
    .wrapper-20a:not(.shrink) .s-header-wrapper {
      -moz-box-shadow: none;
      box-shadow: none; }
    .wrapper-20a:not(.shrink) .s-header .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-white.svg); }
    .wrapper-20a:not(.shrink) .s-header .nav-ctrl .li-lang {
      color: #fff; }
    .wrapper-20a:not(.shrink) .s-header .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-white.svg); }
    .wrapper-20a.shrink .s-header-wrapper, .wrapper-20a.active .s-header-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    .wrapper-20a.shrink .s-header .nav-logo .btn-menu .line, .wrapper-20a.active .s-header .nav-logo .btn-menu .line {
      background: #223670; }
    .wrapper-20a.shrink .s-header .img-logo-white, .wrapper-20a.active .s-header .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    .wrapper-20a.shrink .s-header .img-logo-color, .wrapper-20a.active .s-header .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); }
    ._open_menu .wrapper-20a .s-header-wrapper, ._open_search .wrapper-20a .s-header-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    ._open_menu .wrapper-20a .s-header .nav-ctrl .btn-search, ._open_search .wrapper-20a .s-header .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-20a.svg); }
    ._open_menu .wrapper-20a .s-header .nav-ctrl .li-lang, ._open_search .wrapper-20a .s-header .nav-ctrl .li-lang {
      color: #223670; }
    ._open_menu .wrapper-20a .s-header .nav-ctrl .ico-dropdown, ._open_search .wrapper-20a .s-header .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-20a.svg); }
    ._open_menu .wrapper-20a .s-header .nav-logo .btn-menu .line, ._open_search .wrapper-20a .s-header .nav-logo .btn-menu .line {
      background: #223670; }
    ._open_menu .wrapper-20a .s-header .img-logo-white, ._open_search .wrapper-20a .s-header .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    ._open_menu .wrapper-20a .s-header .img-logo-color, ._open_search .wrapper-20a .s-header .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); }
    ._open_menu .wrapper-20a .s-header .main-sub-wrapper {
      height: calc( 100vh - 100px); }
    .wrapper-20a.wrapper-20a-inner .s-header-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    .wrapper-20a.wrapper-20a-inner .s-header .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-20a.svg); }
    .wrapper-20a.wrapper-20a-inner .s-header .nav-ctrl .li-lang {
      color: #223670; }
    .wrapper-20a.wrapper-20a-inner .s-header .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-20a.svg); }
    .wrapper-20a.wrapper-20a-inner .s-header .nav-logo .btn-menu .line {
      background: #223670; }
    .wrapper-20a.wrapper-20a-inner .s-header .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    .wrapper-20a.wrapper-20a-inner .s-header .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); } }
  @media (min-width: 1261px) {
    .wrapper-20a .s-header {
      height: auto; }
      .wrapper-20a .s-header-wrapper {
        background: transparent;
        height: auto; }
      .wrapper-20a .s-header .all-sub-wrapper {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        min-height: 0; }
        .wrapper-20a .s-header .all-sub-wrapper::before {
          display: none; }
      .wrapper-20a .s-header .nav-logo a {
        width: auto;
        background: transparent;
        margin-left: 30px;
        height: 100px;
        line-height: 100px;
        z-index: 1; }
      .wrapper-20a .s-header .nav-main {
        height: 100px;
        line-height: 100px; }
        .wrapper-20a .s-header .nav-main > li {
          padding: 0 20px; }
          .wrapper-20a .s-header .nav-main > li > a {
            line-height: 50px;
            color: #012D74;
            text-decoration: none; }
            .wrapper-20a .s-header .nav-main > li > a:visited {
              color: #012D74;
              text-decoration: none; }
            .wrapper-20a .s-header .nav-main > li > a:hover, .wrapper-20a .s-header .nav-main > li > a:focus {
              color: #012D74;
              text-decoration: none;
              -webkit-transition: 600ms ease;
              transition: 600ms ease; }
            .wrapper-20a .s-header .nav-main > li > a:active {
              color: #012D74;
              text-decoration: none; }
            .wrapper-20a .s-header .nav-main > li > a::before {
              background: #F85700;
              height: 4px;
              opacity: 0;
              filter: alpha(opacity=0); }
          .wrapper-20a .s-header .nav-main > li.active > a::before {
            opacity: 1;
            filter: alpha(opacity=100); }
      .wrapper-20a .s-header .nav-sub > li {
        padding-top: 0; }
        .wrapper-20a .s-header .nav-sub > li > a {
          font-weight: bold;
          letter-spacing: 1px; }
          .wrapper-20a .s-header .nav-sub > li > a::before {
            background: #F85700; }
      .wrapper-20a .s-header .txt-subtitle {
        margin-bottom: 16px; }
      .wrapper-20a .s-header .txt-nav::before {
        background: #F85700; }
      .wrapper-20a .s-header .txt-desc {
        color: #595959; }
      .wrapper-20a .s-header .img-logo-white, .wrapper-20a .s-header .img-logo-color {
        height: 100px;
        padding-bottom: 15px;
        padding-top: 15px; }
      .wrapper-20a .s-header .nav-ctrl {
        top: 22px;
        padding-right: 20px; }
      .wrapper-20a .s-header .li-lang {
        color: #012D74; }
    .wrapper-20a:not(.shrink) .s-header:not(.active) .s-header-wrapper {
      -moz-box-shadow: none;
      box-shadow: none; }
    .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-white.svg); }
    .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .li-lang {
      color: #fff; }
    .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-white.svg); }
    .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li::before {
      background: rgba(255, 255, 255, 0.4); }
    .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a {
      color: #fff;
      text-decoration: none; }
      .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:visited {
        color: #fff;
        text-decoration: none; }
      .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:hover, .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:focus {
        color: #fff;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:active {
        color: #fff;
        text-decoration: none; }
    .wrapper-20a.shrink .s-header .main-sub-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    .wrapper-20a.shrink .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    .wrapper-20a.shrink .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); }
    .wrapper-20a.shrink .nav-sub > li > a {
      color: #223670;
      text-decoration: none;
      font-size: 14px; }
      .wrapper-20a.shrink .nav-sub > li > a:visited {
        color: #223670;
        text-decoration: none; }
      .wrapper-20a.shrink .nav-sub > li > a:hover, .wrapper-20a.shrink .nav-sub > li > a:focus {
        color: #223670;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a.shrink .nav-sub > li > a:active {
        color: #223670;
        text-decoration: none; }
    .wrapper-20a .s-header.active .main-sub-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    .wrapper-20a .s-header.active .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    .wrapper-20a .s-header.active .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); }
    .wrapper-20a .s-header.active .nav-main > li::before {
      background: #F85700; }
    .wrapper-20a .s-header.active .nav-main > li > a {
      color: #223670;
      text-decoration: none; }
      .wrapper-20a .s-header.active .nav-main > li > a:visited {
        color: #223670;
        text-decoration: none; }
      .wrapper-20a .s-header.active .nav-main > li > a:hover, .wrapper-20a .s-header.active .nav-main > li > a:focus {
        color: #223670;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a .s-header.active .nav-main > li > a:active {
        color: #223670;
        text-decoration: none; }
    .wrapper-20a .s-header.active .nav-sub > li > a {
      color: #223670;
      text-decoration: none;
      font-size: 14px; }
      .wrapper-20a .s-header.active .nav-sub > li > a:visited {
        color: #223670;
        text-decoration: none; }
      .wrapper-20a .s-header.active .nav-sub > li > a:hover, .wrapper-20a .s-header.active .nav-sub > li > a:focus {
        color: #223670;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a .s-header.active .nav-sub > li > a:active {
        color: #223670;
        text-decoration: none; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .main-sub-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active)-wrapper {
      -moz-box-shadow: none;
      box-shadow: none; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-white.svg); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .li-lang {
      color: #fff; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-white.svg); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li::before {
      background: #F85700; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a {
      color: #223670;
      text-decoration: none; }
      ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:visited {
        color: #223670;
        text-decoration: none; }
      ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:hover, ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:focus {
        color: #223670;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-main > li > a:active {
        color: #223670;
        text-decoration: none; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-20a.svg); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .li-lang {
      color: #223670; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-20a.svg); }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .nav-main > li::before {
      background: #F85700; }
    ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .nav-main > li > a {
      color: #F85700;
      text-decoration: none; }
      ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .nav-main > li > a:visited {
        color: #F85700;
        text-decoration: none; }
      ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .nav-main > li > a:hover, ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .nav-main > li > a:focus {
        color: #F85700;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      ._open_search .wrapper-20a:not(.shrink) .s-header:not(.active) .nav-ctrl .nav-main > li > a:active {
        color: #F85700;
        text-decoration: none; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .main-sub-wrapper {
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active)-wrapper {
      -moz-box-shadow: none;
      box-shadow: none; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-white.svg); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .li-lang {
      color: #fff; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-white.svg); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .img-logo-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .img-logo-color {
      opacity: 1;
      filter: alpha(opacity=100); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-main > li::before {
      background: #F85700; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-main > li > a {
      color: #223670;
      text-decoration: none; }
      .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-main > li > a:visited {
        color: #223670;
        text-decoration: none; }
      .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-main > li > a:hover, .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-main > li > a:focus {
        color: #223670;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-main > li > a:active {
        color: #223670;
        text-decoration: none; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .btn-search {
      background-image: url(../images/icon-search-20a.svg); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .li-lang {
      color: #223670; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .ico-dropdown {
      background-image: url(../images/dropdown-arrow-small-20a.svg); }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .nav-main > li::before {
      background: #F85700; }
    .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .nav-main > li > a {
      color: #F85700;
      text-decoration: none; }
      .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .nav-main > li > a:visited {
        color: #F85700;
        text-decoration: none; }
      .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .nav-main > li > a:hover, .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .nav-main > li > a:focus {
        color: #F85700;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a.wrapper-20a-inner .s-header:not(.active) .nav-ctrl .nav-main > li > a:active {
        color: #F85700;
        text-decoration: none; }
    .wrapper-20a.wrapper-20a-inner .s-header .nav-breadcrumb {
      background: rgba(1, 45, 116, 0.8);
      margin-left: -160px !important;
      margin-right: -160px !important;
      padding-left: 200px !important;
      padding-right: 200px !important; } }

.wrapper-20a .nav-sub {
  padding-left: 14px; }

.wrapper-20a .nav-sub-sub {
  margin-top: 10px;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .wrapper-20a .nav-sub-sub > li {
    width: 100%;
    margin-top: 5px;
    margin-right: 5px; }
    .wrapper-20a .nav-sub-sub > li > a {
      color: #012D74;
      text-decoration: none;
      font-weight: normal;
      font-size: 14px;
      border-left: 1px solid #F85700;
      padding-left: 15px; }
      .wrapper-20a .nav-sub-sub > li > a:visited {
        color: #012D74;
        text-decoration: none; }
      .wrapper-20a .nav-sub-sub > li > a:hover, .wrapper-20a .nav-sub-sub > li > a:focus {
        color: #F85700;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .wrapper-20a .nav-sub-sub > li > a:active {
        color: #F85700;
        text-decoration: none; }
  @media (max-width: 1260px) {
    .wrapper-20a .nav-sub-sub > li > a {
      border-left: 0;
      padding-left: 20px; } }

.wrapper.wrapper-20a.wrapper-20a-inner .s-header-wrapper {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  ._loaded .wrapper.wrapper-20a.wrapper-20a-inner .s-header-wrapper {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.wrapper.wrapper-20a.wrapper-20a-inner .s-header {
  height: 100px;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  @media (max-width: 1260px) {
    .wrapper.wrapper-20a.wrapper-20a-inner .s-header {
      height: 100px; } }

.wrapper-20a .b-header-search {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px); }

.wrapper-20a .b-search-bar .form-item {
  position: relative;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  .wrapper-20a .b-search-bar .form-item .form-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-right: 140px; }
  .wrapper-20a .b-search-bar .form-item .btn-search {
    background: #F85700;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    right: 80px; }
  @media (max-width: 1260px) {
    .wrapper-20a .b-search-bar .form-item .form-input {
      padding-right: 113px; }
    .wrapper-20a .b-search-bar .form-item .btn-search {
      right: 56px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-20a-hero2 {
  position: relative;
  pointer-events: none; }
  .s-20a-hero2 .box-intro {
    text-align: center; }
  .s-20a-hero2 .box-txt-inno {
    width: 100%;
    position: relative; }
    .s-20a-hero2 .box-txt-inno::before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 24.8575%; }
    .s-20a-hero2 .box-txt-inno:not(:lang(en))::before {
      padding-top: 52.63158%; }
  .s-20a-hero2 .txt-inno {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    position: absolute;
    margin: auto; }
    .s-20a-hero2 .txt-inno .img {
      width: 100%;
      display: block; }
    .s-20a-hero2 .txt-inno-white {
      opacity: 0;
      filter: alpha(opacity=0); }
    .s-20a-hero2 .txt-inno-color {
      opacity: 1;
      filter: alpha(opacity=100); }
  .s-20a-hero2 .txt-desc {
    width: 100%;
    color: #595959; }
  .s-20a-hero2 .box-20a-intro {
    width: 100%;
    z-index: 1;
    overflow: hidden;
    opacity: 1;
    filter: alpha(opacity=100); }
  .s-20a-hero2::before {
    content: "";
    display: block;
    height: 100vh;
    background: transparent;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .s-20a-hero2 .box-intro {
    pointer-events: auto; }
  .s-20a-hero2 .box-white-m {
    width: 100%;
    background: #fff;
    margin-top: -2px;
    padding: 48px 32px 50px;
    position: relative;
    -webkit-transition: none;
    transition: none; }
  .s-20a-hero2 .img-20a-mask {
    position: relative;
    max-width: 80%;
    margin: auto;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .s-20a-hero2 .img-20a-mask .img {
      width: 100%; }
    .s-20a-hero2 .img-20a-mask::before, .s-20a-hero2 .img-20a-mask::after {
      content: "";
      display: block;
      width: 100vw;
      height: 100%;
      background: #fff;
      top: 0;
      position: absolute; }
    .s-20a-hero2 .img-20a-mask::before {
      right: 100%;
      -webkit-transform: translate(4px, 0);
      -ms-transform: translate(4px, 0);
      transform: translate(4px, 0); }
    .s-20a-hero2 .img-20a-mask::after {
      left: 100%;
      -webkit-transform: translate(-4px, 0);
      -ms-transform: translate(-4px, 0);
      transform: translate(-4px, 0); }
  .s-20a-hero2 .img-map {
    width: 110vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 12%;
    display: block;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .s-20a-hero2 .box-txt-inno {
    max-width: 500px; }
    .s-20a-hero2 .box-txt-inno:not(:lang(en)) {
      max-width: 380px; }
  .s-20a-hero2 .img-logo-hkstp-20a {
    width: 90%;
    max-width: 314px;
    margin-top: 30px; }
  .s-20a-hero2 .img-num {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
  @media (max-width: 767px), (orientation: portrait) {
    .s-20a-hero2 .box-txt-inno {
      margin: auto;
      margin-bottom: 30px; }
    .s-20a-hero2 .img-num {
      display: none; } }
  @media (min-width: 768px) and (orientation: landscape) {
    .s-20a-hero2 .box-intro {
      width: auto;
      position: relative; }
    .s-20a-hero2 .box-txt-inno {
      margin-bottom: 30px; }
    .s-20a-hero2 .img-num {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      height: 100%; }
      .s-20a-hero2 .img-num .img-wrapper {
        height: 100%;
        position: absolute;
        top: 0; }
        .s-20a-hero2 .img-num .img-wrapper::before {
          content: "";
          display: block;
          width: 100vw;
          height: 100%;
          background: #fff;
          position: absolute; }
        .s-20a-hero2 .img-num .img-wrapper .img {
          height: 100%;
          display: block; }
        .s-20a-hero2 .img-num .img-wrapper-2 {
          right: 99.8%; }
          .s-20a-hero2 .img-num .img-wrapper-2::before {
            right: 100%;
            -webkit-transform: translate(2px, 0);
            -ms-transform: translate(2px, 0);
            transform: translate(2px, 0); }
        .s-20a-hero2 .img-num .img-wrapper-0 {
          left: 99.8%; }
          .s-20a-hero2 .img-num .img-wrapper-0::before {
            left: 100%;
            -webkit-transform: translate(-2px, 0);
            -ms-transform: translate(-2px, 0);
            transform: translate(-2px, 0); }
      .s-20a-hero2 .img-num-solid {
        background: #fff; }
    .s-20a-hero2 .img-map {
      top: 50%;
      width: auto;
      height: 90%; }
    .s-20a-hero2 .box-white-m {
      width: 50%;
      margin: auto;
      min-height: 100vh;
      padding: 115px 30px 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      position: relative; } }
  @media (min-width: 768px) and (orientation: landscape) and (min-width: 1200px) {
    .s-20a-hero2 .box-white-m {
      width: 40%; } }
  @media (min-width: 768px) and (orientation: landscape) {
    .s-20a-hero2 .img-20a-mask {
      display: none; }
    .s-20a-hero2 .txt-desc {
      position: relative; } }
  @media (min-width: 768px) and (orientation: landscape) and (min-width: 1200px) {
    .s-20a-hero2 .txt-desc {
      font-size: 20px; } }

.wrapper-20a .s-header-wrapper {
  -webkit-transform: translate(0, -200%);
  -ms-transform: translate(0, -200%);
  transform: translate(0, -200%); }

.wrapper-20a .s-20a-hero2 .txt-explore {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 0;
  filter: alpha(opacity=0); }

.wrapper-20a .s-20a-hero2 .swiper-pagination {
  -webkit-transform: translate(0, 300%);
  -ms-transform: translate(0, 300%);
  transform: translate(0, 300%);
  opacity: 0;
  filter: alpha(opacity=0); }

._loaded .wrapper-20a .swiper-pagination, ._loaded .wrapper-20a .txt-explore {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  opacity: 1;
  filter: alpha(opacity=100); }

._loaded .wrapper-20a .swiper-pagination {
  -webkit-transition: 1s;
  transition: 1s; }

._loaded .wrapper-20a .txt-explore {
  -webkit-transition: 1s;
  transition: 1s; }

._loaded .wrapper-20a .s-header-wrapper {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: 1s 1.2s -webkit-transform, 600ms opacity;
  transition: 1s 1.2s transform, 600ms opacity; }

.can-not-skrollr .s-20a-hero2 .b-swiper-home .txt-20-line, .can-not-skrollr .s-20a-hero2 .b-swiper-home .img-20a-logo {
  opacity: 0;
  filter: alpha(opacity=0); }

.can-not-skrollr._loaded .b-swiper-home .txt-20-line {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 1s 0.3s;
  transition: 1s 0.3s; }

.can-not-skrollr._loaded .b-swiper-home .img-20a-logo {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 1s 0.6s;
  transition: 1s 0.6s; }

.can-not-skrollr._loaded .swiper-pagination {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.can-not-skrollr._loaded .txt-explore {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.can-not-skrollr._loaded .s-header-wrapper {
  -webkit-transition: 1s 1.2s -webkit-transform, 600ms opacity;
  transition: 1s 1.2s transform, 600ms opacity; }

.can-not-skrollr._played_opening .s-header-wrapper {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }

.can-not-skrollr._played_opening .s-20a-hero2 .txt-explore, .can-not-skrollr._played_opening .s-20a-hero2 .swiper-pagination {
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }

.can-skrollr .s-20a-hero2 {
  height: 200vh; }

.can-skrollr .box-title-btn-m {
  display: none; }

.can-skrollr .txt-inno {
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }
  .can-skrollr .txt-inno-white {
    opacity: 1;
    filter: alpha(opacity=100); }
  .can-skrollr .txt-inno-color {
    opacity: 0;
    filter: alpha(opacity=0); }

.can-skrollr .box-20a-intro {
  position: fixed;
  left: 0;
  top: 0; }
  .can-skrollr .box-20a-intro._sticky {
    position: absolute;
    top: 100vh; }
  .can-skrollr .box-20a-intro._inactive .box-20a-intro-wrapper {
    opacity: 0;
    filter: alpha(opacity=0); }
  .can-skrollr .box-20a-intro:not(._ani) .txt-desc, .can-skrollr .box-20a-intro:not(._ani) .txt-desc-wrapper, .can-skrollr .box-20a-intro:not(._ani) .img-map, .can-skrollr .box-20a-intro:not(._ani) .img-num {
    -webkit-transition: 600ms ease;
    transition: 600ms ease; }
  .can-skrollr .box-20a-intro:not(._ani) .box-intro {
    pointer-events: none; }
  .can-skrollr .box-20a-intro:not(._ani) .img-num-solid, .can-skrollr .box-20a-intro:not(._ani) .img-map {
    opacity: 0;
    filter: alpha(opacity=0); }
  .can-skrollr .box-20a-intro:not(._ani) .txt-inno .img {
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    opacity: 0;
    filter: alpha(opacity=0); }
  .can-skrollr .box-20a-intro:not(._ani) .txt-desc {
    max-height: 0; }
    .can-skrollr .box-20a-intro:not(._ani) .txt-desc-wrapper {
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
      transform: translate(0, 10%); }
  .can-skrollr .box-20a-intro._ani .img-num-line {
    opacity: 0;
    filter: alpha(opacity=0); }
  .can-skrollr .box-20a-intro._ani .txt-desc {
    max-height: 600px; }
    .can-skrollr .box-20a-intro._ani .txt-desc-wrapper {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .can-skrollr .box-20a-intro._ani .txt-inno-white {
    opacity: 0;
    filter: alpha(opacity=0); }
  .can-skrollr .box-20a-intro._ani .txt-inno-color {
    opacity: 1;
    filter: alpha(opacity=100); }

.can-skrollr .img-num-line .img-wrapper-2 .img {
  -webkit-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
  opacity: 0;
  filter: alpha(opacity=0); }

.can-skrollr .img-num-line .img-wrapper-0 .img {
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translateX(10%);
  opacity: 0;
  filter: alpha(opacity=0); }

.can-skrollr._loaded .img-num-line .img-wrapper-2 .img, .can-skrollr._loaded .img-num-line .img-wrapper-0 .img {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  filter: alpha(opacity=100); }

.can-skrollr._loaded .s-header-wrapper {
  -webkit-transition: 1s 1.2s -webkit-transform, 600ms opacity;
  transition: 1s 1.2s transform, 600ms opacity; }

.can-skrollr._loaded .swiper-pagination {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.can-skrollr._loaded .txt-explore {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s; }

.can-skrollr._loaded .box-20a-intro:not(._ani) .txt-inno .img {
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 1s 0.8s;
  transition: 1s 0.8s; }

.can-skrollr._loaded .box-20a-intro._ani .img-map, .can-skrollr._loaded .box-20a-intro._ani .img-num {
  -webkit-transition: 1s;
  transition: 1s; }

.can-skrollr._loaded .box-20a-intro._ani .txt-desc {
  -webkit-transition: 2s 0.5s;
  transition: 2s 0.5s; }

.can-skrollr._loaded .box-20a-intro._ani .txt-desc-wrapper {
  -webkit-transition: 2s 0.7s;
  transition: 2s 0.7s; }

.can-skrollr._played_opening .s-header-wrapper {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }

.can-skrollr._played_opening .s-20a-hero2 .txt-explore, .can-skrollr._played_opening .s-20a-hero2 .swiper-pagination {
  -webkit-transition: 600ms ease;
  transition: 600ms ease; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-20a-news-events {
  overflow: hidden;
  margin-top: -2px; }
  .s-20a-news-events .row {
    margin-left: 0;
    margin-right: 0; }
    .s-20a-news-events .row .col {
      padding: 20px 50px; }
      @media (max-width: 767px) {
        .s-20a-news-events .row .col {
          padding-left: 30px;
          padding-right: 30px; } }
  .s-20a-news-events .row-title {
    border-top: 1px solid #DDDDDD;
    color: #595959; }
    .s-20a-news-events .row-title .txt-news-title {
      font-weight: 900;
      left: 2px;
      margin-bottom: 8px; }
    @media (max-width: 991px) {
      .s-20a-news-events .row-title .col {
        padding-top: 10px; }
      .s-20a-news-events .row-title .txt-news-title {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 15px; }
        .s-20a-news-events .row-title .txt-news-title::before {
          content: "";
          width: 100vw;
          position: absolute;
          left: 50%;
          bottom: 0;
          border-bottom: 1px solid #DDDDDD;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); } }
    @media (min-width: 992px) {
      .s-20a-news-events .row-title {
        border-bottom: 1px solid #DDDDDD; } }
  .s-20a-news-events .row-news-events .col {
    border-bottom: 1px solid #DDDDDD; }
    .s-20a-news-events .row-news-events .col:nth-child(odd) {
      border-right: 1px solid #DDDDDD; }
    @media (max-width: 991px) {
      .s-20a-news-events .row-news-events .col-events {
        order: 3; }
      .s-20a-news-events .row-news-events .col-events-all {
        order: 4; }
      .s-20a-news-events .row-news-events .col-news-all, .s-20a-news-events .row-news-events .col-events-all {
        padding-top: 10px;
        padding-bottom: 10px; } }
  .s-20a-news-events .b-swiper {
    margin-top: 10px;
    margin-bottom: 10px; }
  .s-20a-news-events .txt-month {
    font-size: 24px;
    left: 2px;
    font-weight: 900;
    color: #F85700;
    margin-bottom: 5px; }
  .s-20a-news-events .b-slider-20a-news {
    margin-left: 0;
    margin-right: -50px;
    height: calc( 100% - 57px - 20px - 24px); }
    .s-20a-news-events .b-slider-20a-news .slick-list, .s-20a-news-events .b-slider-20a-news .slick-track, .s-20a-news-events .b-slider-20a-news .slick-slide, .s-20a-news-events .b-slider-20a-news .slick-slide > div, .s-20a-news-events .b-slider-20a-news .b-card-news2, .s-20a-news-events .b-slider-20a-news .b-slide {
      height: 100%; }
    .s-20a-news-events .b-slider-20a-news .slick-slide .b-card-news2 {
      margin-right: 16px; }
    .s-20a-news-events .b-slider-20a-news .slick-slide:last-child .b-card-news2 {
      margin-right: 50px; }
    .s-20a-news-events .b-slider-20a-news .b-card-news2 {
      position: relative;
      border: 1px solid green; }
      .s-20a-news-events .b-slider-20a-news .b-card-news2 .txt-title {
        font-size: 18px; }
      .s-20a-news-events .b-slider-20a-news .b-card-news2 .box-ctx {
        height: calc( 100% - 190px - 41px); }
    .s-20a-news-events .b-slider-20a-news a {
      flex-direction: column; }
    .s-20a-news-events .b-slider-20a-news .box-ctx:last-child {
      padding-bottom: 20px; }
  .s-20a-news-events .col-events-all a, .s-20a-news-events .col-news-all a {
    display: block; }
  .s-20a-news-events .col-events {
    overflow: hidden; }
    .s-20a-news-events .col-events .b-swiper {
      overflow: visible; }

.s-20a-news-events .vp .b-swiper-news .swiper-slide:first-child a, .s-20a-news-events .vp .col-events-all a, .s-20a-news-events .vp .col-news-all a {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10%, 0%);
  -ms-transform: translate(-10%, 0%);
  transform: translate(-10%, 0%);
  -webkit-ransition: -webkit-transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear;
  transition: transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear; }

.s-20a-news-events .vp .b-swiper-events .swiper-slide {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0%, 10%);
  -ms-transform: translate(0%, 10%);
  transform: translate(0%, 10%);
  -webkit-ransition: -webkit-transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear;
  transition: transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear; }

.s-20a-news-events .vp .b-swiper-news .swiper-slide:first-child a:nth-child(1) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

.s-20a-news-events .vp .b-swiper-news .swiper-slide:first-child a:nth-child(2) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms; }

.s-20a-news-events .vp .b-swiper-news .swiper-slide:first-child a:nth-child(3) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms; }

.s-20a-news-events .vp .col-news-all a {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms; }

.s-20a-news-events .vp .b-swiper-events .swiper-slide:nth-child(1) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms; }

.s-20a-news-events .vp .b-swiper-events .swiper-slide:nth-child(2) {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms; }

.s-20a-news-events .vp .b-swiper-events .swiper-slide:nth-child(3) {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms; }

.s-20a-news-events .vp .col-events-all a {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms; }

.s-20a-news-events .vp.is_visible .b-swiper-news .swiper-slide:first-child a, .s-20a-news-events .vp.is_visible .b-swiper-events .swiper-slide, .s-20a-news-events .vp.is_visible .col-events-all a, .s-20a-news-events .vp.is_visible .col-news-all a {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-20a-directory .b-20a-search {
  width: 100%;
  position: relative;
  margin-top: 32px;
  margin-bottom: 32px; }
  .s-20a-directory .b-20a-search .form-input {
    width: 100%;
    padding: 16px 100px 16px 50px;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    height: 100px; }
  .s-20a-directory .b-20a-search .btn-search {
    background-color: #F85700;
    background-image: url(../images/20a/ico_search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    @media (min-width: 768px) {
      .s-20a-directory .b-20a-search .btn-search {
        background-size: 80px auto; } }
  @media (max-width: 767px) {
    .s-20a-directory .b-20a-search .form-input {
      height: 60px;
      padding: 16px 60px 16px 20px; }
    .s-20a-directory .b-20a-search .btn-search {
      width: 60px;
      height: 60px; } }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-20a-innovate {
  position: relative;
  overflow: hidden;
  padding-bottom: 160px !important; }
  @media (max-width: 767px) {
    .s-20a-innovate {
      padding-bottom: 80px !important; } }
  .s-20a-innovate .b-20a-events {
    height: 100%;
    position: relative;
    background-color: transparent;
    padding-top: 60px; }
    .s-20a-innovate .b-20a-events .img-news {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
    .s-20a-innovate .b-20a-events .box-ctx {
      padding-top: 150px;
      background: #F85700;
      height: 100%;
      -webkit-transition: 600ms ease;
      transition: 600ms ease; }
  .s-20a-innovate .b-swiper {
    overflow: visible; }
    .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events {
      padding-top: 0;
      padding-bottom: 60px; }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events .img-news {
        top: auto;
        bottom: 0; }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events .box-ctx {
        padding-top: 20px;
        padding-bottom: 190px;
        position: relative; }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events .txt-learn-more {
        bottom: 150px;
        z-index: 1; }
    @media (max-width: 767px) {
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(odd) .b-20a-events .img-news {
        -webkit-transform: translate(5px, -5px);
        -ms-transform: translate(5px, -5px);
        transform: translate(5px, -5px); }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(odd) .b-20a-events .box-ctx {
        -webkit-transform: translate(-5px, 5px);
        -ms-transform: translate(-5px, 5px);
        transform: translate(-5px, 5px); }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events .box-ctx {
        -webkit-transform: translate(5px, -5px);
        -ms-transform: translate(5px, -5px);
        transform: translate(5px, -5px); }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events .img-news {
        -webkit-transform: translate(-5px, 5px);
        -ms-transform: translate(-5px, 5px);
        transform: translate(-5px, 5px); } }
    @media (min-width: 768px) {
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(odd) .b-20a-events:hover .img-news {
        -webkit-transform: translate(5px, -5px);
        -ms-transform: translate(5px, -5px);
        transform: translate(5px, -5px); }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(odd) .b-20a-events:hover .box-ctx {
        -webkit-transform: translate(-5px, 5px);
        -ms-transform: translate(-5px, 5px);
        transform: translate(-5px, 5px); }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events:hover .box-ctx {
        -webkit-transform: translate(5px, -5px);
        -ms-transform: translate(5px, -5px);
        transform: translate(5px, -5px); }
      .s-20a-innovate .b-swiper .swiper-slide:nth-child(even) .b-20a-events:hover .img-news {
        -webkit-transform: translate(-5px, 5px);
        -ms-transform: translate(-5px, 5px);
        transform: translate(-5px, 5px); } }

.s-20a-innovate .vp .b-swiper-innovate .b-20a-events {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  transform: translate(0, 10%);
  -webkit-ransition: -webkit-transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear;
  transition: transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(1) .b-20a-events {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(2) .b-20a-events {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(3) .b-20a-events {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(4) .b-20a-events {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(5) .b-20a-events {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(6) .b-20a-events {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(7) .b-20a-events {
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(8) .b-20a-events {
  -webkit-transition-delay: 2400ms;
  transition-delay: 2400ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(9) .b-20a-events {
  -webkit-transition-delay: 2700ms;
  transition-delay: 2700ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(10) .b-20a-events {
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(11) .b-20a-events {
  -webkit-transition-delay: 3300ms;
  transition-delay: 3300ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(12) .b-20a-events {
  -webkit-transition-delay: 3600ms;
  transition-delay: 3600ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(13) .b-20a-events {
  -webkit-transition-delay: 3900ms;
  transition-delay: 3900ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(14) .b-20a-events {
  -webkit-transition-delay: 4200ms;
  transition-delay: 4200ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(15) .b-20a-events {
  -webkit-transition-delay: 4500ms;
  transition-delay: 4500ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(16) .b-20a-events {
  -webkit-transition-delay: 4800ms;
  transition-delay: 4800ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(17) .b-20a-events {
  -webkit-transition-delay: 5100ms;
  transition-delay: 5100ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(18) .b-20a-events {
  -webkit-transition-delay: 5400ms;
  transition-delay: 5400ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(19) .b-20a-events {
  -webkit-transition-delay: 5700ms;
  transition-delay: 5700ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(20) .b-20a-events {
  -webkit-transition-delay: 6000ms;
  transition-delay: 6000ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(21) .b-20a-events {
  -webkit-transition-delay: 6300ms;
  transition-delay: 6300ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(22) .b-20a-events {
  -webkit-transition-delay: 6600ms;
  transition-delay: 6600ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(23) .b-20a-events {
  -webkit-transition-delay: 6900ms;
  transition-delay: 6900ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(24) .b-20a-events {
  -webkit-transition-delay: 7200ms;
  transition-delay: 7200ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(25) .b-20a-events {
  -webkit-transition-delay: 7500ms;
  transition-delay: 7500ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(26) .b-20a-events {
  -webkit-transition-delay: 7800ms;
  transition-delay: 7800ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(27) .b-20a-events {
  -webkit-transition-delay: 8100ms;
  transition-delay: 8100ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(28) .b-20a-events {
  -webkit-transition-delay: 8400ms;
  transition-delay: 8400ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(29) .b-20a-events {
  -webkit-transition-delay: 8700ms;
  transition-delay: 8700ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(30) .b-20a-events {
  -webkit-transition-delay: 9000ms;
  transition-delay: 9000ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(31) .b-20a-events {
  -webkit-transition-delay: 9300ms;
  transition-delay: 9300ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(32) .b-20a-events {
  -webkit-transition-delay: 9600ms;
  transition-delay: 9600ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(33) .b-20a-events {
  -webkit-transition-delay: 9900ms;
  transition-delay: 9900ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(34) .b-20a-events {
  -webkit-transition-delay: 10200ms;
  transition-delay: 10200ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(35) .b-20a-events {
  -webkit-transition-delay: 10500ms;
  transition-delay: 10500ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(36) .b-20a-events {
  -webkit-transition-delay: 10800ms;
  transition-delay: 10800ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(37) .b-20a-events {
  -webkit-transition-delay: 11100ms;
  transition-delay: 11100ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(38) .b-20a-events {
  -webkit-transition-delay: 11400ms;
  transition-delay: 11400ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(39) .b-20a-events {
  -webkit-transition-delay: 11700ms;
  transition-delay: 11700ms; }

.s-20a-innovate .vp .b-swiper-innovate .swiper-slide:nth-child(40) .b-20a-events {
  -webkit-transition-delay: 12000ms;
  transition-delay: 12000ms; }

.s-20a-innovate .vp.is_visible .b-20a-events {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0); }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.s-20a-contact {
  background: #F85700 !important; }
  .s-20a-contact .container {
    max-width: 100% !important; }
  .s-20a-contact .row {
    margin-left: -30px;
    margin-right: -30px; }
  .s-20a-contact .col {
    padding-left: 30px;
    padding-right: 30px; }
    .s-20a-contact .col-img {
      padding-left: 0;
      padding-right: 0; }
    .s-20a-contact .col .txt-default-title {
      color: #fff;
      text-align: left; }
  .s-20a-contact .img {
    background-position: center;
    padding-top: 80%;
    display: block;
    margin: auto; }
  .s-20a-contact .form-item::before {
    display: none; }
  .s-20a-contact .form-input, .s-20a-contact .form-select, .s-20a-contact .form-textarea {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff; }
    .s-20a-contact .form-input::-webkit-input-placeholder, .s-20a-contact .form-select::-webkit-input-placeholder, .s-20a-contact .form-textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }
  .s-20a-contact .form-input {
    padding: 18px 0; }
  .s-20a-contact .form-textarea {
    padding: 12px 0;
    min-height: 0;
    line-height: normal;
    height: 48px; }
  .s-20a-contact .form-select .filter-option-inner-inner {
    padding-left: 0;
    color: #fff; }
  .s-20a-contact .form-select .bs-placeholder .filter-option-inner-inner {
    color: rgba(255, 255, 255, 0.4); }
  .s-20a-contact .form-select .btn::after {
    background-image: url(../images/20a/ico_arrow_down.svg);
    background-size: 80%; }
  .s-20a-contact .form-select .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 0; }
    .s-20a-contact .form-select .dropdown-menu .dropdown-item {
      padding-left: 16px; }
      .s-20a-contact .form-select .dropdown-menu .dropdown-item:hover {
        background-color: rgba(248, 87, 0, 0.1);
        color: #0D152C; }
      .s-20a-contact .form-select .dropdown-menu .dropdown-item.selected {
        background-color: rgba(248, 87, 0, 0.6); }
        .s-20a-contact .form-select .dropdown-menu .dropdown-item.selected:hover {
          color: #fff; }

.color-blue .checkmark {
  background-color: #128EFF; }
  .color-blue .checkmark::before {
    border-color: #128EFF; }

.color-blue.b-20a-time .txt-date::before {
  background: #128EFF; }

.color-blue.view-popup .txt-chapter::before {
  background: #128EFF; }

.color-blue.view-popup .txt-year {
  color: #128EFF; }

.active-blue .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-blue .color-blue {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-beige .checkmark {
  background-color: #FFAB64; }
  .color-beige .checkmark::before {
    border-color: #FFAB64; }

.color-beige.b-20a-time .txt-date::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-chapter::before {
  background: #FFAB64; }

.color-beige.view-popup .txt-year {
  color: #FFAB64; }

.active-beige .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-beige .color-beige {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-navy .checkmark {
  background-color: #002D74; }
  .color-navy .checkmark::before {
    border-color: #002D74; }

.color-navy.b-20a-time .txt-date::before {
  background: #002D74; }

.color-navy.view-popup .txt-chapter::before {
  background: #002D74; }

.color-navy.view-popup .txt-year {
  color: #002D74; }

.active-navy .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-navy .color-navy {
  opacity: 1;
  filter: alpha(opacity=100); }

.color-orange .checkmark {
  background-color: #E64B38; }
  .color-orange .checkmark::before {
    border-color: #E64B38; }

.color-orange.b-20a-time .txt-date::before {
  background: #E64B38; }

.color-orange.view-popup .txt-chapter::before {
  background: #E64B38; }

.color-orange.view-popup .txt-year {
  color: #E64B38; }

.active-orange .b-20a-time {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.active-orange .color-orange {
  opacity: 1;
  filter: alpha(opacity=100); }

.wrapper-20a-full {
  overflow: hidden;
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
  /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
  /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
  @media (max-width: 1260px) {
    .wrapper-20a-full.wrapper-20a.wrapper-20a-inner .s-header-wrapper {
      -webkit-backdrop-filter: none;
      backdrop-filter: none; }
      ._open_menu .wrapper-20a-full.wrapper-20a.wrapper-20a-inner .s-header-wrapper {
        background: rgba(255, 255, 255, 0.8);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px); } }
  @media (min-width: 1261px) {
    .wrapper-20a-full .s-header .nav-logo a {
      display: block;
      margin-left: 50px; }
    .wrapper-20a-full .s-header .nav-ctrl {
      padding-right: 30px; } }

.s-20a-full {
  min-height: 100vh;
  background: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index: 0; }
  ._open_chapter .s-20a-full {
    z-index: auto; }
  .s-20a-full .container-20a {
    position: absolute;
    width: 100%;
    top: 100px;
    bottom: 50px;
    overflow: hidden;
    overflow-y: auto;
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    @media (max-width: 1260px) {
      .s-20a-full .container-20a {
        top: 100px;
        padding-left: 30px;
        padding-right: 30px; } }
    @media (min-width: 1261px) {
      .s-20a-full .container-20a {
        top: 100px;
        padding-left: 50px;
        padding-right: 50px; } }
  .s-20a-full-landing .container-20a {
    bottom: 110px; }
  .s-20a-full-inner {
    /*@if $point == "no-skrollr"
		@media (max-width: 767px), (max-height: 819px ), (orientation: portrait)
			@content */
    /*@else if $point == "skrollr"
		@media (min-width: 768px) and (min-height: 820px) and (orientation: landscape)
			._desktop &
				@content */ }
    .s-20a-full-inner .container-20a {
      bottom: 210px; }
    @media (max-width: 1100px) {
      .s-20a-full-inner .container-20a {
        bottom: 160px; } }
  .s-20a-full .box-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/20a/bg_20.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 600ms ease;
    transition: 600ms ease;
    z-index: -1; }
    @media (max-width: 767px) {
      .s-20a-full .box-canvas {
        background-size: 200% auto;
        background-position: center; } }
    ._year_view .s-20a-full .box-canvas, ._popup_view .s-20a-full .box-canvas {
      opacity: 0.1;
      filter: alpha(opacity=10);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    ._chapter_view .s-20a-full .box-canvas {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .s-20a-full-landing {
    position: relative;
    z-index: 0; }
    .s-20a-full-landing .box-canvas {
      opacity: 0.2;
      filter: alpha(opacity=20); }
    .s-20a-full-landing .box-landing {
      width: 100%;
      text-align: center;
      height: 100%;
      display: table; }
      .s-20a-full-landing .box-landing-wrapper {
        display: table-cell;
        vertical-align: middle; }
    .s-20a-full-landing .img-logo-20a {
      display: block;
      width: 50%;
      margin: auto;
      margin-top: 30px;
      margin-bottom: 5%; }
    .s-20a-full-landing .txt-begin {
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 900;
      color: #012D74;
      text-decoration: none; }
      .s-20a-full-landing .txt-begin:visited {
        color: #012D74;
        text-decoration: none; }
      .s-20a-full-landing .txt-begin:hover, .s-20a-full-landing .txt-begin:focus {
        color: #F85700;
        text-decoration: none;
        -webkit-transition: 600ms ease;
        transition: 600ms ease; }
      .s-20a-full-landing .txt-begin:active {
        color: #F85700;
        text-decoration: none; }
    .s-20a-full-landing .hr-orange {
      display: block;
      margin: auto;
      width: 30px;
      height: 3px;
      background: #F85700;
      margin-top: 16px;
      margin-bottom: 48px; }
    .s-20a-full-landing .txt-or {
      color: rgba(89, 89, 89, 0.5);
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 16px;
      font-size: 14px; }
    .s-20a-full-landing .nav-chapter {
      margin: auto;
      justify-content: center; }
      .s-20a-full-landing .nav-chapter > li {
        padding-left: 20px;
        padding-right: 20px;
        position: relative; }
        .s-20a-full-landing .nav-chapter > li:not(:last-child)::after {
          content: "";
          height: 16px;
          width: 1px;
          background: rgba(89, 89, 89, 0.5);
          display: block;
          vertical-align: middle;
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translate(50%, -50%);
          -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%); }
        .s-20a-full-landing .nav-chapter > li > a {
          color: rgba(89, 89, 89, 0.5);
          text-decoration: none;
          letter-spacing: 1px; }
          .s-20a-full-landing .nav-chapter > li > a:visited {
            color: rgba(89, 89, 89, 0.5);
            text-decoration: none; }
          .s-20a-full-landing .nav-chapter > li > a:hover, .s-20a-full-landing .nav-chapter > li > a:focus {
            color: #F85700;
            text-decoration: none;
            -webkit-transition: 600ms ease;
            transition: 600ms ease; }
          .s-20a-full-landing .nav-chapter > li > a:active {
            color: #F85700;
            text-decoration: none; }
    @media (max-width: 767px) {
      .s-20a-full-landing .img-logo-20a {
        width: 100%;
        margin-bottom: 80px; }
      .s-20a-full-landing .txt-or, .s-20a-full-landing .nav-chapter {
        display: none; } }
    @media (min-width: 768px) {
      .s-20a-full-landing br {
        display: none; } }
  .s-20a-full .view-year {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    -webkit-transition: 300ms;
    transition: 300ms; }
    ._year_view .s-20a-full .view-year {
      opacity: 1;
      filter: alpha(opacity=100);
      pointer-events: auto; }
  ._year_view .s-20a-full .show-chapter {
    display: none; }
  ._year_view .s-20a-full .show-year {
    display: block; }
  ._chapter_view .s-20a-full .show-chapter {
    display: block; }
  ._chapter_view .s-20a-full .show-year {
    display: none; }
  ._popup_view .s-20a-full .show-chapter, ._popup_view .s-20a-full .show-year {
    display: none; }
  ._popup_view .s-20a-full .box-footer-ctrl {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    z-index: -1; }

/*------------------------------------------------------------------------- */
.recaptcha-wrapper {
  display: flex !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: 24px;
  margin-bottom: 24px; }
  .recaptcha-wrapper .botdetect-captcha-textbox {
    background: #fff;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    padding: 16px; }
    .recaptcha-wrapper .botdetect-captcha-textbox input#CaptchaCode {
      border: 1px solid #D5D5D5;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px; }
      .recaptcha-wrapper .botdetect-captcha-textbox input#CaptchaCode:focus {
        outline: none;
        -moz-box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4);
        box-shadow: 0px 0px 0px 3px rgba(18, 142, 255, 0.4); }
  .recaptcha-wrapper .BDC_CaptchaImageDiv {
    letter-spacing: normal; }
  @media (max-width: 1050px) {
    .recaptcha-wrapper {
      text-align: center !important; }
      .recaptcha-wrapper #BotDetectCaptcha_CaptchaDiv {
        float: none;
        width: 100%; }
        .recaptcha-wrapper #BotDetectCaptcha_CaptchaDiv input#CaptchaCode {
          width: 100%; } }

.vp {
  opacity: 0;
  filter: alpha(opacity=0); }
  .vp.is_visible {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s; }
  .vp.s-slider .b-card {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-ransition: -webkit-transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear;
    transition: transform 0.6s cubic-bezier(0.08, 0.59, 0.59, 1), opacity 0.6s linear; }
  .vp.s-slider .slick-slide:nth-child(1) .b-card, .vp.s-slider .col:nth-child(1) .b-card {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms; }
  .vp.s-slider .slick-slide:nth-child(2) .b-card, .vp.s-slider .col:nth-child(2) .b-card {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms; }
  .vp.s-slider .slick-slide:nth-child(3) .b-card, .vp.s-slider .col:nth-child(3) .b-card {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms; }
  .vp.s-slider .slick-slide:nth-child(4) .b-card, .vp.s-slider .col:nth-child(4) .b-card {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms; }
  .vp.s-slider .slick-slide:nth-child(5) .b-card, .vp.s-slider .col:nth-child(5) .b-card {
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms; }
  .vp.s-slider .slick-slide:nth-child(6) .b-card, .vp.s-slider .col:nth-child(6) .b-card {
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms; }
  .vp.s-slider .slick-slide:nth-child(7) .b-card, .vp.s-slider .col:nth-child(7) .b-card {
    -webkit-transition-delay: 2100ms;
    transition-delay: 2100ms; }
  .vp.s-slider .slick-slide:nth-child(8) .b-card, .vp.s-slider .col:nth-child(8) .b-card {
    -webkit-transition-delay: 2400ms;
    transition-delay: 2400ms; }
  .vp.s-slider .slick-slide:nth-child(9) .b-card, .vp.s-slider .col:nth-child(9) .b-card {
    -webkit-transition-delay: 2700ms;
    transition-delay: 2700ms; }
  .vp.s-slider .slick-slide:nth-child(10) .b-card, .vp.s-slider .col:nth-child(10) .b-card {
    -webkit-transition-delay: 3000ms;
    transition-delay: 3000ms; }
  .vp.s-slider .slick-slide:nth-child(11) .b-card, .vp.s-slider .col:nth-child(11) .b-card {
    -webkit-transition-delay: 3300ms;
    transition-delay: 3300ms; }
  .vp.s-slider .slick-slide:nth-child(12) .b-card, .vp.s-slider .col:nth-child(12) .b-card {
    -webkit-transition-delay: 3600ms;
    transition-delay: 3600ms; }
  .vp.s-slider .slick-slide:nth-child(13) .b-card, .vp.s-slider .col:nth-child(13) .b-card {
    -webkit-transition-delay: 3900ms;
    transition-delay: 3900ms; }
  .vp.s-slider .slick-slide:nth-child(14) .b-card, .vp.s-slider .col:nth-child(14) .b-card {
    -webkit-transition-delay: 4200ms;
    transition-delay: 4200ms; }
  .vp.s-slider .slick-slide:nth-child(15) .b-card, .vp.s-slider .col:nth-child(15) .b-card {
    -webkit-transition-delay: 4500ms;
    transition-delay: 4500ms; }
  .vp.s-slider .slick-slide:nth-child(16) .b-card, .vp.s-slider .col:nth-child(16) .b-card {
    -webkit-transition-delay: 4800ms;
    transition-delay: 4800ms; }
  .vp.s-slider .slick-slide:nth-child(17) .b-card, .vp.s-slider .col:nth-child(17) .b-card {
    -webkit-transition-delay: 5100ms;
    transition-delay: 5100ms; }
  .vp.s-slider .slick-slide:nth-child(18) .b-card, .vp.s-slider .col:nth-child(18) .b-card {
    -webkit-transition-delay: 5400ms;
    transition-delay: 5400ms; }
  .vp.s-slider .slick-slide:nth-child(19) .b-card, .vp.s-slider .col:nth-child(19) .b-card {
    -webkit-transition-delay: 5700ms;
    transition-delay: 5700ms; }
  .vp.s-slider .slick-slide:nth-child(20) .b-card, .vp.s-slider .col:nth-child(20) .b-card {
    -webkit-transition-delay: 6000ms;
    transition-delay: 6000ms; }
  .vp.s-slider .slick-slide:nth-child(21) .b-card, .vp.s-slider .col:nth-child(21) .b-card {
    -webkit-transition-delay: 6300ms;
    transition-delay: 6300ms; }
  .vp.s-slider .slick-slide:nth-child(22) .b-card, .vp.s-slider .col:nth-child(22) .b-card {
    -webkit-transition-delay: 6600ms;
    transition-delay: 6600ms; }
  .vp.s-slider .slick-slide:nth-child(23) .b-card, .vp.s-slider .col:nth-child(23) .b-card {
    -webkit-transition-delay: 6900ms;
    transition-delay: 6900ms; }
  .vp.s-slider .slick-slide:nth-child(24) .b-card, .vp.s-slider .col:nth-child(24) .b-card {
    -webkit-transition-delay: 7200ms;
    transition-delay: 7200ms; }
  .vp.s-slider .slick-slide:nth-child(25) .b-card, .vp.s-slider .col:nth-child(25) .b-card {
    -webkit-transition-delay: 7500ms;
    transition-delay: 7500ms; }
  .vp.s-slider .slick-slide:nth-child(26) .b-card, .vp.s-slider .col:nth-child(26) .b-card {
    -webkit-transition-delay: 7800ms;
    transition-delay: 7800ms; }
  .vp.s-slider .slick-slide:nth-child(27) .b-card, .vp.s-slider .col:nth-child(27) .b-card {
    -webkit-transition-delay: 8100ms;
    transition-delay: 8100ms; }
  .vp.s-slider .slick-slide:nth-child(28) .b-card, .vp.s-slider .col:nth-child(28) .b-card {
    -webkit-transition-delay: 8400ms;
    transition-delay: 8400ms; }
  .vp.s-slider .slick-slide:nth-child(29) .b-card, .vp.s-slider .col:nth-child(29) .b-card {
    -webkit-transition-delay: 8700ms;
    transition-delay: 8700ms; }
  .vp.s-slider .slick-slide:nth-child(30) .b-card, .vp.s-slider .col:nth-child(30) .b-card {
    -webkit-transition-delay: 9000ms;
    transition-delay: 9000ms; }
  .vp.s-slider .slick-slide:nth-child(31) .b-card, .vp.s-slider .col:nth-child(31) .b-card {
    -webkit-transition-delay: 9300ms;
    transition-delay: 9300ms; }
  .vp.s-slider .slick-slide:nth-child(32) .b-card, .vp.s-slider .col:nth-child(32) .b-card {
    -webkit-transition-delay: 9600ms;
    transition-delay: 9600ms; }
  .vp.s-slider .slick-slide:nth-child(33) .b-card, .vp.s-slider .col:nth-child(33) .b-card {
    -webkit-transition-delay: 9900ms;
    transition-delay: 9900ms; }
  .vp.s-slider .slick-slide:nth-child(34) .b-card, .vp.s-slider .col:nth-child(34) .b-card {
    -webkit-transition-delay: 10200ms;
    transition-delay: 10200ms; }
  .vp.s-slider .slick-slide:nth-child(35) .b-card, .vp.s-slider .col:nth-child(35) .b-card {
    -webkit-transition-delay: 10500ms;
    transition-delay: 10500ms; }
  .vp.s-slider .slick-slide:nth-child(36) .b-card, .vp.s-slider .col:nth-child(36) .b-card {
    -webkit-transition-delay: 10800ms;
    transition-delay: 10800ms; }
  .vp.s-slider .slick-slide:nth-child(37) .b-card, .vp.s-slider .col:nth-child(37) .b-card {
    -webkit-transition-delay: 11100ms;
    transition-delay: 11100ms; }
  .vp.s-slider .slick-slide:nth-child(38) .b-card, .vp.s-slider .col:nth-child(38) .b-card {
    -webkit-transition-delay: 11400ms;
    transition-delay: 11400ms; }
  .vp.s-slider .slick-slide:nth-child(39) .b-card, .vp.s-slider .col:nth-child(39) .b-card {
    -webkit-transition-delay: 11700ms;
    transition-delay: 11700ms; }
  .vp.s-slider .slick-slide:nth-child(40) .b-card, .vp.s-slider .col:nth-child(40) .b-card {
    -webkit-transition-delay: 12000ms;
    transition-delay: 12000ms; }
  .vp.s-slider.is_visible .b-card {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0); }
  .vp.s-banner-quote {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }

.s-equipment .form-select-blue {
  margin: 32px auto 48px;
  max-width: 500px;
  display: block; }

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.pt-40 {
  padding-top: 40px; }

@media (max-width: 767px) {
  .ptb-80 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .ptb-40-sm {
    padding-top: 40px;
    padding-bottom: 40px; }
  .pt-0-sm {
    padding-top: 0; }
  .pb-0-sm {
    padding-bottom: 0; }
  .mb-0-sm {
    margin-bottom: 0; }
  .pt-40-sm {
    padding-top: 40px; } }

@media (max-width: 991px) {
  .pt-0-md {
    padding-top: 0; }
  .pb-0-md {
    padding-bottom: 0; } }

.md-hide {
  display: block; }

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

.md-show {
  display: none; }

@media (min-width: 768px) {
  .md-hide, .md-hide-inline {
    display: none; }
  .md-show {
    display: block; } }

.b-swiper-home .box-title-btn {
  pointer-events: none !important; }

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