@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@font-face {
  font-family: 'VisueltPro-Bold';
  src: url(../assets_2.0/fonts/VisueltPro-Bold.ttf) format("truetype"); }
@font-face {
  font-family: 'VisueltPro-Regular';
  src: url(../assets_2.0/fonts/VisueltPro-Regular.ttf) format("truetype"); }
@font-face {
  font-family: 'Larsseit-Bold';
  src: url(../assets_2.0/fonts/Larsseit-Bold.otf) format("opentype"); }
@font-face {
  font-family: 'Larsseit-Light';
  src: url(../assets_2.0/fonts/Larsseit-Light.otf) format("opentype"); }
@font-face {
  font-family: 'Larsseit-Medium';
  src: url(../assets_2.0/fonts/Larsseit-Medium.otf) format("opentype"); }
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 320px to 479px
*/
/* 
  ##Device = Most of the Smartphones Mobiles (Large)
  ##Screen = B/w 481px to 767px
*/
:root {
  --section-mt: 300px;
  --section-mt-half: 150px;
  --padding-l-r: 80px;
  --nav-h-c: 250px;
  --inner-miw-c: 1300px;
  --fz-h1: 4.6rem;
  --fz-h2: 3.6rem;
  --fz-h3: 2.8rem;
  --fz-h4: 2.2rem;
  --fz-h5: 1.8rem;
  --fz-h6: 1.6rem;
  --fz-p: 1rem;
  --fz-p-sm: .9rem;
  --fz-p-xs: .75rem;
  --fz-title: var(--fz-h1);
  --fz-subtitle: var(--fz-h6);
  --slider-l-r: 12px; }

body#mobile {
  --section-mt: 200px;
  --section-mt-half: 100px;
  --padding-l-r: 60px;
  --inner-miw-c: 100%;
  --fz-h1: 3.25rem;
  --fz-h2: 2.75rem;
  --fz-h3: 2.5rem;
  --fz-h4: 2rem;
  --fz-h5: 1.85rem;
  --fz-h6: 1.5rem;
  --fz-p: 1.15rem;
  --slider-l-r: 6px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    body#mobile {
      --section-mt: 125px;
      --section-mt-half: 62.5px;
      --padding-l-r: 12px;
      --inner-miw-c: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1366px) {
    body#mobile {
      --inner-miw-c: 100%;
      --padding-l-r: 40px; } }

html {
  overflow-x: hidden; }

html,
body {
  display: block; }

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

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

html,
body {
  margin: 0;
  width: 100%; }

body {
  line-height: 1;
  font-family: "VisueltPro-Regular";
  max-width: 100%; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #AAB1B5; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "VisueltPro-Regular";
  color: #8c9ca7;
  letter-spacing: 2.2px; }
input:-moz-placeholder,
textarea:-moz-placeholder {
  font-family: "VisueltPro-Regular";
  color: #8c9ca7;
  letter-spacing: 2.2px; }
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "VisueltPro-Regular";
  color: #8c9ca7;
  letter-spacing: 2.2px; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "VisueltPro-Regular";
  color: #8c9ca7;
  letter-spacing: 2.2px; }

select {
  color: #8c9ca7; }

option {
  color: #121014; }

option:first-child {
  color: #8c9ca7; }

.alert {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  padding: 0 15px;
  z-index: 9;
  width: 100%;
  min-height: 80px;
  max-width: 450px;
  background-color: rgba(75, 76, 72, 0.3);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  display: flex;
  transition: all .32s;
  top: 0;
  visibility: hidden;
  opacity: 0; }
  .alert.active {
    top: 120px;
    visibility: visible;
    opacity: 1; }
  .alert > .btn-icon::before {
    display: none; }
  .alert > .icon {
    background-color: transparent !important;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: calc(80px/2 - 48px/2); }
    .alert > .icon::before {
      display: none; }
  .alert p {
    padding: 25px 0;
    flex: 1;
    color: #121014; }
  .alert .btn-icon {
    margin-top: calc(80px/2 - 35px/2); }

.show-alert {
  cursor: pointer; }

.article .img-wp {
  height: 450px;
  position: relative;
  width: 100%; }
  .article .img-wp .img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; }
    .article .img-wp .img.w-100 img {
      width: 100%;
      height: auto; }
    .article .img-wp .img.h-100 img {
      width: auto;
      height: 100%; }
    .article .img-wp .img img {
      transform: translate(-50%, -50%) scale(1); }
.article .image-frame {
  height: 450px; }
  .article .image-frame .image-shadow {
    bottom: -32px; }
.article .long-img {
  position: relative; }
  .article .long-img img {
    width: 100%; }
.article p {
  max-width: 80%;
  color: #4B4C48; }
.article h6 {
  font-size: 1.3rem;
  color: rgba(75, 76, 72, 0.8); }
.article ul li, .article ol li {
  margin-left: 35px;
  padding-left: 12px;
  line-height: 1.5;
  color: #4B4C48; }
  .article ul li:not(:last-child), .article ol li:not(:last-child) {
    margin-bottom: 15px; }
.article ul {
  list-style: disc; }
.article ol {
  list-style: decimal; }
.article .quoted-text {
  position: relative;
  max-width: 65%;
  margin: 0 auto;
  width: calc(100% - 25px*2);
  padding: 0 25px 0 25px; }
  .article .quoted-text:before, .article .quoted-text:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    font-size: 24px;
    color: #4B4C48; }
  .article .quoted-text:before {
    content: '\f10e';
    left: -18px;
    top: 0; }
  .article .quoted-text:after {
    content: '\f10d';
    right: -18px;
    bottom: 0; }

.article-signature {
  display: flex;
  align-items: center;
  position: relative;
  padding: 50px 0 0; }
  .article-signature .view-info {
    display: flex;
    align-items: center;
    font-size: var(--fz-h6); }
    .article-signature .view-info > .icon {
      background-color: #F4D033 !important;
      border-radius: 50%; }
      .article-signature .view-info > .icon:hover {
        box-shadow: 0 2px 10px rgba(244, 208, 51, 0.5); }
      .article-signature .view-info > .icon::before {
        display: none; }
    .article-signature .view-info p {
      color: #4B4C48; }
  .article-signature .share-info {
    display: flex;
    align-items: center; }
    .article-signature .share-info p {
      color: #4B4C48; }
    .article-signature .share-info .btn-icon:not(:last-child) {
      margin-right: 15px; }
    .article-signature .share-info .btn-icon::before {
      display: none; }

.btn-wrapper {
  display: flex; }
  .btn-wrapper .btn-icon:not(:last-child),
  .btn-wrapper .btn-dropdown:not(:last-child),
  .btn-wrapper .btn:not(:last-child) {
    margin-right: 15px; }
  .btn-wrapper.fd-col {
    margin-left: auto;
    flex-direction: column; }
    .btn-wrapper.fd-col .btn-icon:not(:last-child),
    .btn-wrapper.fd-col .btn-dropdown:not(:last-child),
    .btn-wrapper.fd-col .btn:not(:last-child) {
      margin-right: 0;
      margin-bottom: 15px; }

.btn {
  font-size: 18px;
  color: rgba(18, 16, 20, 0.5);
  font-family: "VisueltPro-Regular";
  line-height: 1.25;
  letter-spacing: 0.5px;
  cursor: pointer;
  max-width: 250px;
  height: 48px;
  padding: 0 24px;
  border-radius: 8px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: #D4DADE;
  color: #fff;
  border: none;
  transition: all 0.32s;
  position: relative;
  overflow: hidden;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  @media only screen and (min-width: 1281px) {
    .btn:hover {
      background-color: rgba(169, 181, 189, 0.5); } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .btn:hover {
      background-color: rgba(169, 181, 189, 0.5); } }
  .btn.btn-outline {
    overflow: hidden;
    background-color: transparent; }
    .btn.btn-outline span {
      position: relative;
      z-index: 2; }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn.btn-outline:hover:after {
        bottom: 0; } }
    .btn.btn-outline:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      border: 2px solid rgba(255, 255, 255, 0.5); }
    .btn.btn-outline:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -100%;
      transform: translate(-50%, 0);
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      transition: all 0.32s; }
  .btn.btn-rounded {
    border-radius: 48px; }
  .btn.btn-w-accent {
    overflow: visible; }
    .btn.btn-w-accent:after {
      -webkit-mask: url(../assets_2.0/images/accents/circle-2.svg) no-repeat 50% 50%;
      mask: url(../assets_2.0/images/accents/circle-2.svg) no-repeat 50% 50%;
      -webkit-mask-size: cover;
      mask-size: cover;
      content: "";
      background-color: #D4DADE;
      height: 285%;
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(-25deg);
      transition: all .32s; }
  .btn.btn-red {
    background-color: #EA2A34;
    color: #fff; }
    @media only screen and (min-width: 1281px) {
      .btn.btn-red:hover {
        box-shadow: 0 2px 10px rgba(234, 42, 52, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn.btn-red:hover {
        box-shadow: 0 2px 10px rgba(234, 42, 52, 0.5); } }
    .btn.btn-red.btn-outline {
      color: #EA2A34; }
      .btn.btn-red.btn-outline:before {
        border-color: #EA2A34; }
      .btn.btn-red.btn-outline:after {
        background-color: #EA2A34; }
    .btn.btn-red.btn-w-accent:after {
      background-color: #f17076; }
    .btn.btn-red.btn-icon {
      background-color: rgba(234, 42, 52, 0.25);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
      .btn.btn-red.btn-icon .text {
        background-color: #EA2A34; }
  .btn.btn-yellow {
    background-color: #F4D033;
    color: #fff; }
    @media only screen and (min-width: 1281px) {
      .btn.btn-yellow:hover {
        box-shadow: 0 2px 10px rgba(244, 208, 51, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn.btn-yellow:hover {
        box-shadow: 0 2px 10px rgba(244, 208, 51, 0.5); } }
    .btn.btn-yellow.btn-outline {
      color: #F4D033; }
      .btn.btn-yellow.btn-outline:before {
        border-color: #F4D033; }
      .btn.btn-yellow.btn-outline:after {
        background-color: #F4D033; }
    .btn.btn-yellow.btn-w-accent:after {
      background-color: #f8e17c; }
    .btn.btn-yellow.btn-icon {
      background-color: rgba(244, 208, 51, 0.25);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
      .btn.btn-yellow.btn-icon .text {
        background-color: #F4D033; }
  .btn.btn-green {
    background-color: #429122;
    color: #fff; }
    @media only screen and (min-width: 1281px) {
      .btn.btn-green:hover {
        box-shadow: 0 2px 10px rgba(66, 145, 34, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn.btn-green:hover {
        box-shadow: 0 2px 10px rgba(66, 145, 34, 0.5); } }
    .btn.btn-green.btn-outline {
      color: #429122; }
      .btn.btn-green.btn-outline:before {
        border-color: #429122; }
      .btn.btn-green.btn-outline:after {
        background-color: #429122; }
    .btn.btn-green.btn-w-accent:after {
      background-color: #5ecf31; }
    .btn.btn-green.btn-icon {
      background-color: rgba(66, 145, 34, 0.25);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
      .btn.btn-green.btn-icon .text {
        background-color: #429122; }
  .btn.btn-blue {
    background-color: #0B68DE;
    color: #fff; }
    @media only screen and (min-width: 1281px) {
      .btn.btn-blue:hover {
        box-shadow: 0 2px 10px rgba(11, 104, 222, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn.btn-blue:hover {
        box-shadow: 0 2px 10px rgba(11, 104, 222, 0.5); } }
    .btn.btn-blue.btn-outline {
      color: #0B68DE; }
      .btn.btn-blue.btn-outline:before {
        border-color: #0B68DE; }
      .btn.btn-blue.btn-outline:after {
        background-color: #0B68DE; }
    .btn.btn-blue.btn-w-accent:after {
      background-color: #4090f6; }
    .btn.btn-blue.btn-icon {
      background-color: rgba(11, 104, 222, 0.25);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px); }
      .btn.btn-blue.btn-icon .text {
        background-color: #0B68DE; }
  .btn.btn-fullwidth {
    width: 100%;
    max-width: 100%; }
  .btn.btn-sm {
    max-width: 250px;
    height: 35px;
    padding: 0 16px;
    border-radius: 6px; }
  .btn.btn-icon {
    padding: 0;
    background-color: rgba(212, 218, 222, 0.25);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); }
    .btn.btn-icon .text {
      padding: 0 18px;
      height: 100%;
      flex: 1;
      background-color: #D4DADE;
      display: flex;
      align-items: center;
      border-radius: 8px; }
    .btn.btn-icon .icon {
      font-size: 16px;
      padding: 0 18px; }
  .btn.btn-google {
    background-color: rgba(234, 67, 53, 0.8);
    color: #fff;
    border: none;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); }
    .btn.btn-google:hover, .btn.btn-google.active {
      background-color: #ef7066;
      border-color: #ef7066; }
  .btn.btn-facebook {
    background-color: rgba(59, 89, 152, 0.8);
    color: #fff;
    border: none;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); }
    .btn.btn-facebook:hover, .btn.btn-facebook.active {
      background-color: #4e71ba;
      border-color: #4e71ba; }

.btn-dropdown {
  position: relative;
  width: auto;
  height: 48px;
  z-index: 3; }
  .btn-dropdown.active .dropdown-toggle .btn .icon i {
    transform: rotate(-180deg); }
  .btn-dropdown.active .dropdown-body {
    top: calc(100% + 15px);
    visibility: visible;
    opacity: 1; }
  .btn-dropdown .dropdown-toggle {
    position: relative;
    width: auto;
    height: 48px; }
    .btn-dropdown .dropdown-toggle .btn .icon i {
      transition: all 0.32s; }
  .btn-dropdown .dropdown-body {
    position: absolute;
    min-width: 175px;
    max-width: 250px;
    top: calc(100% + 50px);
    padding: 10px 0;
    border-radius: 12px;
    background-color: rgba(212, 218, 222, 0.85);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.32s;
    visibility: hidden;
    opacity: 0; }
    .btn-dropdown .dropdown-body .dropdown-item {
      width: calc(100% - 15px *2);
      padding: 15px;
      transition: all 0.32s;
      cursor: pointer;
      font-size: 16px;
      color: #aab1b5;
      font-family: "VisueltPro-Regular";
      line-height: 1;
      letter-spacing: 0; }
      .btn-dropdown .dropdown-body .dropdown-item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .btn-dropdown .dropdown-body .dropdown-item.active, .btn-dropdown .dropdown-body .dropdown-item:hover {
        background-color: rgba(170, 177, 181, 0.5); }
        .btn-dropdown .dropdown-body .dropdown-item.active .link, .btn-dropdown .dropdown-body .dropdown-item:hover .link {
          color: #fff; }
  .btn-dropdown.btn-sm {
    height: 35px; }
    .btn-dropdown.btn-sm .dropdown-toggle {
      height: 35px; }
  .btn-dropdown.f-left .dropdown-body {
    left: 0; }
  .btn-dropdown.f-right .dropdown-body {
    right: 0; }
  .btn-dropdown.for-input .dropdown-body {
    min-width: 250px;
    max-width: 250px; }
    .btn-dropdown.for-input .dropdown-body .form {
      padding: 15px;
      width: calc(100% - 15px * 2); }
      .btn-dropdown.for-input .dropdown-body .form .form-control:not(:last-child),
      .btn-dropdown.for-input .dropdown-body .form .control:not(:last-child) {
        margin-bottom: 15px; }
    .btn-dropdown.for-input .dropdown-body .form-control .label {
      color: white;
      margin-bottom: 5; }
    .btn-dropdown.for-input .dropdown-body .form-control .input,
    .btn-dropdown.for-input .dropdown-body .form-control .textarea,
    .btn-dropdown.for-input .dropdown-body .form-control .dropdown {
      background-color: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.2); }
      .btn-dropdown.for-input .dropdown-body .form-control .input:hover, .btn-dropdown.for-input .dropdown-body .form-control .input:focus,
      .btn-dropdown.for-input .dropdown-body .form-control .textarea:hover,
      .btn-dropdown.for-input .dropdown-body .form-control .textarea:focus,
      .btn-dropdown.for-input .dropdown-body .form-control .dropdown:hover,
      .btn-dropdown.for-input .dropdown-body .form-control .dropdown:focus {
        border-color: #EA2A34; }
    .btn-dropdown.for-input .dropdown-body .btn-wrapper .link {
      margin-left: auto;
      margin-right: 15px; }

.btn-icon:not(.btn), .icon:not(.btn-icon > .icon):not(.link-icon > .icon) {
  height: 48px;
  width: 48px;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.32s;
  position: relative;
  background-color: #D4DADE;
  color: white; }
  .btn-icon:not(.btn):before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon):before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 175%;
    width: 175%;
    border-radius: calc(125%/2);
    background-color: rgba(212, 218, 222, 0.25);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: -1;
    transition: all 0.32s; }
  .btn-icon:not(.btn) .icon, .icon:not(.btn-icon > .icon):not(.link-icon > .icon) .icon {
    position: relative;
    z-index: 1; }
  .btn-icon:not(.btn).btn-sm, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-sm {
    height: 35px;
    width: 35px;
    font-size: 16px; }
  .btn-icon:not(.btn).btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-outline {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0); }
    .btn-icon:not(.btn).btn-outline span, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-outline span {
      position: relative;
      z-index: 2; }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-outline:hover:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-outline:hover:after {
        bottom: 0; } }
    .btn-icon:not(.btn).btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-outline:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      border: 2px solid rgba(255, 255, 255, 0.5);
      z-index: -1; }
    .btn-icon:not(.btn).btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-outline:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -100%;
      transform: translate(-50%, 0);
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      transition: all 0.32s;
      z-index: -1; }
  .btn-icon:not(.btn).btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-w-accent:after {
    -webkit-mask: url(../assets_2.0/images/accents/circle-1.svg) no-repeat 50% 50%;
    mask: url(../assets_2.0/images/accents/circle-1.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    content: "";
    background-color: #D4DADE;
    height: 135%;
    width: 140%;
    position: absolute;
    left: 50%;
    top: calc(50% - 2.5px);
    transform: translate(-50%, -50%);
    transition: all .32s; }
  .btn-icon:not(.btn).btn-red, .btn-icon:not(.btn).icon-red, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-red {
    background-color: #EA2A34;
    color: #fff; }
    .btn-icon:not(.btn).btn-red:before, .btn-icon:not(.btn).icon-red:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-red:before {
      background-color: rgba(234, 42, 52, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-red:hover, .btn-icon:not(.btn).icon-red:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-red:hover {
        background-color: #EA2A34;
        box-shadow: 0 2px 10px rgba(234, 42, 52, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-red:hover, .btn-icon:not(.btn).icon-red:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-red:hover {
        background-color: #EA2A34;
        box-shadow: 0 2px 10px rgba(234, 42, 52, 0.5); } }
  .btn-icon:not(.btn).btn-red.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red.btn-outline {
    color: #EA2A34; }
    .btn-icon:not(.btn).btn-red.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red.btn-outline:before {
      border-color: #EA2A34; }
    .btn-icon:not(.btn).btn-red.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red.btn-outline:after {
      background-color: #EA2A34; }
  .btn-icon:not(.btn).btn-red.active, .btn-icon:not(.btn).btn-red.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red.active:hover {
    background-color: #ef5b62; }
  .btn-icon:not(.btn).btn-red.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-red.btn-w-accent:after {
    background-color: #f17076; }
  .btn-icon:not(.btn).btn-yellow, .btn-icon:not(.btn).icon-yellow, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-yellow {
    background-color: #F4D033;
    color: #fff; }
    .btn-icon:not(.btn).btn-yellow:before, .btn-icon:not(.btn).icon-yellow:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-yellow:before {
      background-color: rgba(244, 208, 51, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-yellow:hover, .btn-icon:not(.btn).icon-yellow:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-yellow:hover {
        background-color: #F4D033;
        box-shadow: 0 2px 10px rgba(244, 208, 51, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-yellow:hover, .btn-icon:not(.btn).icon-yellow:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-yellow:hover {
        background-color: #F4D033;
        box-shadow: 0 2px 10px rgba(244, 208, 51, 0.5); } }
  .btn-icon:not(.btn).btn-yellow.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow.btn-outline {
    color: #F4D033; }
    .btn-icon:not(.btn).btn-yellow.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow.btn-outline:before {
      border-color: #F4D033; }
    .btn-icon:not(.btn).btn-yellow.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow.btn-outline:after {
      background-color: #F4D033; }
  .btn-icon:not(.btn).btn-yellow.active, .btn-icon:not(.btn).btn-yellow.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow.active:hover {
    background-color: #f7dc66; }
  .btn-icon:not(.btn).btn-yellow.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-yellow.btn-w-accent:after {
    background-color: #f8e17c; }
  .btn-icon:not(.btn).btn-green, .btn-icon:not(.btn).icon-green, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-green {
    background-color: #429122;
    color: #fff; }
    .btn-icon:not(.btn).btn-green:before, .btn-icon:not(.btn).icon-green:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-green:before {
      background-color: rgba(66, 145, 34, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-green:hover, .btn-icon:not(.btn).icon-green:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-green:hover {
        background-color: #429122;
        box-shadow: 0 2px 10px rgba(66, 145, 34, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-green:hover, .btn-icon:not(.btn).icon-green:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-green:hover {
        background-color: #429122;
        box-shadow: 0 2px 10px rgba(66, 145, 34, 0.5); } }
  .btn-icon:not(.btn).btn-green.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green.btn-outline {
    color: #429122; }
    .btn-icon:not(.btn).btn-green.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green.btn-outline:before {
      border-color: #429122; }
    .btn-icon:not(.btn).btn-green.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green.btn-outline:after {
      background-color: #429122; }
  .btn-icon:not(.btn).btn-green.active, .btn-icon:not(.btn).btn-green.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green.active:hover {
    background-color: #56bc2c; }
  .btn-icon:not(.btn).btn-green.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-green.btn-w-accent:after {
    background-color: #5ecf31; }
  .btn-icon:not(.btn).btn-blue, .btn-icon:not(.btn).icon-blue, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-blue {
    background-color: #0B68DE;
    color: #fff; }
    .btn-icon:not(.btn).btn-blue:before, .btn-icon:not(.btn).icon-blue:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-blue:before {
      background-color: rgba(11, 104, 222, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-blue:hover, .btn-icon:not(.btn).icon-blue:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-blue:hover {
        background-color: #0B68DE;
        box-shadow: 0 2px 10px rgba(11, 104, 222, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-blue:hover, .btn-icon:not(.btn).icon-blue:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-blue:hover {
        background-color: #0B68DE;
        box-shadow: 0 2px 10px rgba(11, 104, 222, 0.5); } }
  .btn-icon:not(.btn).btn-blue.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue.btn-outline {
    color: #0B68DE; }
    .btn-icon:not(.btn).btn-blue.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue.btn-outline:before {
      border-color: #0B68DE; }
    .btn-icon:not(.btn).btn-blue.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue.btn-outline:after {
      background-color: #0B68DE; }
  .btn-icon:not(.btn).btn-blue.active, .btn-icon:not(.btn).btn-blue.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue.active:hover {
    background-color: #2a83f4; }
  .btn-icon:not(.btn).btn-blue.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-blue.btn-w-accent:after {
    background-color: #4090f6; }
  .btn-icon:not(.btn).btn-fb, .btn-icon:not(.btn).icon-fb, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-fb {
    background-color: #3b5998;
    color: #fff; }
    .btn-icon:not(.btn).btn-fb:before, .btn-icon:not(.btn).icon-fb:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-fb:before {
      background-color: rgba(59, 89, 152, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-fb:hover, .btn-icon:not(.btn).icon-fb:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-fb:hover {
        background-color: #3b5998;
        box-shadow: 0 2px 10px rgba(59, 89, 152, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-fb:hover, .btn-icon:not(.btn).icon-fb:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-fb:hover {
        background-color: #3b5998;
        box-shadow: 0 2px 10px rgba(59, 89, 152, 0.5); } }
  .btn-icon:not(.btn).btn-fb.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb.btn-outline {
    color: #3b5998; }
    .btn-icon:not(.btn).btn-fb.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb.btn-outline:before {
      border-color: #3b5998; }
    .btn-icon:not(.btn).btn-fb.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb.btn-outline:after {
      background-color: #3b5998; }
  .btn-icon:not(.btn).btn-fb.active, .btn-icon:not(.btn).btn-fb.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb.active:hover {
    background-color: #4e71ba; }
  .btn-icon:not(.btn).btn-fb.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-fb.btn-w-accent:after {
    background-color: #5f7ec1; }
  .btn-icon:not(.btn).btn-twitter, .btn-icon:not(.btn).icon-twitter, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-twitter {
    background-color: #00acee;
    color: #fff; }
    .btn-icon:not(.btn).btn-twitter:before, .btn-icon:not(.btn).icon-twitter:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-twitter:before {
      background-color: rgba(0, 172, 238, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-twitter:hover, .btn-icon:not(.btn).icon-twitter:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-twitter:hover {
        background-color: #00acee;
        box-shadow: 0 2px 10px rgba(0, 172, 238, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-twitter:hover, .btn-icon:not(.btn).icon-twitter:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-twitter:hover {
        background-color: #00acee;
        box-shadow: 0 2px 10px rgba(0, 172, 238, 0.5); } }
  .btn-icon:not(.btn).btn-twitter.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter.btn-outline {
    color: #00acee; }
    .btn-icon:not(.btn).btn-twitter.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter.btn-outline:before {
      border-color: #00acee; }
    .btn-icon:not(.btn).btn-twitter.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter.btn-outline:after {
      background-color: #00acee; }
  .btn-icon:not(.btn).btn-twitter.active, .btn-icon:not(.btn).btn-twitter.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter.active:hover {
    background-color: #25c2ff; }
  .btn-icon:not(.btn).btn-twitter.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-twitter.btn-w-accent:after {
    background-color: #3cc9ff; }
  .btn-icon:not(.btn).btn-linkid, .btn-icon:not(.btn).icon-linkid, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-linkid {
    background-color: #0e76a8;
    color: #fff; }
    .btn-icon:not(.btn).btn-linkid:before, .btn-icon:not(.btn).icon-linkid:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-linkid:before {
      background-color: rgba(14, 118, 168, 0.25); }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-linkid:hover, .btn-icon:not(.btn).icon-linkid:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-linkid:hover {
        background-color: #0e76a8;
        box-shadow: 0 2px 10px rgba(14, 118, 168, 0.5); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-linkid:hover, .btn-icon:not(.btn).icon-linkid:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).icon-linkid:hover {
        background-color: #0e76a8;
        box-shadow: 0 2px 10px rgba(14, 118, 168, 0.5); } }
  .btn-icon:not(.btn).btn-linkid.btn-outline, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid.btn-outline {
    color: #0e76a8; }
    .btn-icon:not(.btn).btn-linkid.btn-outline:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid.btn-outline:before {
      border-color: #0e76a8; }
    .btn-icon:not(.btn).btn-linkid.btn-outline:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid.btn-outline:after {
      background-color: #0e76a8; }
  .btn-icon:not(.btn).btn-linkid.active, .btn-icon:not(.btn).btn-linkid.active:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid.active:hover {
    background-color: #1299d9; }
  .btn-icon:not(.btn).btn-linkid.btn-w-accent:after, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-linkid.btn-w-accent:after {
    background-color: #17a7ec; }
  .btn-icon:not(.btn).btn-transparant, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-transparant {
    color: rgba(170, 177, 181, 0.75);
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0); }
    .btn-icon:not(.btn).btn-transparant:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-transparant:before {
      opacity: 0;
      visibility: hidden;
      width: 100%;
      height: 100%; }
    @media only screen and (min-width: 1281px) {
      .btn-icon:not(.btn).btn-transparant:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-transparant:hover {
        background-color: #D4DADE;
        color: #fff; }
        .btn-icon:not(.btn).btn-transparant:hover:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-transparant:hover:before {
          opacity: 1;
          visibility: visible;
          width: 175%;
          height: 175%; } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .btn-icon:not(.btn).btn-transparant:hover, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-transparant:hover {
        background-color: #D4DADE;
        color: #fff; }
        .btn-icon:not(.btn).btn-transparant:hover:before, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-transparant:hover:before {
          opacity: 1;
          visibility: visible;
          width: 175%;
          height: 175%; } }
  .btn-icon:not(.btn).btn-popup-interaction, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-popup-interaction {
    border-radius: 48px;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8); }
    .btn-icon:not(.btn).btn-popup-interaction.active, .icon:not(.btn-icon > .icon):not(.link-icon > .icon).btn-popup-interaction.active {
      color: #fff; }

.link {
  font-size: var(--fz-p);
  color: rgba(255, 255, 255, 0.7);
  font-family: "VisueltPro-Regular";
  line-height: 1.25;
  letter-spacing: 0;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.32s;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .link:hover {
    color: white; }
    .link:hover:after {
      width: 100%; }
  .link:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: all .32s; }
  .link.no-accent:after {
    display: none; }
  .link.link-red {
    color: rgba(234, 42, 52, 0.6); }
    .link.link-red:after {
      background-color: #ea2a34; }
    .link.link-red:hover {
      color: #ea2a34; }
  .link.link-icon {
    display: flex;
    align-items: center; }

.address {
  position: relative;
  cursor: pointer; }
  @media only screen and (min-width: 1281px) {
    .address span:last-child:after {
      visibility: hidden;
      opacity: 0; }
    .address:hover span:last-child:after {
      visibility: visible;
      opacity: 1; } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .address span:last-child:after {
      visibility: hidden;
      opacity: 0; }
    .address:hover span:last-child:after {
      visibility: visible;
      opacity: 1; } }
  .address span:last-child {
    position: relative; }
    .address span:last-child:after {
      content: '\f061';
      position: absolute;
      right: -20px;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      color: inherit;
      font-family: "Font Awesome 5 Pro";
      font-weight: 500;
      transition: all .32s; }

.socmed {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-h6);
  color: #fff;
  font-family: "VisueltPro-Regular";
  line-height: 1.75;
  letter-spacing: 3px; }
  .socmed .yt-c {
    color: #c4302b !important; }
  .socmed .fb-c {
    color: #3b5998 !important; }
  .socmed .ig-c {
    color: #C13584 !important; }
  .socmed .socmed-icon {
    transition: all 0.32s;
    cursor: pointer; }
    .socmed .socmed-icon:not(:last-child) {
      margin-right: 32px; }
  .socmed.fd-col {
    flex-direction: column; }
    .socmed.fd-col .socmed-icon:not(:last-child) {
      margin-bottom: 32px; }

.card {
  position: relative;
  border-radius: 8px;
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer; }

.row {
  flex-wrap: wrap; }
  .row.fxw-wrap .col-2 {
    min-width: calc(16.666% - 12px*2); }
  .row.fxw-wrap .col-2-4 {
    min-width: calc(20% - 12px*2); }
  .row.fxw-wrap .col-3 {
    min-width: calc(25% - 12px*2); }
  .row.fxw-wrap .col-3-5 {
    min-width: calc(29.16665% - 12px*2); }
  .row.fxw-wrap .col-4 {
    min-width: calc(33.33333% - 12px*2); }
  .row.fxw-wrap .col-5 {
    min-width: calc(41.66667% - 12px*2); }
  .row.fxw-wrap .col-6 {
    min-width: calc(50% - 12px*2); }
  .row.fxw-wrap .col-7 {
    min-width: calc(58.33333% - 12px*2); }
  .row.fxw-wrap .col-8 {
    min-width: calc(66.66667 - 12px*2); }
  .row.fxw-wrap .col-9 {
    min-width: calc(75% - 12px*2); }
  .row.fxw-wrap .col-10 {
    min-width: calc(83.333% - 12px*2); }
  .row.fxw-wrap .col-12 {
    min-width: calc(100% - 12px*2); }

.col {
  padding-right: 12px;
  padding-left: 12px;
  flex: 1;
  position: relative; }
  .col > a:after {
    display: none; }

.col-2 {
  max-width: 16.666%; }

.col-2-4 {
  max-width: 20%; }

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

.col-3-5 {
  max-width: 29.16665%; }

.col-4 {
  max-width: 33.33333%; }

.col-5 {
  max-width: 41.66667%; }

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

.col-7 {
  max-width: 58.33333%; }

.col-8 {
  max-width: 66.66667; }

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

.col-10 {
  max-width: 83.333%; }

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

.d-flex, .row {
  display: flex; }

.sm-d-flex {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .sm-d-flex {
      display: flex; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .sm-d-flex {
      display: flex; } }

.d-flex.fd-col,
.sm-d-flex.fd-col,
.row.fd-col {
  flex-direction: column; }
.d-flex.fd-row,
.sm-d-flex.fd-row,
.row.fd-row {
  flex-direction: row; }
.d-flex.jc-between,
.sm-d-flex.jc-between,
.row.jc-between {
  justify-content: space-between; }
.d-flex.jc-around,
.sm-d-flex.jc-around,
.row.jc-around {
  justify-content: space-around; }
.d-flex.ai-center,
.sm-d-flex.ai-center,
.row.ai-center {
  align-items: center; }
.d-flex.ai-end,
.sm-d-flex.ai-end,
.row.ai-end {
  align-items: flex-end; }
.d-flex.jc-center,
.sm-d-flex.jc-center,
.row.jc-center {
  justify-content: center; }
.d-flex.jc-end,
.sm-d-flex.jc-end,
.row.jc-end {
  justify-content: flex-end; }

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

.img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.32s; }
  .img.by-w img {
    height: auto;
    width: 100%; }
  .img:hover img {
    transform: translate(-50%, -50%) scale(1); }
  .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    transform: translate(-50%, -50%) scale(1.1);
    transition: all 0.32s; }

.image-frame {
  position: relative;
  width: 100%;
  height: 100%; }
  .image-frame .image {
    background-image: url("../assets_2.0/images/demo/image-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; }
  .image-frame .image-shadow {
    position: absolute;
    left: 50%;
    bottom: -48px;
    transform: translateX(-50%) scale(0.9);
    height: 100%;
    width: 100%;
    opacity: 0.5; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .image-frame .image-shadow {
      bottom: 0;
      opacity: 0.2; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .image-frame .image-shadow {
      bottom: 0;
      opacity: 0.2; } }

.form-control {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative; }
  .form-control .label {
    font-family: "VisueltPro-Regular";
    font-size: 16px;
    padding: 0 8px;
    color: rgba(18, 16, 20, 0.7);
    text-transform: capitalize; }
  .form-control .input,
  .form-control .textarea,
  .form-control .dropdown {
    font-family: "VisueltPro-Regular";
    font-size: 17px;
    padding: 0 15px;
    color: #fff;
    border: none;
    outline: none;
    background-color: rgba(18, 16, 20, 0.6);
    border: 1px solid rgba(212, 218, 222, 0.6);
    height: 48px;
    border-radius: 8px;
    width: 100%;
    margin-top: 8px;
    transition: all .32s;
    position: relative; }
    .form-control .input:focus,
    .form-control .textarea:focus,
    .form-control .dropdown:focus {
      border-color: #F4D033; }
  .form-control .dropdown {
    width: calc(100% - 15px * 2);
    position: relative;
    display: flex;
    align-items: center; }
    .form-control .dropdown select {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      font-size: 17px;
      font-family: "VisueltPro-Regular";
      color: #fff; }
  .form-control.username:after {
    -webkit-mask: url(../assets_2.0/images/icon/icon-email.svg) no-repeat 50% 50%;
    mask: url(../assets_2.0/images/icon/icon-email.svg) no-repeat 50% 50%;
    content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #fff;
    height: 22px;
    width: 22px;
    transition: all .32s;
    position: absolute;
    right: 15px;
    top: calc(50% + 3px);
    transform: translateY(-50%); }
  .form-control.password:after {
    -webkit-mask: url(../assets_2.0/images/icon/icon-padlock.svg) no-repeat 50% 50%;
    mask: url(../assets_2.0/images/icon/icon-padlock.svg) no-repeat 50% 50%;
    content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #fff;
    height: 22px;
    width: 22px;
    transition: all .32s;
    position: absolute;
    right: 15px;
    top: calc(50% + 3px);
    transform: translateY(-50%); }
  .form-control:hover .input,
  .form-control:hover .textarea,
  .form-control:hover .dropdown {
    border-color: #F4D033; }
  .form-control:hover:after {
    background-color: #F4D033; }
  .form-control .gender-pick {
    height: 88px;
    width: 88px;
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    margin-top: 8px;
    cursor: pointer;
    overflow: hidden; }
    .form-control .gender-pick.selected:after {
      visibility: visible;
      opacity: 1;
      bottom: 0; }
    .form-control .gender-pick:hover .img {
      transform: translate(-50%, -50%) scale(1.1); }
    .form-control .gender-pick:after {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      bottom: -100%;
      visibility: hidden;
      opacity: 0;
      transition: all .32s; }
    .form-control .gender-pick.men:after {
      background: #4593f6;
      background: -webkit-linear-gradient(bottom, #4593f6 0%, rgba(246, 181, 24, 0) 100%);
      background: -o-linear-gradient(bottom, #4593f6 0%, rgba(246, 181, 24, 0) 100%);
      background: linear-gradient(to top, #4593f6 0%, rgba(246, 181, 24, 0) 100%); }
    .form-control .gender-pick.women:after {
      background: #EA2A34;
      background: -webkit-linear-gradient(bottom, #EA2A34 0%, rgba(246, 181, 24, 0) 100%);
      background: -o-linear-gradient(bottom, #EA2A34 0%, rgba(246, 181, 24, 0) 100%);
      background: linear-gradient(to top, #EA2A34 0%, rgba(246, 181, 24, 0) 100%); }
    .form-control .gender-pick .img {
      position: absolute;
      height: 44px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: all .32s;
      z-index: 2; }

.control {
  display: block;
  position: relative;
  font-family: "VisueltPro-Regular";
  font-size: 14px;
  padding: 0 8px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 15px;
  padding-left: 24px;
  display: flex;
  align-items: center; }
  .control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .control input:checked ~ .control-indicator {
      background: #EA2A34;
      border-color: #EA2A34; }
      .control input:checked ~ .control-indicator:after {
        visibility: visible;
        opacity: 1; }
    .control input:checked ~ span {
      color: white; }
    .control input:disabled ~ .control-indicator {
      background: #e6e6e6;
      border-color: #e6e6e6;
      opacity: 0.6;
      pointer-events: none;
      cursor: default; }
    .control input:disabled ~ span {
      color: rgba(255, 255, 255, 0.5);
      cursor: default; }
  .control span {
    cursor: pointer;
    height: 18px;
    transition: all .32s; }
  .control .control-indicator {
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    transform: translateY(-50%);
    height: 12px;
    width: 12px;
    background: transparent;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    transition: all .32s;
    cursor: pointer; }
    .control .control-indicator:after {
      content: '';
      position: absolute;
      transition: all .32s;
      visibility: hidden;
      opacity: 0; }
  .control.control-checkbox .control-indicator:after {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0; }
  .control.control-checkbox input:disabled ~ .control-indicator:after {
    border-color: #7b7b7b; }
  .control.control-radio .control-indicator {
    border-radius: 50px;
    background-color: transparent;
    border: 6px solid #e6e6e6;
    height: 6px;
    width: 6px; }
    .control.control-radio .control-indicator:after {
      content: '';
      position: absolute;
      transition: all .32s;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      visibility: hidden;
      opacity: 0;
      border: 6px solid #7b7b7b;
      height: 6px;
      width: 6px;
      border-radius: 50px; }
  .control.control-radio input:disabled ~ .input {
    color: transparent; }
  .control.control-radio input:checked ~ .control-indicator {
    background-color: transparent; }
    .control.control-radio input:checked ~ .control-indicator:after {
      visibility: hidden;
      opacity: 0; }
  .control.control-radio input:disabled:checked ~ .control-indicator {
    background-color: transparent; }
    .control.control-radio input:disabled:checked ~ .control-indicator:after {
      visibility: visible;
      opacity: 1; }

.master-body {
  background-color: #f7f7f7;
  width: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Hide scrollbar for overlaying body scrollbar */
  /* Hide scrollbar for overlaying body scrollbar - - - END */ }
  .master-body .content-wrapper {
    width: 100%; }
    .master-body .content-wrapper .content {
      width: calc(100% - 0px);
      max-width: 100%;
      padding-left: 0px; }
  .master-body .fullwidth-master,
  .master-body .frame-master {
    position: relative;
    overflow-anchor: none; }
    .master-body .fullwidth-master::-webkit-scrollbar,
    .master-body .frame-master::-webkit-scrollbar {
      display: none; }
    .master-body .fullwidth-master,
    .master-body .frame-master {
      -ms-overflow-style: none; }
    .master-body .fullwidth-master .inner,
    .master-body .frame-master .inner {
      z-index: 1; }
    .master-body .fullwidth-master.section-mt,
    .master-body .frame-master.section-mt {
      margin-top: var(--section-mt) !important; }
    .master-body .fullwidth-master.section-mt-half,
    .master-body .frame-master.section-mt-half {
      margin-top: var(--section-mt-half) !important; }
  .master-body .fullwidth-master {
    width: 100%; }
    .master-body .fullwidth-master .inner {
      position: relative;
      margin: 0 auto;
      max-width: var(--inner-miw-c);
      width: calc(100% - var(--padding-l-r)*2); }
      @media only screen and (min-width: 768px) and (max-width: 1366px) {
        .master-body .fullwidth-master .inner {
          max-width: var(--inner-miw-c);
          width: calc(100% - var(--padding-l-r)*2); } }
  .master-body .frame-master {
    margin: 0 auto;
    width: calc(100% - var(--padding-l-r)*2);
    max-width: var(--inner-miw-c); }
    .master-body .frame-master .inner {
      position: relative;
      width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1366px) {
      .master-body .frame-master {
        max-width: var(--inner-miw-c); } }

.map-wrapper {
  height: auto;
  width: 100%;
  position: relative; }
  .map-wrapper .map {
    position: relative;
    width: 100%;
    min-height: 615px;
    background-color: #ddd; }
    .map-wrapper .map .mapboxgl-ctrl-bottom-left {
      display: none !important; }
    .map-wrapper .map .mapboxgl-ctrl-bottom-right {
      display: none !important; }
    .map-wrapper .map #contact-map {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 0; }
      .map-wrapper .map #contact-map .mapboxgl-canvas {
        width: 100% !important; }
  .map-wrapper .map-info-wrapper {
    margin: 32px;
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 32px*2);
    width: auto;
    padding: 32px;
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); }
    .map-wrapper .map-info-wrapper .map-info {
      display: flex;
      flex-direction: column;
      margin-bottom: 32px; }
      .map-wrapper .map-info-wrapper .map-info .map-info-title {
        margin-bottom: 15px;
        font-size: var(--fz-p);
        color: rgba(18, 16, 20, 0.5);
        font-family: "VisueltPro-Bold";
        line-height: 1;
        letter-spacing: 5px; }
      .map-wrapper .map-info-wrapper .map-info .map-info-p {
        color: rgba(18, 16, 20, 0.5); }
      .map-wrapper .map-info-wrapper .map-info > span:not(:last-child) {
        margin-bottom: 15px; }
      .map-wrapper .map-info-wrapper .map-info > span .map-info-link {
        color: rgba(18, 16, 20, 0.5); }
        .map-wrapper .map-info-wrapper .map-info > span .map-info-link:after {
          background-color: rgba(18, 16, 20, 0.5); }
      .map-wrapper .map-info-wrapper .map-info .map-info-title {
        font-size: var(--fz-h6);
        margin-bottom: 25px; }
      .map-wrapper .map-info-wrapper .map-info .map-info-p {
        font-size: 1.2rem;
        line-height: 1.65; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .map-wrapper .map-info-wrapper {
      position: relative;
      margin: 0; }
    .map-wrapper .map #contact-map .mapboxgl-canvas {
      height: 915px !important; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .map-wrapper .map-info-wrapper {
      position: relative;
      margin: 0; }
    .map-wrapper .map #contact-map .mapboxgl-canvas {
      height: 915px !important; } }

.master-form {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  .master-form textarea.input-type {
    min-height: 150px; }
  .master-form .input-type {
    width: 100%;
    padding: 12px 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #429122;
    font-size: 20px;
    margin: 10px 0;
    border-radius: 0;
    color: #121014; }
  .master-form .select-frame {
    width: 100%;
    background: none;
    border: none;
    position: relative;
    font-size: 20px;
    margin: 10px 0;
    padding: 12px 0; }
    .master-form .select-frame .input-select {
      border-radius: 0;
      width: 100%;
      padding: 12px 10px;
      background: none;
      border: none;
      position: relative;
      font-size: 20px;
      letter-spacing: 1.2px; }
    .master-form .select-frame:after {
      content: '';
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1px;
      background-color: #429122; }
  .master-form .btn-wrapper .btn {
    min-width: 225px; }

.mt-100 {
  margin-top: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

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

.pb-100 {
  padding-bottom: 100px !important; }

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

.mt-50 {
  margin-top: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

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

.pb-50 {
  padding-bottom: 50px !important; }

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

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

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

.pb-25 {
  padding-bottom: 25px !important; }

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

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

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

.pb-15 {
  padding-bottom: 15px !important; }

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

.mt-10 {
  margin-top: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

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

.pb-10 {
  padding-bottom: 10px !important; }

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

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

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

.pb-5 {
  padding-bottom: 5px !important; }

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

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

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

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

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

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

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

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

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

.slider {
  margin-left: calc(var(--slider-l-r) * -1);
  margin-right: calc(var(--slider-l-r) * -1);
  width: calc(100% + var(--slider-l-r) * 2); }
  .slider > .row {
    height: calc(100% + var(--slider-l-r));
    margin-top: calc(var(--slider-l-r) * -1); }
    .slider > .row .col {
      height: 100%;
      padding: var(--slider-l-r) 0; }
      .slider > .row .col .card {
        margin: 0 var(--slider-l-r); }
    .slider > .row .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2; }
      .slider > .row .slick-arrow:before {
        display: none; }
      .slider > .row .slick-arrow.btn-prev {
        left: calc(var(--slider-l-r) + -35px/2); }
      .slider > .row .slick-arrow.btn-next {
        right: calc(var(--slider-l-r) + -35px/2); }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .slider > .row .slick-arrow.btn-prev {
      left: calc(var(--slider-l-r)/2); }
    .slider > .row .slick-arrow.btn-next {
      right: calc(var(--slider-l-r)/2); } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .slider > .row .slick-arrow.btn-prev {
      left: calc(var(--slider-l-r)/2); }
    .slider > .row .slick-arrow.btn-next {
      right: calc(var(--slider-l-r)/2); } }

.tab {
  position: relative;
  width: 100%; }
  .tab:after, .tab:before {
    content: '';
    position: absolute;
    top: 0;
    width: 75px;
    height: 75px;
    z-index: 2; }
  .tab:before {
    left: 0;
    background: #f7f7f7;
    background: -moz-linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0.75) 35%, rgba(247, 247, 247, 0) 100%);
    background: -webkit-linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0.75) 35%, rgba(247, 247, 247, 0) 100%);
    background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0.75) 35%, rgba(247, 247, 247, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7F7F7", endColorstr="#F7F7F7", GradientType=1);
    display: none; }
  .tab:after {
    right: 0;
    background: #f7f7f7;
    background: -moz-linear-gradient(270deg, #f7f7f7 0%, rgba(247, 247, 247, 0.75) 35%, rgba(247, 247, 247, 0) 100%);
    background: -webkit-linear-gradient(270deg, #f7f7f7 0%, rgba(247, 247, 247, 0.75) 35%, rgba(247, 247, 247, 0) 100%);
    background: linear-gradient(270deg, #f7f7f7 0%, rgba(247, 247, 247, 0.75) 35%, rgba(247, 247, 247, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7F7F7", endColorstr="#F7F7F7", GradientType=1); }
  .tab .tab-header {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.32s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    margin-bottom: 25px;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .tab .tab-header.active {
      background: rgba(255, 255, 255, 0.3);
      cursor: grabbing;
      cursor: -webkit-grabbing; }
    .tab .tab-header::-webkit-scrollbar {
      display: none; }
    .tab .tab-header {
      -ms-overflow-style: none; }
    .tab .tab-header-item {
      min-width: 48px;
      max-width: 250px;
      display: inline-block;
      padding: 15px 25px;
      background-color: transparent;
      border-radius: 8px;
      font-size: 18px;
      color: #AAB1B5;
      font-family: "VisueltPro-Regular";
      line-height: 1;
      letter-spacing: 0;
      transition: all 0.32s;
      cursor: pointer;
      user-drag: none;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-drag: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
      .tab .tab-header-item.active, .tab .tab-header-item:hover {
        color: #f1c70d;
        background-color: rgba(244, 208, 51, 0.2); }
      .tab .tab-header-item.no-display {
        opacity: 0; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .tab .tab-header {
        overflow-x: scroll; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .tab .tab-header {
        overflow-x: scroll; } }
  .tab .tab-content .result-wrapper .row {
    margin-left: -12px;
    width: calc(100% + 12px); }

.t-n-s {
  width: 100%; }
  .t-n-s .title {
    font-size: var(--fz-h1);
    color: #fff;
    font-family: "VisueltPro-Bold";
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 25px; }
  .t-n-s .subtitle {
    font-size: var(--fz-p);
    color: #4B4C48;
    font-family: "VisueltPro-Bold";
    line-height: 1.75;
    letter-spacing: 2.5px;
    padding-left: calc(64px + 20px);
    opacity: 0.5; }
    .t-n-s .subtitle span {
      position: relative; }
      .t-n-s .subtitle span:after {
        content: '';
        position: absolute;
        left: calc((64px + 20px) * -1);
        top: 50%;
        transform: translateY(-50%);
        width: 64px;
        height: 2px;
        background-color: #4B4C48; }
  .t-n-s.ta-center {
    padding-left: 0; }
    .t-n-s.ta-center .subtitle {
      padding-left: 0; }
      .t-n-s.ta-center .subtitle span:after {
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: calc(-25px/2); }
      .t-n-s.ta-center .subtitle.mb-50 span:after {
        bottom: calc(-50px/2); }

p {
  font-size: var(--fz-p);
  color: #AAB1B5;
  font-family: "Larsseit-Light";
  line-height: 1.45;
  letter-spacing: 0; }

h1 {
  color: #4B4C48;
  font-size: var(--fz-h1); }

h2 {
  color: #4B4C48;
  font-size: var(--fz-h2); }

h3 {
  color: #4B4C48;
  font-size: var(--fz-h3); }

h4 {
  color: #4B4C48;
  font-size: var(--fz-h4); }

h5 {
  color: #4B4C48;
  font-size: var(--fz-h5); }

h6 {
  color: #4B4C48;
  font-size: var(--fz-h6); }

.ff-1 {
  font-family: "VisueltPro-Regular" !important; }

.ff-1-bd {
  font-family: "VisueltPro-Bold" !important; }

.ff-2 {
  font-family: "Larsseit-Medium" !important; }

.ff-2-bd {
  font-family: "Larsseit-Bold" !important; }

.ff-2-lg {
  font-family: "Larsseit-Light" !important; }

.ls-3 {
  letter-spacing: 3px !important; }

.ls-5 {
  letter-spacing: 5px !important; }

.ls-7 {
  letter-spacing: 7px !important; }

.txtf-u {
  text-transform: uppercase !important; }

.txtf-cz {
  text-transform: capitalize !important; }

.ta-center {
  text-align: center !important; }

.ta-right {
  text-align: right !important; }

.calendar-widget {
  background-color: #ddd; }
  .calendar-widget .ui-widget {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 10; }
    .calendar-widget .ui-widget:before {
      content: "";
      display: none;
      height: 100%;
      position: absolute;
      box-shadow: 0 1px 2px 1px rgba(3, 3, 3, 0.4);
      background: #B4AE9F;
      border-radius: 10px;
      width: 98%;
      top: 5px;
      left: 3px;
      z-index: -10; }
    .calendar-widget .ui-widget:after {
      content: "";
      display: none;
      height: 100%;
      position: absolute;
      box-shadow: 0 1px 2px 1px rgba(3, 3, 3, 0.4);
      background: #B4AE9F;
      border-radius: 10px;
      width: 96%;
      top: 10px;
      left: 6px;
      z-index: -20; }
    .calendar-widget .ui-widget a {
      text-decoration: none; }
  .calendar-widget .ui-datepicker table {
    width: 100%; }
  .calendar-widget .ui-datepicker-header {
    width: 100%;
    height: 64px;
    background-color: #F4D033;
    overflow: hidden; }
  .calendar-widget .ui-datepicker-title {
    text-align: center;
    color: #4B4C48;
    font-size: var(--fz-h6);
    margin-top: calc(64px/2 - var(--fz-h6)/2); }
  .calendar-widget .ui-datepicker-prev,
  .calendar-widget .ui-datepicker-next {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #deb70c;
    cursor: pointer;
    margin-top: calc(64px/2 - 35px/2);
    position: relative; }
    .calendar-widget .ui-datepicker-prev:before, .calendar-widget .ui-datepicker-prev:after,
    .calendar-widget .ui-datepicker-next:before,
    .calendar-widget .ui-datepicker-next:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .calendar-widget .ui-datepicker-prev:after,
    .calendar-widget .ui-datepicker-next:after {
      width: 48px;
      height: 48px;
      border-radius: 48px;
      background-color: rgba(255, 255, 255, 0.35);
      z-index: 0; }
    .calendar-widget .ui-datepicker-prev:before,
    .calendar-widget .ui-datepicker-next:before {
      color: white;
      font-weight: 500;
      font-family: "Font Awesome 5 Pro";
      font-size: 18px;
      z-index: 2; }
  .calendar-widget .ui-datepicker-prev {
    float: left;
    margin-left: 16px; }
    .calendar-widget .ui-datepicker-prev:before {
      content: "\f323";
      left: calc(50% - 1px); }
    .calendar-widget .ui-datepicker-prev:after {
      left: calc(50% - 0.5px); }
  .calendar-widget .ui-datepicker-next {
    float: right;
    margin-right: 16px; }
    .calendar-widget .ui-datepicker-next:before {
      content: "\f324";
      left: calc(50% + 1px); }
    .calendar-widget .ui-datepicker-next:after {
      left: calc(50% + 0.5pxx); }
  .calendar-widget .ui-icon {
    display: none; }
  .calendar-widget thead {
    height: 30px; }
    .calendar-widget thead th {
      padding: 25px 0;
      font-family: "VisueltPro-Bold";
      color: #4B4C48;
      border: 1px solid rgba(170, 177, 181, 0.5);
      width: calc(100%/7); }
      .calendar-widget thead th:last-child {
        color: #EA2A34; }
  .calendar-widget td {
    padding: 25px 0;
    text-align: center;
    border: 1px solid rgba(170, 177, 181, 0.5);
    transition: all .32s; }
    .calendar-widget td a {
      height: 40px;
      text-align: center;
      color: #121014; }
  .calendar-widget .ui-state-disabled {
    color: #AAB1B5 !important; }
  .calendar-widget table.ui-datepicker-calendar {
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px); }
    .calendar-widget table.ui-datepicker-calendar tbody td:last-child a {
      color: #EA2A34; }
    .calendar-widget table.ui-datepicker-calendar tbody td.ui-datepicker-today {
      border: 2px solid #f4d033 !important;
      z-index: -2; }
      .calendar-widget table.ui-datepicker-calendar tbody td.ui-datepicker-today a {
        color: rgba(18, 16, 20, 0.75) !important; }
    .calendar-widget table.ui-datepicker-calendar tbody td.ui-datepicker-current-day {
      background-color: #F4D033 !important;
      border-color: #f4d033 !important;
      z-index: 2; }
    .calendar-widget table.ui-datepicker-calendar tbody td.highlight {
      background-color: #b7d1f3 !important;
      border-color: #b7d1f3 !important;
      z-index: 2;
      cursor: pointer; }
      .calendar-widget table.ui-datepicker-calendar tbody td.highlight > a {
        color: #0B68DE; }

.bd-rs-32 {
  border-radius: 32px; }

.tl-rs-32 {
  border-top-left-radius: 32px !important; }

.bl-rs-32 {
  border-bottom-left-radius: 32px !important; }

.tr-rs-32 {
  border-top-right-radius: 32px !important; }

.br-rs-32 {
  border-bottom-right-radius: 32px !important; }

.bd-rs-64 {
  border-radius: 64px; }

.tl-rs-64 {
  border-top-left-radius: 64px !important; }

.bl-rs-64 {
  border-bottom-left-radius: 64px !important; }

.tr-rs-64 {
  border-top-right-radius: 64px !important; }

.br-rs-64 {
  border-bottom-right-radius: 64px !important; }

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

.ov-hidden {
  overflow: hidden; }

.video-wrapper {
  position: relative;
  height: auto;
  overflow: hidden; }
  .video-wrapper .video-thumbnail {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all 0.32s;
    opacity: 1;
    visibility: visible;
    background-image: url("");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .video-wrapper .video-thumbnail .btn-icon {
      height: 110px;
      width: 110px;
      border-radius: 110px;
      font-size: 40px; }
      .video-wrapper .video-thumbnail .btn-icon:before {
        height: 135%;
        width: 135%; }
  .video-wrapper .video-player {
    position: relative; }

.video-yt-wrapper {
  position: relative;
  height: 480px;
  border-radius: 64px; }

.vjs-poster {
  background-color: #121014; }

.vjs-theme-fantasy .vjs-play-progress,
.vjs-theme-fantasy .vjs-play-progress:before {
  background-color: #EA2A34 !important; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  color: #EA2A34 !important; }

.blurjs-25-radius {
  -ms-filter: blur(25px);
  -webkit-filter: blur(25px);
  -moz-filter: blur(25px);
  -o-filter: blur(25px);
  filter: url("#blur25px");
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=25); }

.blurjs-25-radius img {
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=25); }

#blurjs-25, #blurjs-15 {
  position: absolute;
  bottom: 0;
  left: 0; }

.last-two-sections-wrapper {
  overflow: hidden; }

.complex-header-slider .header-slider-item {
  background-image: url("../assets/images/index-header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ddd;
  min-height: 100vh; }
.complex-header-slider .block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 700px; }
  .complex-header-slider .block .t-n-s {
    z-index: 3; }
    .complex-header-slider .block .t-n-s .subtitle {
      color: #EAEDF1;
      opacity: 1; }
      .complex-header-slider .block .t-n-s .subtitle span:after {
        background-color: #EAEDF1; }
    .complex-header-slider .block .t-n-s .title {
      font-size: 5rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .complex-header-slider .block .t-n-s .title {
    font-size: var(--fz-h3); } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .complex-header-slider .block .t-n-s .title {
    font-size: var(--fz-h3); } }

.teacher-1-wrapper .teacher_1_slider {
  margin-left: 0;
  margin-right: 0;
  width: calc(100%); }
  .teacher-1-wrapper .teacher_1_slider > .row .btn-prev,
  .teacher-1-wrapper .teacher_1_slider > .row .btn-next {
    position: absolute;
    right: 0;
    bottom: -24px;
    border-radius: 0;
    z-index: 3;
    top: auto;
    transform: translateY(0); }
    .teacher-1-wrapper .teacher_1_slider > .row .btn-prev:before,
    .teacher-1-wrapper .teacher_1_slider > .row .btn-next:before {
      display: none; }
    .teacher-1-wrapper .teacher_1_slider > .row .btn-prev:hover,
    .teacher-1-wrapper .teacher_1_slider > .row .btn-next:hover {
      box-shadow: none !important; }
  .teacher-1-wrapper .teacher_1_slider > .row .btn-prev {
    right: 48px;
    border-top-left-radius: 8px;
    background-color: #D4DADE !important;
    left: auto; }
  .teacher-1-wrapper .teacher_1_slider > .row .btn-next {
    border-bottom-right-radius: 8px; }

.ekskul-card {
  width: 100%;
  height: 160px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
  @media only screen and (min-width: 1281px) {
    .ekskul-card:hover {
      transform: scale(1.1); } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .ekskul-card:hover {
      transform: scale(1.1); } }
  .ekskul-card .ekskul-bg {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    background-image: url("../assets_2.0/images/demo/ekskul-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .ekskul-card .ekskul-bg .ekskul-gradient {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      --gradient-c-1: rgba(25, 25, 25, 0);
      --gradient-c-2: rgba(25, 25, 25, 100%);
      background: -moz-linear-gradient(180deg, var(--gradient-c-1) 0%, var(--gradient-c-2) 100%);
      background: -webkit-linear-gradient(180deg, var(--gradient-c-1) 0%, var(--gradient-c-2) 100%);
      background: linear-gradient(180deg, var(--gradient-c-1) 0%, var(--gradient-c-2) 100%); }
    .ekskul-card .ekskul-bg .ekskul-text {
      position: relative;
      z-index: 1;
      color: #fff;
      font-family: "VisueltPro-Bold";
      padding: 0 32px;
      margin-bottom: 32px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .ekskul-card .ekskul-bg .ekskul-text {
      font-size: var(--fz-h6) !important;
      padding: 12px;
      margin-bottom: 12px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .ekskul-card .ekskul-bg .ekskul-text {
      font-size: var(--fz-h6) !important;
      padding: 12px;
      margin-bottom: 12px; } }

.card-news {
  height: 424px;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: flex-end; }
  @media only screen and (min-width: 1281px) {
    .card-news .card-news-info > .d-flex .link {
      opacity: 0;
      top: -25px; }
    .card-news:hover .card-news-thumbnail {
      transform: scale(1.1); }
    .card-news:hover .card-news-info > .d-flex .link {
      opacity: 1;
      top: 0; } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .card-news .card-news-info > .d-flex .link {
      opacity: 0;
      top: -25px; }
    .card-news:hover .card-news-thumbnail {
      transform: scale(1.1); }
    .card-news:hover .card-news-info > .d-flex .link {
      opacity: 1;
      top: 0; } }
  .card-news .card-news-thumbnail {
    background-image: url("../assets_2.0/images/demo/image-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    .card-news .card-news-thumbnail:after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: #121014;
      background: -moz-linear-gradient(0deg, #121014 0%, rgba(18, 16, 20, 0.75) 35%, rgba(18, 16, 20, 0) 100%);
      background: -webkit-linear-gradient(0deg, #121014 0%, rgba(18, 16, 20, 0.75) 35%, rgba(18, 16, 20, 0) 100%);
      background: linear-gradient(0deg, #121014 0%, rgba(18, 16, 20, 0.75) 35%, rgba(18, 16, 20, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121014", endColorstr="#121014", GradientType=1); }
  .card-news .card-news-info {
    position: relative;
    z-index: 1;
    padding: 12px 24px; }
    .card-news .card-news-info .card-news-info-title {
      padding-bottom: 12px;
      color: #fff;
      border-bottom: 2px solid rgba(212, 218, 222, 0.05);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
    .card-news .card-news-info > .d-flex {
      margin-top: 12px; }
      .card-news .card-news-info > .d-flex .card-news-info-date {
        padding: 2px 8px;
        background-color: #AAB1B5;
        border-radius: 6px; }
        .card-news .card-news-info > .d-flex .card-news-info-date p {
          color: #fff; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .card-news {
      height: 264px; }
      .card-news .card-news-info {
        padding: 6px 6px; }
        .card-news .card-news-info .d-flex {
          flex-direction: column; }
          .card-news .card-news-info .d-flex.ai-center {
            align-items: flex-start; }
          .card-news .card-news-info .d-flex .ml-auto {
            margin-left: 0; }
        .card-news .card-news-info .card-news-info-title {
          padding-bottom: 0; }
        .card-news .card-news-info .card-news-info-date {
          margin-bottom: 10px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .card-news {
      height: 264px; }
      .card-news .card-news-info {
        padding: 6px 6px; }
        .card-news .card-news-info .d-flex {
          flex-direction: column; }
          .card-news .card-news-info .d-flex.ai-center {
            align-items: flex-start; }
          .card-news .card-news-info .d-flex .ml-auto {
            margin-left: 0; }
        .card-news .card-news-info .card-news-info-title {
          padding-bottom: 0; }
        .card-news .card-news-info .card-news-info-date {
          margin-bottom: 10px; } }

.card-ebook {
  height: 388px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none; }
  @media only screen and (min-width: 1281px) {
    .card-ebook:hover .card-ebook-thumbnail-wrapper .card-ebook-thumbnail {
      transform: scale(1.1); } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .card-ebook:hover .card-ebook-thumbnail-wrapper .card-ebook-thumbnail {
      transform: scale(1.1); } }
  .card-ebook .card-ebook-thumbnail-wrapper {
    background-color: #EAEDF1;
    border-radius: 8px;
    height: 80%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .card-ebook .card-ebook-thumbnail-wrapper .card-ebook-thumbnail {
      width: 60%;
      height: auto;
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    .card-ebook .card-ebook-thumbnail-wrapper .card-ebook-thumbnail-shadow {
      bottom: -45px;
      transform: translateX(-50%) scale(0.7); }
  .card-ebook .card-ebook-info-title {
    margin-top: 8px;
    padding: 0 24px;
    text-align: center;
    color: rgba(18, 16, 20, 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .card-ebook {
      height: 288px; }
      .card-ebook .card-ebook-info-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .card-ebook {
      height: 288px; }
      .card-ebook .card-ebook-info-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; } }

.news_and_ebook_slider > .row .col {
  padding-right: 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .news_and_ebook_slider > .row .slick-list {
    width: calc(280px * 3);
    margin-left: calc((280px * 3) / 2 * -1 + 100% / 2); }
  .news_and_ebook_slider > .row .col {
    transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    .news_and_ebook_slider > .row .col:not(.slick-current) {
      transform: scale(0.9); } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .news_and_ebook_slider > .row .slick-list {
    width: calc(280px * 3);
    margin-left: calc((280px * 3) / 2 * -1 + 100% / 2); }
  .news_and_ebook_slider > .row .col {
    transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    .news_and_ebook_slider > .row .col:not(.slick-current) {
      transform: scale(0.9); } }

.calendar_slider {
  height: 154px; }
  .calendar_slider > .row .col {
    padding-right: 0; }
  .calendar_slider .card-calendar {
    height: 154px;
    padding: 0;
    overflow: hidden;
    transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    @media only screen and (min-width: 1281px) {
      .calendar_slider .card-calendar:hover {
        transform: scale(1.1); } }
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
      .calendar_slider .card-calendar:hover {
        transform: scale(1.1); } }
    .calendar_slider .card-calendar .card-calendar-icon-accent {
      position: absolute !important;
      background-color: transparent !important;
      font-size: 148px !important;
      height: auto !important;
      width: auto !important;
      color: #000000 !important;
      bottom: -50px;
      right: -15px;
      opacity: 0.05; }
    .calendar_slider .card-calendar .card-calendar-info {
      position: relative;
      z-index: 1;
      padding: 16px 24px;
      max-height: 154px; }
      .calendar_slider .card-calendar .card-calendar-info .card-calendar-info-date {
        padding: 2px 8px;
        background-color: #AAB1B5;
        border-radius: 6px; }
        .calendar_slider .card-calendar .card-calendar-info .card-calendar-info-date p {
          color: #fff; }
      .calendar_slider .card-calendar .card-calendar-info .card-calendar-info-title {
        padding-top: 12px;
        color: #4B4C48;
        line-height: 1.35;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; }
    .calendar_slider .card-calendar.calendar-holiday .card-calendar-info .card-calendar-info-date {
      background-color: rgba(234, 42, 52, 0.2); }
      .calendar_slider .card-calendar.calendar-holiday .card-calendar-info .card-calendar-info-date p {
        color: #ea2a34; }
    .calendar_slider .card-calendar.calendar-event .card-calendar-info .card-calendar-info-date {
      background-color: rgba(66, 145, 34, 0.2); }
      .calendar_slider .card-calendar.calendar-event .card-calendar-info .card-calendar-info-date p {
        color: #429122; }
    .calendar_slider .card-calendar.calendar-activity .card-calendar-info .card-calendar-info-date {
      background-color: rgba(11, 104, 222, 0.2); }
      .calendar_slider .card-calendar.calendar-activity .card-calendar-info .card-calendar-info-date p {
        color: #0b68de; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .calendar_slider > .row .slick-list {
      width: calc(280px * 3);
      margin-left: calc((280px * 3) / 2 * -1 + 100% / 2); }
    .calendar_slider > .row .col {
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
      .calendar_slider > .row .col:not(.slick-current) {
        transform: scale(0.9); } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .calendar_slider > .row .slick-list {
      width: calc(280px * 3);
      margin-left: calc((280px * 3) / 2 * -1 + 100% / 2); }
    .calendar_slider > .row .col {
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
      .calendar_slider > .row .col:not(.slick-current) {
        transform: scale(0.9); } }

.struktur-card {
  position: relative;
  width: 100%; }
  .struktur-card .struktur-image {
    height: 305px;
    transition: all 0.32s;
    position: relative;
    z-index: 1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(75, 76, 72, 0.05); }
    .struktur-card .struktur-image .image {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    .struktur-card .struktur-image:after {
      opacity: 0;
      visibility: hidden;
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 70%;
      background: rgba(0, 0, 0, 0);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      z-index: 1; }
  .struktur-card .struktur-info {
    width: 100%;
    padding: 25px 15px 15px;
    transition: all 0.32s; }
    .struktur-card .struktur-info h5 {
      font-family: "VisueltPro-Bold";
      line-height: 1.15;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .struktur-card .struktur-info .t-n-s .subtitle {
      padding-left: 0; }
      .struktur-card .struktur-info .t-n-s .subtitle span:after {
        display: none; }
    .struktur-card .struktur-info .info .position {
      font-size: var(--fz-p);
      color: rgba(18, 16, 20, 0.5);
      font-family: "VisueltPro-Bold";
      line-height: 1;
      letter-spacing: 0px;
      margin-bottom: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }
    .struktur-card .struktur-info .info .name {
      color: #4B4C48;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .struktur-card .struktur-image {
      height: 205px; }
    .struktur-card .struktur-info {
      padding: 15px 0; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .struktur-card .struktur-image {
      height: 205px; }
    .struktur-card .struktur-info {
      padding: 15px 0; } }

.navbar {
  position: fixed;
  height: 100px;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2);
  margin-top: 30px; }
  .navbar:after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100%);
    left: 0;
    top: calc(-100% - 30px);
    transition: all 0.32s;
    background-color: #f7f7f7;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05); }
  .navbar.fm-menu-active .inner .menu span#span-2, .navbar.fm-menu-active .inner .menu span#span-3 {
    width: 35px;
    left: 50%; }
  .navbar.fm-menu-active .inner .menu span#span-2 {
    transform: translate(-50%, -50%) rotate(-45deg); }
  .navbar.fm-menu-active .inner .menu span#span-3 {
    transform: translate(-50%, -50%) rotate(45deg); }
  .navbar.fm-menu-active .inner .menu span#span-1, .navbar.fm-menu-active .inner .menu span#span-4 {
    width: 0;
    opacity: 0;
    visibility: hidden; }
  .navbar.fm-search-active .inner .btn-icon {
    background-color: #f4d033;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); }
    .navbar.fm-search-active .inner .btn-icon:before {
      opacity: 1;
      visibility: visible;
      width: 175%;
      height: 175%; }
    .navbar.fm-search-active .inner .btn-icon .icon .far.fa-times {
      opacity: 1; }
    .navbar.fm-search-active .inner .btn-icon .icon .far:nth-child(1) {
      opacity: 0; }
  .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active) {
    margin-top: 0; }
    .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active):after {
      top: 0; }
    .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active) .inner img {
      height: 64px; }
    .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active) .inner .menu span {
      background-color: #4B4C48; }
    .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active) .inner .middle .link {
      color: #4B4C48; }
      .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active) .inner .middle .link:after {
        background-color: #4B4C48; }
    .navbar.scroll-active:not(.fm-menu-active):not(.fm-search-active) .inner .btn-icon {
      color: #4B4C48; }
  .navbar .inner {
    position: relative;
    margin: 0 auto;
    max-width: var(--inner-miw-c);
    width: calc(100% - var(--padding-l-r) * 2);
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1; }
    .navbar .inner img {
      display: inline-block;
      height: 96px;
      margin-right: 0;
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
    .navbar .inner .menu {
      position: relative;
      height: 100px;
      width: 35px;
      transition: all 0.32s;
      cursor: pointer; }
      .navbar .inner .menu:hover span {
        width: 17px;
        left: calc(50% - 17px / 2); }
        .navbar .inner .menu:hover span#span-2, .navbar .inner .menu:hover span#span-3 {
          width: 35px;
          left: calc(50%); }
      .navbar .inner .menu span {
        height: 2px;
        width: 35px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.32s; }
        .navbar .inner .menu span#span-2, .navbar .inner .menu span#span-3 {
          width: 17px;
          left: calc(50% - 17px / 2); }
        .navbar .inner .menu span#span-1 {
          top: calc(50% - 10px);
          transform-origin: top; }
        .navbar .inner .menu span#span-2 {
          transition-delay: 0.05s;
          transform-origin: center; }
        .navbar .inner .menu span#span-4 {
          top: calc(50% + 10px); }
    .navbar .inner .middle {
      position: absolute;
      left: calc(50% - 23px);
      transform: translateX(-50%);
      z-index: 2; }
      .navbar .inner .middle .link {
        display: inline-block; }
        .navbar .inner .middle .link:nth-child(1), .navbar .inner .middle .link:nth-child(2) {
          margin-right: 40px; }
        .navbar .inner .middle .link:nth-child(4), .navbar .inner .middle .link:nth-child(5) {
          margin-left: 40px; }
      .navbar .inner .middle .header-logo-wrapper {
        width: 200px;
        position: relative;
        height: 100%;
        background-color: #ddd;
        margin-right: 0; }
        .navbar .inner .middle .header-logo-wrapper img {
          position: absolute;
          display: inline-block;
          height: 96px;
          left: 50%;
          top: 50%;
          transform: translate(0 -50%); }
    .navbar .inner .btn-icon {
      color: #fff; }
      .navbar .inner .btn-icon .icon {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .navbar .inner .btn-icon .icon .far {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
          .navbar .inner .btn-icon .icon .far.fa-times {
            opacity: 0; }
      @media only screen and (min-width: 1281px) {
        .navbar .inner .btn-icon:hover {
          background-color: #f4d033;
          -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px); } }
      @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .navbar .inner .btn-icon:hover {
          background-color: #f4d033;
          -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px); } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .navbar {
      height: 85px; }
      .navbar .inner img {
        height: 66px; }
      .navbar .inner .middle {
        left: 50%; }
        .navbar .inner .middle .link {
          display: none; }
      .navbar .inner .btn-icon.mr-50 {
        margin-right: 12px !important;
        margin-left: -6px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .navbar {
      height: 85px; }
      .navbar .inner img {
        height: 66px; }
      .navbar .inner .middle {
        left: 50%; }
        .navbar .inner .middle .link {
          display: none; }
      .navbar .inner .btn-icon.mr-50 {
        margin-right: 12px !important;
        margin-left: -6px; } }

.fullmenu {
  position: fixed;
  z-index: 5;
  top: 0;
  left: -80%;
  width: 80%;
  height: 100%;
  background-color: #121014;
  transition: all 600ms cubic-bezier(0.76, 0, 0.07, 1);
  overflow: hidden;
  display: flex;
  align-items: center; }
  .fullmenu.active {
    left: 0; }
  .fullmenu .inner {
    padding: 50px calc(var(--padding-l-r)/ 2) 50px var(--padding-l-r);
    width: calc(100%);
    height: auto;
    z-index: 2; }
    .fullmenu .inner .fullmenu-item {
      position: relative;
      cursor: pointer; }
      .fullmenu .inner .fullmenu-item h5 {
        color: #fff;
        padding-bottom: 10px; }
        .fullmenu .inner .fullmenu-item h5 span {
          position: relative; }
          .fullmenu .inner .fullmenu-item h5 span:after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -5px;
            width: 0;
            height: 2px;
            background-color: #fff;
            transition: all 0.32s; }
        @media only screen and (min-width: 1281px) {
          .fullmenu .inner .fullmenu-item h5:hover span:after {
            width: 100%; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          .fullmenu .inner .fullmenu-item h5:hover span:after {
            width: 100%; } }
      .fullmenu .inner .fullmenu-item.active .link {
        font-family: "VisueltPro-Bold"; }
      .fullmenu .inner .fullmenu-item:not(:last-child) {
        margin-bottom: 35px; }
      .fullmenu .inner .fullmenu-item.fm-dropdown {
        transition: all 0.32s; }
        .fullmenu .inner .fullmenu-item.fm-dropdown.active .fm-d-title .icon {
          transform: rotate(-180deg); }
        .fullmenu .inner .fullmenu-item.fm-dropdown.active .fm-d-content {
          padding: 35px 25px;
          max-height: 500px; }
        .fullmenu .inner .fullmenu-item.fm-dropdown .fm-d-title {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .fullmenu .inner .fullmenu-item.fm-dropdown .fm-d-title .icon {
            height: auto;
            width: auto;
            font-size: var(--fz-h6);
            background-color: transparent;
            margin-right: 0; }
            .fullmenu .inner .fullmenu-item.fm-dropdown .fm-d-title .icon:before {
              display: none; }
        .fullmenu .inner .fullmenu-item.fm-dropdown .fm-d-content {
          display: flex;
          flex-direction: column;
          padding: 0 0 0 25px;
          transition: all 0.32s;
          max-height: 0;
          overflow: hidden;
          background-color: rgba(0, 0, 0, 0.5);
          border-radius: 16px;
          padding: 0 25px; }
          .fullmenu .inner .fullmenu-item.fm-dropdown .fm-d-content > div:not(:last-child) {
            margin-bottom: 25px; }
  .fullmenu.fm-search .inner .search {
    position: relative;
    overflow: hidden;
    border-radius: 8px; }
    .fullmenu.fm-search .inner .search .icon {
      position: absolute !important;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2; }
    .fullmenu.fm-search .inner .search .input {
      margin-top: 0;
      padding-right: calc(48px + 32px); }
  .fullmenu.fm-search .inner .btn-wrapper {
    flex-direction: column;
    transition: all 0.32s;
    max-height: 0;
    overflow: hidden; }
    .fullmenu.fm-search .inner .btn-wrapper.active {
      max-height: 500px; }
    .fullmenu.fm-search .inner .btn-wrapper .btn {
      min-width: 100%;
      min-height: 72px;
      margin-right: 0 !important;
      background-color: #f4d033;
      -webkit-backdrop-filter: blur(0px);
      backdrop-filter: blur(0px); }
      .fullmenu.fm-search .inner .btn-wrapper .btn:not(:last-child) {
        margin-bottom: 24px; }
      .fullmenu.fm-search .inner .btn-wrapper .btn:focus {
        border: none;
        outline: none; }
      .fullmenu.fm-search .inner .btn-wrapper .btn .text {
        background-color: #F4D033;
        font-family: "VisueltPro-Bold";
        z-index: -1; }
        .fullmenu.fm-search .inner .btn-wrapper .btn .text span {
          max-width: 50%;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1; }
      .fullmenu.fm-search .inner .btn-wrapper .btn .icon {
        background-color: rgba(255, 255, 255, 0.5);
        color: #fff;
        position: relative;
        height: 48px;
        width: 48px;
        border-radius: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px; }
        .fullmenu.fm-search .inner .btn-wrapper .btn .icon:before {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          height: 150%;
          width: 150%;
          border-radius: calc(125% / 2);
          background-color: rgba(255, 255, 255, 0.25);
          -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
          z-index: -1;
          transition: all 0.32s; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .fullmenu {
      width: 100%;
      left: -100%; }
      .fullmenu.active {
        margin-top: 0; }
      .fullmenu .inner {
        overflow-y: scroll;
        padding: 150px var(--padding-l-r) 50px;
        height: calc(100% - 150px - 50px); }
        .fullmenu .inner > .row {
          flex-direction: column; }
          .fullmenu .inner > .row > .col {
            max-width: 100%; }
            .fullmenu .inner > .row > .col:not(:last-child) {
              margin-bottom: 35px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .fullmenu {
      width: 100%;
      left: -100%; }
      .fullmenu.active {
        margin-top: 0; }
      .fullmenu .inner {
        overflow-y: scroll;
        padding: 150px var(--padding-l-r) 50px;
        height: calc(100% - 150px - 50px); }
        .fullmenu .inner > .row {
          flex-direction: column; }
          .fullmenu .inner > .row > .col {
            max-width: 100%; }
            .fullmenu .inner > .row > .col:not(:last-child) {
              margin-bottom: 35px; } }

.master-body {
  overflow-x: hidden; }
  .master-body .section-header {
    background-image: url("../assets_2.0/images/banner/bg-blue.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .master-body .section-header:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(10, 7, 0, 0.1); }
    .master-body .section-header:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 35%;
      background: black;
      background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
      opacity: 0.5; }
    .master-body .section-header .inner .block {
      display: flex;
      align-items: center;
      justify-content: center;
      height: auto;
      min-height: 700px; }
      .master-body .section-header .inner .block .t-n-s .subtitle {
        color: #EAEDF1;
        opacity: 1; }
        .master-body .section-header .inner .block .t-n-s .subtitle span:after {
          background-color: #EAEDF1; }
      .master-body .section-header .inner .block .t-n-s .title {
        font-size: 5rem; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .master-body .section-header .inner .block .t-n-s .title {
        font-size: var(--fz-h3); } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .master-body .section-header .inner .block .t-n-s .title {
        font-size: var(--fz-h3); } }
  .master-body .footer:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 200px;
    background-color: rgba(234, 237, 241, 0.3);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.05); }
  .master-body .footer .footer-accent {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.45;
    width: 115%; }
  .master-body .footer .inner {
    z-index: 1;
    padding: 50px 0; }
    .master-body .footer .inner > .d-flex {
      justify-content: center;
      align-items: center;
      margin-top: calc((136px * -1) / 2 - 50px);
      position: relative; }
      .master-body .footer .inner > .d-flex .footer-logo {
        height: 136px !important;
        width: 136px !important;
        border-radius: 136px !important;
        background-color: #fff !important;
        margin-left: auto;
        margin-right: -48px; }
        .master-body .footer .inner > .d-flex .footer-logo:before {
          width: 136% !important;
          height: 136% !important;
          background-color: #EAEDF1; }
        .master-body .footer .inner > .d-flex .footer-logo img {
          height: 96px; }
      .master-body .footer .inner > .d-flex .btn-icon {
        margin-left: auto; }
      .master-body .footer .inner > .d-flex + .row {
        margin-top: 80px;
        justify-content: space-between; }
    .master-body .footer .inner .row .col {
      padding-left: 0;
      padding-right: 0; }
    .master-body .footer .inner .footer-info {
      display: flex;
      flex-direction: column; }
      .master-body .footer .inner .footer-info .footer-info-title {
        margin-bottom: 15px;
        font-size: var(--fz-p);
        color: rgba(18, 16, 20, 0.5);
        font-family: "VisueltPro-Bold";
        line-height: 1;
        letter-spacing: 5px; }
      .master-body .footer .inner .footer-info .footer-info-p {
        color: rgba(18, 16, 20, 0.5); }
      .master-body .footer .inner .footer-info > span:not(:last-child) {
        margin-bottom: 15px; }
      .master-body .footer .inner .footer-info > span .footer-info-link {
        color: rgba(18, 16, 20, 0.5); }
        .master-body .footer .inner .footer-info > span .footer-info-link:after {
          background-color: rgba(18, 16, 20, 0.5); }
    .master-body .footer .inner .copyright {
      color: rgba(75, 76, 72, 0.6); }
    .master-body .footer .inner .socmed .socmed-icon {
      color: rgba(18, 16, 20, 0.5); }
    .master-body .footer .inner .footer-info .link {
      color: #0b68de; }
    .master-body .footer .inner .footer-image-wrapper {
      display: flex;
      justify-content: start;
      margin-bottom: 24px; }
      .master-body .footer .inner .footer-image-wrapper .footer-image {
        height: 96px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body .footer:after {
      border-top-left-radius: 0; }
    .master-body .footer .inner .row:nth-child(3) {
      flex-direction: column-reverse; }
    .master-body .footer .inner .footer-info {
      margin-top: 20px; }
    .master-body .footer .inner span:not(:last-child) {
      margin-bottom: 10px !important; }
    .master-body .footer .inner .socmed {
      margin-left: 0;
      margin-top: 20px;
      margin-right: auto; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body .footer:after {
      border-top-left-radius: 0; }
    .master-body .footer .inner .row:nth-child(3) {
      flex-direction: column-reverse; }
    .master-body .footer .inner .footer-info {
      margin-top: 20px; }
    .master-body .footer .inner span:not(:last-child) {
      margin-bottom: 10px !important; }
    .master-body .footer .inner .socmed {
      margin-left: 0;
      margin-top: 20px;
      margin-right: auto; } }
  .master-body .section-1 {
    margin-top: -80px; }
    .master-body .section-1 .inner .video-wrapper {
      border-radius: 64px; }
    .master-body .section-1 .inner > .row > .col-5 > .image-frame {
      height: 560px; }
      .master-body .section-1 .inner > .row > .col-5 > .image-frame .image {
        border-radius: 48px; }
    .master-body .section-1 .inner > .row {
      align-items: center; }
      .master-body .section-1 .inner > .row .col-7 {
        padding-left: 64px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .master-body .section-1 .inner > .row {
        justify-content: center;
        flex-direction: column; }
        .master-body .section-1 .inner > .row .col-5 {
          min-width: 100%;
          margin-bottom: 40px; }
          .master-body .section-1 .inner > .row .col-5 .image-frame {
            height: 380px; }
        .master-body .section-1 .inner > .row .col-7 {
          padding-left: 0;
          min-width: 100%; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .master-body .section-1 .inner > .row {
        justify-content: center;
        flex-direction: column; }
        .master-body .section-1 .inner > .row .col-5 {
          min-width: 100%;
          margin-bottom: 40px; }
          .master-body .section-1 .inner > .row .col-5 .image-frame {
            height: 380px; }
        .master-body .section-1 .inner > .row .col-7 {
          padding-left: 0;
          min-width: 100%; } }
  .master-body .section-1-1 {
    background-color: #EAEDF1;
    padding: 64px 0; }
    .master-body .section-1-1:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url("../assets_2.0/images/accents/square-opacity.png");
      background-size: contain;
      background-repeat: repeat;
      background-position: center;
      opacity: 0.02; }
    .master-body .section-1-1 .inner .row .col-3 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .master-body .section-1-1 .inner .row .col-3 .icon {
        height: 92px;
        width: 92px;
        margin-bottom: 24px; }
        .master-body .section-1-1 .inner .row .col-3 .icon:before {
          width: 135%;
          height: 135%; }
        .master-body .section-1-1 .inner .row .col-3 .icon .fad {
          height: 48px; }
      .master-body .section-1-1 .inner .row .col-3 h5,
      .master-body .section-1-1 .inner .row .col-3 h6 {
        color: #AAB1B5; }
      .master-body .section-1-1 .inner .row .col-3 h5 {
        font-family: "VisueltPro-Bold";
        margin-bottom: 8px; }
      .master-body .section-1-1 .inner .row .col-3 h6 {
        font-family: "Larsseit-Medium"; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .master-body .section-1-1:after {
        display: none; }
      .master-body .section-1-1 .inner .row .col {
        min-width: 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0; }
        .master-body .section-1-1 .inner .row .col:nth-child(n + 3) {
          margin-top: 48px; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .master-body .section-1-1:after {
        display: none; }
      .master-body .section-1-1 .inner .row .col {
        min-width: 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0; }
        .master-body .section-1-1 .inner .row .col:nth-child(n + 3) {
          margin-top: 48px; } }
  .master-body #index-page .section-2 .inner > .row > .col-6:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 64px;
    z-index: 1; }
  .master-body #index-page .section-2 .inner > .row > .col-6:nth-child(2) {
    margin-left: -48px; }
  .master-body #index-page .section-2 .inner .teacher-1-wrapper {
    background-color: #fff;
    position: relative;
    padding: 24px 0;
    width: calc(100% - 12px);
    box-shadow: 0 8px 24px rgba(75, 76, 72, 0.05);
    border-radius: 16px; }
    .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col {
      padding-left: 32px;
      padding-right: 32px; }
      .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info {
        max-width: calc(100% - 48px * 2); }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info h5 {
          color: rgba(18, 16, 20, 0.75); }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info .t-n-s .subtitle {
          padding-left: 0;
          opacity: 0.5; }
          .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info .t-n-s .subtitle span:after {
            display: none; }
  .master-body #index-page .section-2 .inner .teacher-2-wrapper {
    height: 448px;
    width: calc(340px * 3); }
    .master-body #index-page .section-2 .inner .teacher-2-wrapper .slider .row .col-4 {
      padding-left: 0;
      padding-right: 24px;
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
      .master-body #index-page .section-2 .inner .teacher-2-wrapper .slider .row .col-4 .teacher-image {
        background-image: url("../assets_2.0/images/accents/square-opacity.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        width: 100%;
        height: 448px;
        overflow: hidden;
        border-radius: 16px; }
      .master-body #index-page .section-2 .inner .teacher-2-wrapper .slider .row .col-4:not(.slick-current) {
        transform: scale(0.9); }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #index-page .section-2 .inner > .row {
      position: relative; }
      .master-body #index-page .section-2 .inner > .row > .col-6:nth-child(1) {
        padding-right: 0;
        min-width: 100%;
        max-width: 100%;
        z-index: 1; }
      .master-body #index-page .section-2 .inner > .row > .col-6:nth-child(2) {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        /* width: 100vw; */
        height: 100%;
        position: absolute;
        left: 6px;
        padding-top: 12px;
        display: flex;
        align-items: center; }
    .master-body #index-page .section-2 .inner .teacher-1-wrapper {
      width: 100%;
      height: calc(448px - 24px * 2);
      display: flex;
      align-items: flex-end;
      background: black;
      background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); }
      .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info {
        max-width: 100%; }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info h5 {
          color: #fff; }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info .t-n-s .subtitle {
          color: #fff; }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info p {
          display: none; }
    .master-body #index-page .section-2 .inner .teacher-2-wrapper {
      width: calc((100%) * 3);
      margin-top: 24px; }
      .master-body #index-page .section-2 .inner .teacher-2-wrapper .slider .row .col-4 {
        padding-left: 0;
        padding-right: 6px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #index-page .section-2 .inner > .row {
      position: relative; }
      .master-body #index-page .section-2 .inner > .row > .col-6:nth-child(1) {
        padding-right: 0;
        min-width: 100%;
        max-width: 100%;
        z-index: 1; }
      .master-body #index-page .section-2 .inner > .row > .col-6:nth-child(2) {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        /* width: 100vw; */
        height: 100%;
        position: absolute;
        left: 6px;
        padding-top: 12px;
        display: flex;
        align-items: center; }
    .master-body #index-page .section-2 .inner .teacher-1-wrapper {
      width: 100%;
      height: calc(448px - 24px * 2);
      display: flex;
      align-items: flex-end;
      background: black;
      background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); }
      .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info {
        max-width: 100%; }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info h5 {
          color: #fff; }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info .t-n-s .subtitle {
          color: #fff; }
        .master-body #index-page .section-2 .inner .teacher-1-wrapper .slider .row .col .teacher-info p {
          display: none; }
    .master-body #index-page .section-2 .inner .teacher-2-wrapper {
      width: calc((100%) * 3);
      margin-top: 24px; }
      .master-body #index-page .section-2 .inner .teacher-2-wrapper .slider .row .col-4 {
        padding-left: 0;
        padding-right: 6px; } }
  .master-body #index-page .section-3 .sub-section-1 {
    position: relative;
    background-color: #EAEDF1;
    padding: 64px 0 calc(64px * 2); }
    .master-body #index-page .section-3 .sub-section-1:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url("../assets_2.0/images/accents/square-opacity.png");
      background-size: contain;
      background-repeat: repeat;
      background-position: center;
      opacity: 0.02; }
    .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s {
      display: flex;
      flex-direction: column;
      align-items: center; }
  .master-body #index-page .section-3 .sub-section-2 {
    margin-top: -64px; }
    .master-body #index-page .section-3 .sub-section-2 .inner .image-frame .image {
      transition: all 600ms cubic-bezier(0.56, 0, 0.07, 2); }
      @media only screen and (min-width: 1281px) {
        .master-body #index-page .section-3 .sub-section-2 .inner .image-frame .image:hover {
          transform: scale(1.015); } }
      @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .master-body #index-page .section-3 .sub-section-2 .inner .image-frame .image:hover {
          transform: scale(1.015); } }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6 {
      height: 360px; }
      .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6:nth-child(1) .image-frame .image {
        border-top-left-radius: 16px; }
      .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6:nth-child(2) .image-frame .image {
        border-top-right-radius: 16px; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(2) .col-12 {
      height: 464px; }
      .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(2) .col-12 .image-frame .image {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #index-page .section-3 .sub-section-1:after {
      display: none; }
    .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s h2 {
      font-size: var(--fz-h4) !important; }
      .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s h2 br {
        display: none; }
    .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s p br {
      display: none; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row > .col {
      height: 184px !important; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1).mb-25 {
      margin-bottom: 12px !important; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6.pl-0 {
      padding-right: 6px; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6.pr-0 {
      padding-left: 6px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #index-page .section-3 .sub-section-1:after {
      display: none; }
    .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s h2 {
      font-size: var(--fz-h4) !important; }
      .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s h2 br {
        display: none; }
    .master-body #index-page .section-3 .sub-section-1 .inner .t-n-s p br {
      display: none; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row > .col {
      height: 184px !important; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1).mb-25 {
      margin-bottom: 12px !important; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6.pl-0 {
      padding-right: 6px; }
    .master-body #index-page .section-3 .sub-section-2 .inner .row:nth-child(1) .col-6.pr-0 {
      padding-left: 6px; } }
  .master-body #index-page .section-4 .inner .t-n-s {
    margin-bottom: 50px; }
  .master-body #index-page .section-4 .inner .ekskul-wrapper {
    margin-left: -12px;
    width: calc(100% + 12px * 2); }
    .master-body #index-page .section-4 .inner .ekskul-wrapper .row {
      flex-wrap: wrap;
      margin-top: -24px; }
      .master-body #index-page .section-4 .inner .ekskul-wrapper .row .col {
        min-width: calc(25% - 12px * 2);
        margin-top: 24px; }
  .master-body #index-page .section-4 .sub-section-2 {
    position: relative;
    background-color: #EAEDF1;
    padding: 64px 0;
    overflow: hidden;
    border-radius: 100px 0 100px 0;
    margin-top: calc(-64px + 6px); }
    .master-body #index-page .section-4 .sub-section-2:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url("../assets_2.0/images/accents/square-opacity.png");
      background-size: contain;
      background-repeat: repeat;
      background-position: center;
      opacity: 0.02; }
    .master-body #index-page .section-4 .sub-section-2 .inner {
      padding-top: var(--section-mt-half); }
      .master-body #index-page .section-4 .sub-section-2 .inner .t-n-s .subtitle span:after {
        bottom: auto;
        top: calc(64px/2 * -1); }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #index-page .section-4 .inner .t-n-s h1 {
      font-size: var(--fz-h3) !important; }
    .master-body #index-page .section-4 .inner .ekskul-wrapper .row {
      flex-wrap: wrap;
      margin: 0 12px;
      margin-top: -24px; }
      .master-body #index-page .section-4 .inner .ekskul-wrapper .row .col {
        min-width: calc(50% - 6px * 2);
        margin-top: 12px;
        padding-left: 6px;
        padding-right: 6px; }
    .master-body #index-page .section-4 .sub-section-2 {
      margin-top: -50px; }
      .master-body #index-page .section-4 .sub-section-2:after {
        display: none; }
      .master-body #index-page .section-4 .sub-section-2 .inner .t-n-s h1 {
        font-size: var(--fz-h3); } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #index-page .section-4 .inner .t-n-s h1 {
      font-size: var(--fz-h3) !important; }
    .master-body #index-page .section-4 .inner .ekskul-wrapper .row {
      flex-wrap: wrap;
      margin: 0 12px;
      margin-top: -24px; }
      .master-body #index-page .section-4 .inner .ekskul-wrapper .row .col {
        min-width: calc(50% - 6px * 2);
        margin-top: 12px;
        padding-left: 6px;
        padding-right: 6px; }
    .master-body #index-page .section-4 .sub-section-2 {
      margin-top: -50px; }
      .master-body #index-page .section-4 .sub-section-2:after {
        display: none; }
      .master-body #index-page .section-4 .sub-section-2 .inner .t-n-s h1 {
        font-size: var(--fz-h3); } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #index-page .section-5 .inner > .d-flex {
      flex-direction: column;
      align-items: flex-start !important;
      margin-bottom: 0 !important; }
      .master-body #index-page .section-5 .inner > .d-flex .t-n-s {
        margin-bottom: 24px; }
        .master-body #index-page .section-5 .inner > .d-flex .t-n-s h1 {
          font-size: var(--fz-h3) !important; }
        .master-body #index-page .section-5 .inner > .d-flex .t-n-s .subtitle {
          padding-left: 0; }
          .master-body #index-page .section-5 .inner > .d-flex .t-n-s .subtitle span {
            width: 100%; }
            .master-body #index-page .section-5 .inner > .d-flex .t-n-s .subtitle span:after {
              display: none; }
      .master-body #index-page .section-5 .inner > .d-flex > .ml-auto {
        display: none; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #index-page .section-5 .inner > .d-flex {
      flex-direction: column;
      align-items: flex-start !important;
      margin-bottom: 0 !important; }
      .master-body #index-page .section-5 .inner > .d-flex .t-n-s {
        margin-bottom: 24px; }
        .master-body #index-page .section-5 .inner > .d-flex .t-n-s h1 {
          font-size: var(--fz-h3) !important; }
        .master-body #index-page .section-5 .inner > .d-flex .t-n-s .subtitle {
          padding-left: 0; }
          .master-body #index-page .section-5 .inner > .d-flex .t-n-s .subtitle span {
            width: 100%; }
            .master-body #index-page .section-5 .inner > .d-flex .t-n-s .subtitle span:after {
              display: none; }
      .master-body #index-page .section-5 .inner > .d-flex > .ml-auto {
        display: none; } }
  .master-body #index-page .section-6 {
    z-index: 1; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .master-body #index-page .section-6 {
        padding-bottom: var(--section-mt); }
        .master-body #index-page .section-6 .inner > .d-flex {
          margin-top: 25px; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .master-body #index-page .section-6 {
        padding-bottom: var(--section-mt); }
        .master-body #index-page .section-6 .inner > .d-flex {
          margin-top: 25px; } }
  .master-body .sub-page .section-header:after {
    height: 70%; }
  .master-body .sub-page .section-header .inner .block {
    min-height: 500px; }
    .master-body .sub-page .section-header .inner .block .t-n-s {
      margin-top: 0;
      padding: calc(100px + 80px) 0 80px; }
  .master-body #gallery-page .section-1 .inner .image-frame {
    height: 450px; }
  .master-body #profil-sekolah .section-1 .inner > .t-n-s .subtitle span:after {
    bottom: auto;
    top: calc(50px/2 * -1); }
  .master-body #profil-sekolah .section-1 .inner > .row {
    align-items: start;
    height: 100%; }
    .master-body #profil-sekolah .section-1 .inner > .row .col-3-5 {
      height: 560px; }
      .master-body #profil-sekolah .section-1 .inner > .row .col-3-5 .card {
        position: -webkit-sticky;
        position: sticky;
        top: 132px; }
        .master-body #profil-sekolah .section-1 .inner > .row .col-3-5 .card p {
          max-width: 100%; }
  .master-body #profil-sekolah .section-1 .inner .t-aktivitas {
    width: 100%;
    background-color: #F4D033; }
    .master-body #profil-sekolah .section-1 .inner .t-aktivitas tr,
    .master-body #profil-sekolah .section-1 .inner .t-aktivitas td {
      padding: 20px;
      border: 2px solid #caa70b; }
    .master-body #profil-sekolah .section-1 .inner .t-aktivitas td {
      font-size: 18px;
      color: white;
      font-family: "VisueltPro-Regular";
      line-height: 1;
      letter-spacing: 0.5px;
      text-align: center;
      vertical-align: middle; }
  .master-body #profil-sekolah .section-1-1 {
    padding: 0; }
    .master-body #profil-sekolah .section-1-1 .inner {
      max-width: 100%;
      width: 100%; }
      .master-body #profil-sekolah .section-1-1 .inner > .row .col-6 {
        min-width: 50%; }
        .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-left, .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-right {
          padding: 64px 0; }
        .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-left {
          min-width: calc(50% - var(--padding-l-r) * 2);
          padding-left: var(--padding-l-r);
          padding-right: var(--padding-l-r);
          display: flex;
          justify-content: center;
          flex-direction: column; }
          .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-left .t-n-s .subtitle span:after {
            bottom: auto;
            top: calc(40px/2 * -1); }
          .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-left .article .quoted-text {
            max-width: 100%; }
        .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-right {
          min-width: calc(50% - var(--padding-l-r) * 2);
          padding-left: var(--padding-l-r);
          padding-right: var(--padding-l-r); }
      .master-body #profil-sekolah .section-1-1 .inner .visi-misi-img {
        background-image: url("../assets_2.0/images/banner/bg-blue.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        min-height: 550px;
        height: 100%;
        width: 100%; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #profil-sekolah .section-1 .inner .row .col-3-5 {
      max-width: 100%; }
      .master-body #profil-sekolah .section-1 .inner .row .col-3-5:first-child {
        margin-bottom: 40px; }
    .master-body #profil-sekolah .section-1 .inner .row .col-5 {
      max-width: 100%; }
    .master-body #profil-sekolah .section-1-1 .inner > .row .col-6 {
      min-width: 100%; }
      .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-left {
        min-width: calc(100% - 24px * 2);
        margin: 0 auto; }
      .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-right {
        min-width: calc(100% - 24px * 2); }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article.mb-100 {
      margin-bottom: 0 !important; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .image-frame {
      height: 250px; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .row.mt-25 {
      margin-top: 12px !important; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .row .pl-0 {
      padding-right: 6px; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .row .pr-0 {
      padding-left: 6px; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .quoted-text h2 {
      font-size: var(--fz-h5);
      line-height: 1.3; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .d-flex.ai-end {
      flex-direction: column; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .d-flex .ai-center {
      margin-top: 15px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #profil-sekolah .section-1 .inner .row .col-3-5 {
      max-width: 100%; }
      .master-body #profil-sekolah .section-1 .inner .row .col-3-5:first-child {
        margin-bottom: 40px; }
    .master-body #profil-sekolah .section-1 .inner .row .col-5 {
      max-width: 100%; }
    .master-body #profil-sekolah .section-1-1 .inner > .row .col-6 {
      min-width: 100%; }
      .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-left {
        min-width: calc(100% - 24px * 2);
        margin: 0 auto; }
      .master-body #profil-sekolah .section-1-1 .inner > .row .col-6.contain-text-right {
        min-width: calc(100% - 24px * 2); }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article.mb-100 {
      margin-bottom: 0 !important; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .image-frame {
      height: 250px; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .row.mt-25 {
      margin-top: 12px !important; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .row .pl-0 {
      padding-right: 6px; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .row .pr-0 {
      padding-left: 6px; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .article .quoted-text h2 {
      font-size: var(--fz-h5);
      line-height: 1.3; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .d-flex.ai-end {
      flex-direction: column; }
    .master-body #profil-sekolah .last-two-sections-wrapper .section-1 .inner .d-flex .ai-center {
      margin-top: 15px; } }
  .master-body #e-library .section-1 .inner .card-ebook .card-ebook-thumbnail-wrapper .btn-wrapper {
    position: absolute;
    left: 10px;
    top: 10px; }
    .master-body #e-library .section-1 .inner .card-ebook .card-ebook-thumbnail-wrapper .btn-wrapper .btn-dropdown .dropdown-toggle .btn-icon::before {
      display: none; }
  .master-body #e-library .section-1 .inner .row {
    flex-direction: row; }
    .master-body #e-library .section-1 .inner .row .col-3 {
      min-width: calc(50% - 12px * 2); }
  .master-body #e-library .section-1 .inner .tab .tab-content .row .col-3 {
    min-width: calc(25% - 12px * 2); }
  .master-body #e-library .section-1 .inner .tab > .d-flex .btn-wrapper {
    margin-right: 25px; }
    .master-body #e-library .section-1 .inner .tab > .d-flex .btn-wrapper .btn-icon {
      border-radius: 8px; }
      .master-body #e-library .section-1 .inner .tab > .d-flex .btn-wrapper .btn-icon:before {
        display: none; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #e-library .section-1 .inner .tab .tab-content .row .col-3 {
      min-width: calc(50% - 12px * 2); } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #e-library .section-1 .inner .tab .tab-content .row .col-3 {
      min-width: calc(50% - 12px * 2); } }
  .master-body #struktur-sekolah .section-1 .inner .row {
    justify-content: space-around; }
    .master-body #struktur-sekolah .section-1 .inner .row .col-5 {
      min-width: calc(100% - 12px * 2); }
      .master-body #struktur-sekolah .section-1 .inner .row .col-5 .t-n-s .subtitle span:after {
        bottom: auto;
        top: calc(25px/2 * -1); }
  .master-body #struktur-sekolah .section-1 .inner .struktur-wrapper {
    margin-left: -12px;
    width: calc(100% + 12px * 2); }
    .master-body #struktur-sekolah .section-1 .inner .struktur-wrapper .row {
      flex-wrap: wrap; }
      .master-body #struktur-sekolah .section-1 .inner .struktur-wrapper .row .col-3 {
        min-width: calc(25% - 12px * 2);
        margin-top: 24px; }
  .master-body #struktur-sekolah .section-2 .inner .t-n-s .title {
    position: relative; }
    .master-body #struktur-sekolah .section-2 .inner .t-n-s .title h2 span {
      background-color: #f7f7f7;
      position: relative;
      z-index: 2;
      padding: 0 40px; }
    .master-body #struktur-sekolah .section-2 .inner .t-n-s .title:before, .master-body #struktur-sekolah .section-2 .inner .t-n-s .title:after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      height: 2px;
      background-color: rgba(75, 76, 72, 0.2); }
    .master-body #struktur-sekolah .section-2 .inner .t-n-s .title:before {
      right: 0; }
    .master-body #struktur-sekolah .section-2 .inner .t-n-s .title:after {
      left: 0; }
  .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper {
    margin-left: -12px;
    width: calc(100% + 12px * 2); }
    .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .row {
      flex-wrap: wrap;
      justify-content: center; }
      .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .row .col-3 {
        min-width: calc(25% - 12px * 2);
        margin-top: 24px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #struktur-sekolah .section-2 .inner .t-n-s .title h2 {
      font-size: var(--fz-h4); }
      .master-body #struktur-sekolah .section-2 .inner .t-n-s .title h2 span {
        padding: 0 10px; }
    .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .row {
      justify-content: center; }
      .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .row .col-3 {
        min-width: calc(50% - 12px * 2); }
    .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .struktur-card .struktur-info h5 {
      font-size: var(--fz-h6); } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #struktur-sekolah .section-2 .inner .t-n-s .title h2 {
      font-size: var(--fz-h4); }
      .master-body #struktur-sekolah .section-2 .inner .t-n-s .title h2 span {
        padding: 0 10px; }
    .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .row {
      justify-content: center; }
      .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .row .col-3 {
        min-width: calc(50% - 12px * 2); }
    .master-body #struktur-sekolah .section-2 .inner .struktur-wrapper .struktur-card .struktur-info h5 {
      font-size: var(--fz-h6); } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #kontak .last-two-sections-wrapper .section-2 .inner .row .col-6 {
      max-width: 100%; }
    .master-body #kontak .last-two-sections-wrapper .section-2 .inner .master-form .btn-wrapper .btn-green.ml-auto {
      margin-left: 0; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #kontak .last-two-sections-wrapper .section-2 .inner .row .col-6 {
      max-width: 100%; }
    .master-body #kontak .last-two-sections-wrapper .section-2 .inner .master-form .btn-wrapper .btn-green.ml-auto {
      margin-left: 0; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .master-body #blog-page .section-1 .inner .article .d-flex {
      flex-direction: column;
      align-items: flex-start; }
      .master-body #blog-page .section-1 .inner .article .d-flex .col-8,
      .master-body #blog-page .section-1 .inner .article .d-flex .col-4 {
        max-width: 100%; }
      .master-body #blog-page .section-1 .inner .article .d-flex h3 {
        font-size: var(--fz-h4); }
      .master-body #blog-page .section-1 .inner .article .d-flex h6 {
        margin-top: 15px; }
    .master-body #blog-page .last-two-sections-wrapper .section-2.mt-50 {
      margin-top: 25px !important; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .article .img-wp {
      height: 250px; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .article-signature {
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 25px 0 0; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .view-info.mr-50 {
      margin-right: 0 !important; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .share-info {
      margin-top: 15px;
      justify-content: space-around;
      width: 100%; }
      .master-body #blog-page .last-two-sections-wrapper .section-2 .share-info.ml-auto {
        margin-left: 0 !important; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .master-body #blog-page .section-1 .inner .article .d-flex {
      flex-direction: column;
      align-items: flex-start; }
      .master-body #blog-page .section-1 .inner .article .d-flex .col-8,
      .master-body #blog-page .section-1 .inner .article .d-flex .col-4 {
        max-width: 100%; }
      .master-body #blog-page .section-1 .inner .article .d-flex h3 {
        font-size: var(--fz-h4); }
      .master-body #blog-page .section-1 .inner .article .d-flex h6 {
        margin-top: 15px; }
    .master-body #blog-page .last-two-sections-wrapper .section-2.mt-50 {
      margin-top: 25px !important; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .article .img-wp {
      height: 250px; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .article-signature {
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 25px 0 0; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .view-info.mr-50 {
      margin-right: 0 !important; }
    .master-body #blog-page .last-two-sections-wrapper .section-2 .share-info {
      margin-top: 15px;
      justify-content: space-around;
      width: 100%; }
      .master-body #blog-page .last-two-sections-wrapper .section-2 .share-info.ml-auto {
        margin-left: 0 !important; } }
  .master-body .detail-page .section-video {
    min-height: 85vh;
    display: flex;
    align-items: flex-end;
    transition: all 0.32s; }
    .master-body .detail-page .section-video .video-wrapper,
    .master-body .detail-page .section-video .video-thumbnail {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      width: 100%;
      transform: translate(-50%, -50%);
      z-index: 0;
      transition: all 0.32s;
      opacity: 0;
      visibility: hidden; }
      .master-body .detail-page .section-video .video-wrapper .video-show,
      .master-body .detail-page .section-video .video-thumbnail .video-show {
        width: 100%;
        height: 100%;
        position: relative; }
        .master-body .detail-page .section-video .video-wrapper .video-show iframe,
        .master-body .detail-page .section-video .video-thumbnail .video-show iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .master-body .detail-page .section-video .video-wrapper .video-show:after,
        .master-body .detail-page .section-video .video-thumbnail .video-show:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          display: block; }
      .master-body .detail-page .section-video .video-wrapper .video-show:hover:after,
      .master-body .detail-page .section-video .video-thumbnail .video-show:hover:after {
        content: none; }
      .master-body .detail-page .section-video .video-wrapper .video-js,
      .master-body .detail-page .section-video .video-thumbnail .video-js {
        width: 100%;
        height: 100%; }
      .master-body .detail-page .section-video .video-wrapper .btn-close-video,
      .master-body .detail-page .section-video .video-thumbnail .btn-close-video {
        position: absolute;
        right: -48px;
        top: 0; }
    .master-body .detail-page .section-video .video-wrapper {
      top: 3.5%; }
    .master-body .detail-page .section-video .video-thumbnail {
      z-index: 1;
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      opacity: 0.9;
      visibility: visible; }
      .master-body .detail-page .section-video .video-thumbnail:after {
        bottom: -5px; }
      .master-body .detail-page .section-video .video-thumbnail:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 75%;
        z-index: 1; }
      .master-body .detail-page .section-video .video-thumbnail:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 35%;
        height: 100%; }
    .master-body .detail-page .section-video .btn {
      position: absolute;
      padding-left: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -100%);
      z-index: 3; }
      .master-body .detail-page .section-video .btn.btn-icon .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        width: 48px;
        transition: all 0.32s; }
      .master-body .detail-page .section-video .btn.btn-icon.btn-red {
        background-color: rgba(255, 255, 255, 0.15); }
        .master-body .detail-page .section-video .btn.btn-icon.btn-red .icon {
          color: #fff;
          background-color: #EA2A34; }
    .master-body .detail-page .section-video .inner {
      z-index: 2;
      width: 100%;
      padding-bottom: 50px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .master-body .detail-page .section-video .inner > .row .col-6 {
        padding-left: 0;
        padding-right: 0; }
        .master-body .detail-page .section-video .inner > .row .col-6:nth-child(2) {
          display: flex;
          align-items: center;
          justify-content: flex-end; }
      .master-body .detail-page .section-video .inner .t-n-s .title {
        font-size: 50px; }
      .master-body .detail-page .section-video .inner .t-n-s .subtitle {
        letter-spacing: 3px;
        text-transform: uppercase; }
      .master-body .detail-page .section-video .inner .video-info:not(:last-child) {
        margin-right: 50px; }
      .master-body .detail-page .section-video .inner .video-info .info {
        font-size: 16px;
        color: #4b4c48;
        font-family: "VisueltPro-Regular";
        line-height: 1;
        letter-spacing: 0px; }
        .master-body .detail-page .section-video .inner .video-info .info.time, .master-body .detail-page .section-video .inner .video-info .info.author {
          font-size: 20px;
          margin-top: 20px;
          color: #fff; }
        .master-body .detail-page .section-video .inner .video-info .info.time {
          font-family: "VisueltPro-Bold";
          color: #EA2A34; }
    .master-body .detail-page .section-video.video-active {
      min-height: 990px; }
      .master-body .detail-page .section-video.video-active .video-wrapper,
      .master-body .detail-page .section-video.video-active .video-thumbnail {
        transform: translate(-50%, 0); }
      .master-body .detail-page .section-video.video-active .video-wrapper {
        visibility: visible;
        opacity: 1;
        width: 1140px;
        height: 635px;
        margin-top: 80px; }
      .master-body .detail-page .section-video.video-active .video-thumbnail {
        visibility: hidden;
        opacity: 0;
        top: 100px;
        width: 1140px;
        height: 635px; }
      .master-body .detail-page .section-video.video-active .btn {
        visibility: hidden;
        opacity: 0; }
  .master-body .detail-page#blog-page .section-video .video-thumbnail {
    background-position: center; }
  .master-body .detail-page#blog-page .section-video .inner .t-n-s .title {
    font-size: var(--fz-h4); }
  .master-body .detail-page#event-page .section-video .video-thumbnail {
    background-position: center; }
  .master-body .detail-page#event-page .section-video .inner .t-n-s .title {
    font-size: var(--fz-h4); }
  .master-body .detail-page#event-page .slider-card-1 .card-1:hover .card-img .img#img-1 {
    transform: translate(calc(-50% + 30px), -50%) rotate(5deg); }
  .master-body .detail-page#event-page .slider-card-1 .card-1:hover .card-img .img#img-2 {
    transform: translate(calc(-50% - 30px), -50%) rotate(-5deg); }
  .master-body .detail-page#event-page .slider-card-1 .card-1 .card-img {
    width: 100%; }
    .master-body .detail-page#event-page .slider-card-1 .card-1 .card-img .img {
      background-image: url("../../assets_2.0/images/bg-1.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      transition: all 0.32s; }
      .master-body .detail-page#event-page .slider-card-1 .card-1 .card-img .img#img-1, .master-body .detail-page#event-page .slider-card-1 .card-1 .card-img .img#img-2 {
        width: calc(100% - 25px);
        height: calc(100% - 25px);
        filter: grayscale(1); }
  .master-body .all-page .section-1 .hashtag {
    left: 50px; }
  .master-body .all-page .section-1 .inner > .t-n-s {
    padding-left: 0; }
  .master-body .all-page .footer {
    margin-top: calc(var(--section-mt) / 2); }
  .master-body .all-page#event-all .slider-card-1 .card-1:hover .card-img .img#img-1 {
    transform: translate(calc(-50% + 30px), -50%) rotate(5deg); }
  .master-body .all-page#event-all .slider-card-1 .card-1:hover .card-img .img#img-2 {
    transform: translate(calc(-50% - 30px), -50%) rotate(-5deg); }
  .master-body .all-page#event-all .slider-card-1 .card-1 .card-img {
    width: 100%; }
    .master-body .all-page#event-all .slider-card-1 .card-1 .card-img .img {
      background-image: url("../../assets_2.0/images/bg-1.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      transition: all 0.32s; }
      .master-body .all-page#event-all .slider-card-1 .card-1 .card-img .img#img-1, .master-body .all-page#event-all .slider-card-1 .card-1 .card-img .img#img-2 {
        width: calc(100% - 25px);
        height: calc(100% - 25px);
        filter: grayscale(1); }

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