@import url("//fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
   * Remove default margin.
   */
body {
  margin: 0; }

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent; }

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

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted; }

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold; }

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic; }

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000; }

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0; }

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px; }

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto; }

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible; }

/**
   * 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 Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
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.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

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

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 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 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto; }

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  overflow-x: hidden; }

body {
  position: relative; }

@-ms-viewport {
  width: device-width; }

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, caption, 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%;
  vertical-align: baseline; }

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

body {
  line-height: 1.63;
  font-family: "IDMC Aeroport", sans-serif;
  font-size: 16px; }

a {
  text-decoration: none !important;
  -webkit-transition: all .300s;
  -moz-transition: all .300s;
  -o-transition: all .300s;
  transition: all .300s; }

a:active, a:focus, a:hover {
  text-decoration: none; }

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; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  font-family: "IDMC Aeroport", sans-serif;
  color: #000;
  background-color: #ffffff;
  overflow-x: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (min-width: 992px) {
    body {
      font-size: 16px; } }

::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-track {
  background-color: #666; }

::-webkit-scrollbar-thumb {
  background-color: #666; }

::-webkit-scrollbar-thumb:hover {
  background-color: #666; }

@media (min-width: 1920px) {
  .container {
    width: 1260px; } }

/**	01. Resets
*************************************************** **/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

:active,
:focus {
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

::selection {
  color: #fff;
  text-shadow: none;
  background: #333; }

::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #333;
  /* Firefox */ }

button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer; }

img {
  border: 0;
  vertical-align: top; }

input:-webkit-autofill {
  color: #ffffff !important; }

textarea {
  resize: none; }

textarea, input, button, *:focus {
  outline: none !important; }

textarea {
  resize: vertical; }

select {
  border: 2px solid #E5E7E9;
  height: 46px;
  padding: 12px;
  outline: none;
  line-height: 1 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

label {
  font-weight: 400; }

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

audio, canvas, img, video {
  vertical-align: middle; }

p {
  display: block;
  -webkit-margin-before: 0.1em;
  -webkit-margin-after: 0.1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px; }

a {
  -webkit-transition: all .300s;
  -moz-transition: all .300s;
  -o-transition: all .300s;
  transition: all .300s; }

a, a:focus, a:hover, a:active {
  outline: 0;
  cursor: pointer; }

p, pre, ul, ol, dl, dd, blockquote,
address, table, fieldset, form {
  /* form - required */
  margin-bottom: 15px; }

canvas {
  width: 100% !important;
  /* max-width: 800px; causes panorama gmap problems */
  height: auto !important; }

:active,
:focus {
  outline: none !important; }

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  outline: 0 none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

section.dark pre {
  color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2); }

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

/* IE & Mozilla fix */
div.row > div img.img-fluid {
  width: 100%; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee; }

/** 02. Headings
**************************************************************** **/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "IDMC Aeroport", sans-serif, Arial, Helvetica, sans-serif;
  font-weight: 600;
  columns: #424242;
  margin: 0 0 30px 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 36px;
  margin: 0 0 44px 0; }

h2 {
  font-size: 30px;
  margin: 0 0 32px 0; }

h3 {
  font-size: 24px;
  letter-spacing: normal;
  margin: 0 0 32px 0; }

h4 {
  font-size: 18px;
  letter-spacing: normal;
  margin: 0 0 14px 0; }

h5 {
  font-size: 14px;
  letter-spacing: normal;
  margin: 0 0 20px 0; }

h6 {
  font-size: 12px;
  letter-spacing: normal;
  margin: 0 0 20px 0; }

h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
  color: #000; }

/**	03. Placeholder
*************************************************** **/
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }

/** 04. Commons
Quick Positioning and Styling
**************************************************************** **/
/* font size */
.fs-10 {
  font-size: 10px !important; }

.fs-11 {
  font-size: 11px !important; }

.fs-12 {
  font-size: 12px !important; }

.fs-13 {
  font-size: 13px !important; }

.fs-14 {
  font-size: 14px !important; }

.fs-15 {
  font-size: 15px !important; }

.fs-16 {
  font-size: 16px !important; }

.fs-17 {
  font-size: 17px !important; }

.fs-18 {
  font-size: 18px !important; }

.fs-19 {
  font-size: 19px !important; }

.fs-20 {
  font-size: 20px !important; }

.fs-21 {
  font-size: 21px !important; }

.fs-22 {
  font-size: 22px !important; }

.fs-23 {
  font-size: 23px !important; }

.fs-24 {
  font-size: 24px !important; }

.fs-25 {
  font-size: 25px !important; }

.fs-30 {
  font-size: 30px !important; }

.fs-35 {
  font-size: 35px !important; }

.fs-40 {
  font-size: 40px !important; }

.fs-45 {
  font-size: 45px !important; }

.fs-50 {
  font-size: 50px !important; }

.fs-55 {
  font-size: 55px !important; }

.fs-60 {
  font-size: 60px !important; }

.fs-65 {
  font-size: 65px !important; }

.fs-70 {
  font-size: 70px !important; }

.fs-75 {
  font-size: 75px !important; }

.fs-80 {
  font-size: 80px !important; }

.fs-90 {
  font-size: 90px !important; }

.fs-100 {
  font-size: 100px !important; }

.fs-120 {
  font-size: 120px !important; }

.fs-130 {
  font-size: 130px !important; }

.fs-140 {
  font-size: 140px !important; }

.fs-150 {
  font-size: 150px !important; }

.fs-200 {
  font-size: 200px !important; }

/* font weight */
.fw-100 {
  font-weight: 100 !important; }

.fw-200 {
  font-weight: 200 !important; }

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-800 {
  font-weight: 800 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-1 {
  margin: 1px !important; }

.m-2 {
  margin: 2px !important; }

.m-3 {
  margin: 3px !important; }

.m-4 {
  margin: 4px !important; }

.m-5 {
  margin: 5px !important; }

.m-6 {
  margin: 6px !important; }

.m-7 {
  margin: 7px !important; }

.m-8 {
  margin: 8px !important; }

.m-9 {
  margin: 9px !important; }

.m-10 {
  margin: 10px !important; }

.m-12 {
  margin: 12px !important; }

.m-15 {
  margin: 15px !important; }

.m-18 {
  margin: 18px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 20px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

.m-60 {
  margin: 60px !important; }

.m-70 {
  margin: 70px !important; }

.m-80 {
  margin: 80px !important; }

.m-90 {
  margin: 90px !important; }

.m-100 {
  margin: 100px !important; }

.m-110 {
  margin: 110px !important; }

.m-120 {
  margin: 120px !important; }

.m-130 {
  margin: 130px !important; }

.m-140 {
  margin: 140px !important; }

.m-150 {
  margin: 150px !important; }

.m-200 {
  margin: 200px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-1 {
  padding: 1px !important; }

.p-2 {
  padding: 2px !important; }

.p-3 {
  padding: 3px !important; }

.p-4 {
  padding: 4px !important; }

.p-5 {
  padding: 5px !important; }

.p-6 {
  padding: 6px !important; }

.p-7 {
  padding: 7px !important; }

.p-8 {
  padding: 8px !important; }

.p-9 {
  padding: 9px !important; }

.p-10 {
  padding: 10px !important; }

.p-12 {
  padding: 12px !important; }

.p-15 {
  padding: 15px !important; }

.p-18 {
  padding: 18px !important; }

.p-20 {
  padding: 20px !important; }

.p-25 {
  padding: 20px !important; }

.p-30 {
  padding: 30px !important; }

.p-35 {
  padding: 35px !important; }

.p-40 {
  padding: 40px !important; }

.p-45 {
  padding: 45px !important; }

.p-50 {
  padding: 50px !important; }

.p-60 {
  padding: 60px !important; }

.p-70 {
  padding: 70px !important; }

.p-80 {
  padding: 80px !important; }

.p-90 {
  padding: 90px !important; }

.p-100 {
  padding: 100px !important; }

.p-110 {
  padding: 110px !important; }

.p-120 {
  padding: 120px !important; }

.p-130 {
  padding: 130px !important; }

.p-140 {
  padding: 140px !important; }

.p-150 {
  padding: 150px !important; }

.p-200 {
  padding: 200px !important; }

/* IMAGE HOVER OVERLAY */
.image-hover-overlay {
  position: relative;
  overflow: hidden;
  display: block; }
  .image-hover-overlay:hover::before {
    opacity: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .image-hover-overlay::before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(217, 31, 38, 0.13);
    opacity: 0;
    z-index: 10;
    position: absolute;
    content: ' '; }

/** IMAGE PLUS HOVER **/
.image-hover-plus {
  position: relative;
  display: block; }

.image-hover-plus > i.icon-hover-plus {
  opacity: 0;
  position: absolute;
  width: 0;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.image-hover-plus:hover > i.icon-hover-plus {
  opacity: 1;
  width: 20%; }

.image-hover-plus > i.icon-hover-plus::before {
  display: block;
  position: absolute;
  width: auto;
  top: 50%;
  left: 50%;
  content: "\f00e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 50px;
  margin-left: -25px;
  margin-top: -25px; }
  @media screen and (max-width: 480px) {
    .image-hover-plus > i.icon-hover-plus::before {
      font-size: 30px;
      margin-left: -15px;
      margin-top: -15px; } }

/** IMAGE ZOOM HOVER */
.image-hover-zoom {
  overflow: hidden; }

.image-hover-zoom > img {
  -webkit-transition: ease all .3s;
  -moz-transition: ease all .3s;
  transition: ease all .3s; }

.image-hover-zoom:hover > img {
  -webkit-transform: translate3d(0, 3%, 0) scale(1.3);
  -moz-transform: translate3d(0, 3%, 0) scale(1.3);
  -ms-transform: translate3d(0, 3%, 0) scale(1.3);
  -o-transform: translate3d(0, 3%, 0) scale(1.3);
  transform: translate3d(0, 3%, 0) scale(1.3); }

/**	13. OWL Carousel v2.2.1
*************************************************** **/
.owl-carousel-2 {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel-2 .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel-2 .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel-2 .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel-2 .owl-wrapper,
.owl-carousel-2 .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel-2 .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel-2 .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel-2 .owl-nav.disabled,
.owl-carousel-2 .owl-dots.disabled {
  display: none; }

.owl-carousel-2 .owl-nav .owl-prev,
.owl-carousel-2 .owl-nav .owl-next,
.owl-carousel-2 .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel-2.owl-loaded {
  display: block; }

.owl-carousel-2.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel-2.owl-hidden {
  opacity: 0; }

.owl-carousel-2.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel-2.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel-2.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel-2.owl-rtl {
  direction: rtl; }

.owl-carousel-2.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel-2 {
  display: block; }

/*
*  Owl Carousel - Animate Plugin
*/
.owl-carousel-2 .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel-2 .owl-animated-in {
  z-index: 0; }

.owl-carousel-2 .owl-animated-out {
  z-index: 1; }

.owl-carousel-2 .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
  transition: height 500ms ease-in-out; }

/*
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel-2 .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel-2 .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/* plugin rewrite */
.owl-carousel-2 {
  position: relative;
  -webkit-transition: all .300s;
  -moz-transition: all .300s;
  -o-transition: all .300s;
  transition: all .300s; }

/* navigation */
.owl-carousel-2 .owl-nav,
.owl-carousel-2 .owl-dots {
  text-align: center; }

.owl-carousel-2 .owl-nav > .owl-prev,
.owl-carousel-2 .owl-nav > .owl-next {
  background-color: rgba(255, 255, 255, 0.7);
  color: #111 !important;
  font-size: 30px !important; }

.owl-carousel-2 .owl-nav > .owl-prev:hover,
.owl-carousel-2 .owl-nav > .owl-next:hover {
  background-color: #fff; }

.owl-carousel-2 .owl-dots {
  margin: 18px 0 0 0;
  float: left;
  max-width: calc(100% - 90px);
  overflow: hidden; }

.owl-carousel-2 .owl-nav .owl-prev,
.owl-carousel-2 .owl-nav .owl-next {
  width: 30px;
  height: 30px;
  border: #eaeaea 1px solid;
  margin: 3px;
  color: #ccc;
  font-size: 17px;
  border-radius: 3px; }

.owl-carousel-2 .owl-nav .owl-prev:hover,
.owl-carousel-2 .owl-nav .owl-next:hover {
  color: #121212; }

.owl-carousel-2 .owl-nav .owl-prev,
.owl-carousel-2 .owl-nav .owl-next,
.owl-carousel-2 .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-carousel-2 .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.owl-carousel-2 .owl-dots .owl-dot.active span {
  background-color: #333; }

.owl-carousel-2 .owl-caption,
.owl-carousel-2 .owl-caption-top-left,
.owl-carousel-2 .owl-caption-top-right,
.owl-carousel-2 .owl-caption-bottom-left,
.owl-carousel-2 .owl-caption-bottom-right,
.owl-carousel-2 .owl-caption-top-center,
.owl-carousel-2 .owl-caption-bottom-center {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  padding: 15px;
  -webkit-text-shadow: #333 1px 1px;
  -moz-text-shadow: #333 1px 1px;
  -o-text-shadow: #333 1px 1px;
  text-shadow: #333 1px 1px;
  z-index: 1000; }

.owl-carousel-2 .owl-caption-top-left {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left; }

.owl-carousel-2 .owl-caption-top-right {
  top: 0;
  left: auto;
  bottom: auto;
  right: 0;
  text-align: right; }

.owl-carousel-2 .owl-caption-bottom-left {
  top: auto;
  left: 0;
  bottom: 0;
  right: auto;
  text-align: left; }

.owl-carousel-2 .owl-caption-bottom-right {
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: right; }

.owl-carousel-2 .owl-caption-top-center {
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  text-align: center; }

.owl-carousel-2 .owl-caption-bottom-center {
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center; }

.owl-carousel-2 .owl-subtitle {
  display: block;
  font-size: 14px; }

.owl-caption-text-light {
  color: #fff !important;
  -webkit-text-shadow: #333 1px 1px !important;
  -moz-text-shadow: #333 1px 1px !important;
  -o-text-shadow: #333 1px 1px !important;
  text-shadow: #333 1px 1px !important; }

.owl-caption-text-dark {
  color: #121212 !important;
  -webkit-text-shadow: #fff 1px 1px !important;
  -moz-text-shadow: #fff 1px 1px !important;
  -o-text-shadow: #fff 1px 1px !important;
  text-shadow: #fff 1px 1px !important; }

/* centered focus */
.owl-carousel-2.owl-centered-focus .owl-item:before {
  content: '';
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100; }

.owl-carousel-2.owl-centered-focus .owl-item.active.center:before {
  display: none; }

/* dot navigation */
.owl-carousel-2.controlls-over .owl-dots {
  margin: -35px 10px 0 10px;
  position: absolute;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
  line-height: 1;
  padding-bottom: 6px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.owl-carousel-2 .owl-dots .owl-dot span {
  background: #fff;
  margin: 0 7px 0 7px;
  width: 20px;
  height: 5px;
  -webkit-border-radius: 0;
  border-radius: 0; }

.owl-carousel-2 .owl-dots .owl-dot.active span {
  background-color: #0275d8; }

/* zoom image viewer */
.owl-carousel-2.zoom-more a.thumbnail {
  padding: 0;
  border: 0;
  margin-bottom: 0; }

.owl-carousel-2.zoom-more a,
.owl-carousel-2.zoom-more a > img {
  text-align: center;
  -webkit-transition: all .300s;
  -moz-transition: all .300s;
  -o-transition: all .300s;
  transition: all .300s; }

.owl-carousel-2.zoom-more a > img {
  padding: 0;
  border: 0; }

.owl-carousel-2.zoom-more a.active > img {
  opacity: 1;
  filter: alpha(opacity=1);
  -webkit-filter: none;
  filter: none; }

.owl-carousel-2.zoom-more .owl-nav .owl-prev {
  left: 0;
  background: transparent url(../img/owl_prev.svg) no-repeat center center; }

.owl-carousel-2.zoom-more .owl-nav .owl-next {
  right: 0;
  background: transparent url(../img/owl_next.svg) no-repeat center center; }

.owl-carousel-2.zoom-more .owl-nav .owl-prev,
.owl-carousel-2.zoom-more .owl-nav .owl-next {
  border: 0;
  margin: 0;
  padding: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 40px;
  height: 80px;
  text-align: center;
  padding-top: 25px;
  background-color: rgba(244, 244, 244, 0.7);
  color: #f47920 !important;
  border-radius: 0;
  display: block;
  text-indent: 9999px;
  background-size: 9px 28px; }
  @media screen and (max-width: 1280px) {
    .owl-carousel-2.zoom-more .owl-nav .owl-prev,
    .owl-carousel-2.zoom-more .owl-nav .owl-next {
      height: 48px;
      width: 30px; } }
  @media screen and (max-width: 414px) {
    .owl-carousel-2.zoom-more .owl-nav .owl-prev,
    .owl-carousel-2.zoom-more .owl-nav .owl-next {
      height: 93px; } }
  @media screen and (max-width: 375px) {
    .owl-carousel-2.zoom-more .owl-nav .owl-prev,
    .owl-carousel-2.zoom-more .owl-nav .owl-next {
      height: 82px; } }
  @media screen and (max-width: 360px) {
    .owl-carousel-2.zoom-more .owl-nav .owl-prev,
    .owl-carousel-2.zoom-more .owl-nav .owl-next {
      height: 79px; } }

.owl-carousel-2.zoom-more .owl-nav .owl-prev:hover,
.owl-carousel-2.zoom-more .owl-nav .owl-next:hover {
  opacity: 1; }

/** Bootstrap 5 column equal grid
******************************** **/
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5th {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5th {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5th {
    width: 20%;
    float: left; } }

@media only screen and (max-width: 992px) {
  .col-md-5th {
    width: 100%;
    float: none;
    display: block; }
  .col-md-5th.col-sm-5th {
    width: 20%;
    float: left; } }

@media only screen and (max-width: 769px) {
  .col-md-5th.col-sm-5th {
    width: 100%;
    float: none;
    display: block; } }

#breadcrumbs {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: transparent !important;
  margin-bottom: 0; }
  @media screen and (max-width: 480px) {
    #breadcrumbs {
      padding-top: 15px;
      padding-bottom: 15px; } }
  #breadcrumbs .breadcrumb {
    padding: 0;
    border-radius: 0;
    background: none;
    margin-bottom: 0; }
    #breadcrumbs .breadcrumb li a {
      font-family: "HelveticaNeue-Medium", sans-serif;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #231f20; }
    #breadcrumbs .breadcrumb li.active {
      font-family: "HelveticaNeue-Light", sans-serif;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #231f20; }
    #breadcrumbs .breadcrumb li + li:before {
      content: "\f105";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #000;
      font-size: 14px;
      position: relative;
      font-weight: bold;
      left: 0;
      padding: 0 18px; }

body.modal-open {
  padding: 0 !important; }

.modal-dialog {
  width: 550px; }
  @media screen and (max-width: 480px) {
    .modal-dialog {
      width: 100%; } }

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%; }

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle; }
  @media screen and (max-width: 480px) {
    .vertical-align-center {
      padding: 20px; } }

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0px;
  box-shadow: none; }
  .modal-content .modal-header .modal-title {
    font-family: "IDMC Aeroport", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #333333; }
  .modal-content .modal-body p {
    font-family: "IDMC Aeroport", sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #333333; }
  @media screen and (max-width: 480px) {
    .modal-content .modal-footer .btn-primary,
    .modal-content .modal-footer .btn-default {
      padding-left: 25px;
      padding-right: 25px;
      font-size: 18px; } }
  .modal-content label {
    font-family: "IDMC Aeroport", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #333333; }
    .modal-content label span {
      color: #ea0f2a; }
  .modal-content textarea {
    resize: none; }
  .modal-content .form-control {
    box-shadow: none;
    border-radius: 0; }
    .modal-content .form-control.has-error {
      border: 1px solid #ea0f2a; }
    .modal-content .form-control:focus, .modal-content .form-control:active {
      box-shadow: none; }
  .modal-content span.error {
    padding-top: 2px;
    font-size: 14px;
    font-family: "IDMC Aeroport", sans-serif;
    font-weight: 300;
    color: #ea0f2a;
    display: none; }

.modal.fade {
  opacity: 1;
  overflow: hidden; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0); }

/** Preloader
**************************************************************** **/
#preloader {
  position: absolute;
  z-index: 114;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  display: block; }
  #preloader .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 54px;
    height: 54px;
    margin: auto; }

.page-loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 100000; }

#preloader span.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  -moz-animation: spinner 700ms infinite linear;
  -ms-animation: spinner 700ms infinite linear;
  -o-animation: spinner 700ms infinite linear;
  animation: spinner 700ms infinite linear;
  z-index: 100001; }

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

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

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

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

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #f47920;
  padding: 10px 25px;
  height: 42px;
  font-size: 18px;
  line-height: 18px;
  font-family: "IDMC Aeroport", sans-serif;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  margin-top: 0;
  text-transform: none;
  border-radius: 0; }
  @media screen and (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  @media screen and (max-width: 480px) {
    .btn {
      padding: 12px 20px;
      font-size: 16px;
      font-weight: normal; } }
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn.focus, .btn:focus {
    outline: 0; }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }
  .btn-default {
    background-color: white;
    border-color: #e5e5e5;
    padding: 10px 15px; }
    .btn-default span {
      color: #e5e5e5; }
    .btn-default.focus, .btn-default:active, .btn-default:hover {
      background-color: #e5e5e5;
      border-color: #e5e5e5; }
      .btn-default.focus span, .btn-default:active span, .btn-default:hover span {
        color: white; }
  .btn-primary {
    position: relative;
    background-color: #30318c;
    border-color: #30318c;
    color: white;
    font-size: 16px;
    font-family: "IDMC Aeroport", sans-serif;
    padding: 10px 15px;
    line-height: 18px;
    text-align: left; }
    .btn-primary span {
      color: white; }
    .btn-primary.focus, .btn-primary:active, .btn-primary:hover {
      background-color: #2196F3;
      border-color: #2196F3; }
      .btn-primary.focus span, .btn-primary:active span, .btn-primary:hover span {
        color: #fff; }
  .btn-discover {
    border: solid 2px #ffffff;
    max-width: 218px;
    border-radius: 0;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 24px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 15px 20px; }
    .btn-discover:hover {
      background: #00939d;
      color: white;
      border: 2px solid #00939d; }
  .btn-orange {
    border: none;
    color: #fff;
    background-color: #ef8322;
    font-weight: 700;
    text-transform: uppercase; }
    .btn-orange:hover {
      color: #fff;
      background-color: rgba(249, 169, 56, 0.75); }
  .btn-info {
    background: #4285f4;
    color: #fff; }
    .btn-info:hover {
      color: #fff;
      background-color: rgba(249, 169, 56, 0.75); }
  .btn-danger {
    background-color: #30318c;
    border-color: #30318c; }
  .btn-tag {
    color: #fff;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding: 0.9rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: "IDMC Aeroport", sans-serif, sans-serif;
    margin-top: 0;
    line-height: 14px; }
    @media screen and (max-width: 480px) {
      .btn-tag {
        padding: 0.9rem 1.6rem;
        line-height: 14px; } }
    .btn-tag .icon {
      width: 1.8rem;
      height: 1.8rem;
      margin-right: 1rem; }
  .btn-link {
    padding: 0;
    font-weight: 700;
    color: #9b9b9b;
    background-color: transparent;
    font-size: 1.4rem; }
    .btn-link:hover {
      color: #9b9b9b;
      border-color: transparent;
      text-decoration: underline; }
    .btn-link.is-icon-lx, .btn-link.is-icon-ly, .btn-link.is-icon-rx, .btn-link.is-icon-ry {
      display: inline-flex;
      align-items: center; }
    .btn-link.is-icon-lx::before, .btn-link.is-icon-ly::before {
      content: '';
      display: block;
      width: 1rem;
      height: 1rem;
      border-right: 0.2rem solid #9b9b9b;
      border-bottom: 0.2rem solid #9b9b9b;
      transform: rotate(-45deg);
      margin-right: 1rem; }
    .btn-link.is-icon-rx::after, .btn-link.is-icon-ry::after {
      content: '';
      display: block;
      width: 1rem;
      height: 1rem;
      border-right: 0.2rem solid #9b9b9b;
      border-bottom: 0.2rem solid #9b9b9b;
      transform: rotate(-45deg);
      margin-left: 1rem;
      margin-top: -0.3rem; }
    .btn-link.is-icon-rx::after {
      transform: rotate(-45deg); }
    .btn-link.is-icon-ry::after {
      transform: rotate(45deg); }

.backtop {
  position: fixed;
  right: 2rem;
  bottom: 10px;
  width: 49px;
  height: 49px;
  background-color: #30318c;
  border: none;
  border-color: #30318c;
  font-size: 0;
  display: block;
  z-index: 90;
  opacity: 0;
  visibility: visible;
  outline: 0;
  text-indent: -9999px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer; }
  .backtop:hover {
    background-color: rgba(48, 49, 140, 0.9); }
  @media screen and (max-width: 1360px) {
    .backtop {
      right: 20px;
      width: 38px;
      height: 36px;
      bottom: 120px; } }
  @media only screen and (max-width: 1280px) {
    .backtop {
      right: 14px;
      width: 38px;
      height: 36px;
      bottom: 70px; } }
  @media only screen and (max-width: 480px) {
    .backtop {
      width: 35px;
      height: 35px;
      right: 6rem;
      bottom: 10px; } }
  .backtop:before {
    content: '';
    display: block;
    width: 22px;
    height: 28px;
    background: transparent url(../img/backtop.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 14px;
    top: 11px;
    display: block; }
    @media screen and (max-width: 1360px) {
      .backtop:before {
        width: 14px;
        height: 20px;
        left: 12px;
        top: 8px; } }
    @media only screen and (max-width: 480px) {
      .backtop:before {
        width: 20px;
        height: 15px;
        left: 8px;
        top: 10px; } }
  .backtop.is-show {
    visibility: visible;
    opacity: 1; }

/*Call contact*/
.fixed_custom_contact {
  position: fixed;
  bottom: 150px;
  right: 10px;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .fixed_custom_contact li {
    position: relative; }
    .fixed_custom_contact li:hover .tooltip-text {
      visibility: visible;
      opacity: 1; }
    .fixed_custom_contact li .tooltip-text {
      position: absolute;
      top: 4px;
      right: 55px;
      z-index: 9;
      height: 32px;
      line-height: 26px;
      padding: 3px 10px;
      width: auto;
      border-radius: 5px;
      font-size: 11px;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      cursor: pointer;
      background-color: #30318c;
      visibility: hidden;
      opacity: 0;
      -ms-transition: all 200ms linear;
      -webkit-transition: all 200ms linear;
      transition: all 200ms linear; }
      .fixed_custom_contact li .tooltip-text::after {
        content: "";
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #30318c;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        -ms-transition: all 200ms linear;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear; }
    .fixed_custom_contact li a {
      display: block;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      text-indent: -9999px;
      margin-bottom: 10px; }
  .fixed_custom_contact.is-show {
    visibility: visible;
    opacity: 1; }

.fixed_custom_contact li.chat_zalo a {
  background: url(../img/messenger.png) center center no-repeat;
  background-size: 100% !important; }

.fixed_custom_contact li.call_zalo a {
  background: url(../img/zalo-icon.png) center center no-repeat;
  background-size: 100% !important; }

.fixed_custom_contact li.sendmail a {
  background: url(../img/email.png) center center no-repeat;
  background-size: 100% !important; }

.live_chat {
  float: right; }

div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  clear: both; }

.phone_animation {
  background-color: transparent;
  height: 110px;
  width: 110px;
  margin: 0;
  cursor: pointer;
  z-index: 200000 !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: visibility .5s;
  -moz-transition: visibility .5s;
  -o-transition: visibility .5s;
  transition: visibility .5s;
  visibility: visible; }

.phone_animation_circle {
  width: 100px;
  height: 100px;
  top: 30px;
  left: 0;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  border: 2px solid #bfebfc 9;
  opacity: .5;
  -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-color: #0361ad; }

.phone_animation_circle_fill {
  width: 60px;
  height: 60px;
  top: 50px;
  left: 20px;
  position: absolute;
  background-color: #0361ad;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .2;
  -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.phone_animation_circle_fill_img {
  width: 44px;
  height: 44px;
  top: 0;
  left: 0;
  position: absolute;
  background: #64bc46 url(../img/iconphone.png) no-repeat center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-color: #64bc46;
  background-size: 70%; }

@-moz-keyframes coccoc-alo-circle-anim {
  0% {
    -moz-transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1;
    -moz-opacity: .1;
    -webkit-opacity: .1;
    -o-opacity: .1; }
  30% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
    -o-opacity: .5; }
  100% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
    opacity: .6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -o-opacity: .1; } }

@-webkit-keyframes coccoc-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: .1; }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: .5; }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: .1; } }

@-o-keyframes coccoc-alo-circle-anim {
  0% {
    -o-transform: rotate(0) kscale(0.5) skew(1deg);
    -o-opacity: .1; }
  30% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    -o-opacity: .5; }
  100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    -o-opacity: .1; } }

@-moz-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; }
  50% {
    -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
    opacity: .2; }
  100% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; } }

@-webkit-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: .2; }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; } }

@-o-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; }
  50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    opacity: .2; }
  100% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; } }

@-moz-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg); }
  10% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    -moz-transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -moz-transform: rotate(0) scale(1) skew(1deg); } }

@-webkit-keyframes coccoc-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg); }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg); } }

@-o-keyframes coccoc-alo-circle-img-anim {
  0% {
    -o-transform: rotate(0) scale(1) skew(1deg); }
  10% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    -o-transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    -o-transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -o-transform: rotate(0) scale(1) skew(1deg); } }

.fix_tel {
  position: fixed;
  bottom: 15px;
  left: 5px;
  z-index: 999; }

.fix_tel a {
  text-decoration: none; }

.tel {
  background: #eee;
  width: 205px;
  height: 40px;
  position: relative;
  overflow: hidden;
  background-size: 40px;
  border-radius: 28px;
  border: solid 1px #ccc; }

.ring-alo-phone {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  position: absolute;
  transition: visibility 0.5s ease 0s;
  visibility: hidden;
  width: 80px;
  z-index: 200000 !important; }

.ring-alo-phone.ring-alo-show {
  visibility: visible; }

.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
  opacity: 1; }

.ring-alo-ph-circle {
  animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
  background-color: transparent;
  border: 2px solid rgba(30, 30, 30, 0.4);
  border-radius: 100%;
  height: 70px;
  left: 10px;
  opacity: 0.1;
  position: absolute;
  top: 12px;
  transform-origin: 50% 50% 0;
  transition: all 0.5s ease 0s;
  width: 70px; }

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
  animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important; }

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
  animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important; }

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
  border-color: #f00;
  opacity: 0.5; }

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
  border-color: #baf5a7;
  opacity: 0.5; }

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
  border-color: #f00;
  opacity: 0.5; }

.ring-alo-ph-circle-fill {
  animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
  background-color: #000;
  border: 2px solid transparent;
  border-radius: 100%;
  height: 30px;
  left: 30px;
  opacity: 0.1;
  position: absolute;
  top: 30px;
  transform-origin: 50% 50% 0;
  transition: all 0.5s ease 0s;
  width: 30px; }

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 0.75 !important; }

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
  background-color: rgba(117, 235, 80, 0.5);
  opacity: 0.75 !important; }

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 0.75 !important; }

.ring-alo-ph-img-circle {
  animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
  border: 2px solid transparent;
  border-radius: 100%;
  height: 30px;
  left: 30px;
  opacity: 1;
  position: absolute;
  top: 30px;
  transform-origin: 50% 50% 0;
  width: 30px; }

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
  background-color: #f00; }

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
  background-color: #75eb50; }

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
  background-color: #f00; }

@keyframes ring-alo-circle-anim {
  0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg); }
  30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg); }
  100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg); } }

@keyframes ring-alo-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg); } }

@keyframes ring-alo-circle-fill-anim {
  0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg); }
  50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg); } }

.ring-alo-ph-img-circle a img {
  padding: 1px 0 0 1px;
  width: 25px;
  position: relative;
  top: 0px; }

.section {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  background-size: cover !important;
  box-sizing: border-box !important; }
  .section-head {
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .section-head {
        margin-bottom: 40px; } }
    .section-head .main_title {
      position: relative;
      display: block; }
      .section-head .main_title h2 {
        max-width: 780px;
        margin: auto;
        font-family: "IDMC Aeroport", sans-serif;
        font-size: 48px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        display: inline-block;
        position: relative;
        margin: 0 0 30px;
        text-transform: none; }
        @media screen and (max-width: 1366px) {
          .section-head .main_title h2 {
            font-size: 38px;
            max-width: 750px; } }
        @media screen and (max-width: 480px) {
          .section-head .main_title h2 {
            font-size: 30px;
            padding: 0 20px; } }
        @media screen and (max-width: 375px) {
          .section-head .main_title h2 {
            padding: 0 20px; } }
        .section-head .main_title h2 span {
          color: #d91f26; }
          .section-head .main_title h2 span strong {
            font-weight: 900; }
      .section-head .main_title p {
        font-family: "IDMC Aeroport", sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        text-align: center;
        color: #1f1b1c;
        margin: auto auto 30px;
        display: block;
        max-width: 625px; }
        @media screen and (max-width: 480px) {
          .section-head .main_title p {
            padding: 0 20px;
            margin: 0 0 40px;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.63;
            letter-spacing: normal;
            text-align: center; } }
  .section.resources {
    margin-top: 35px;
    position: relative; }
    .section.resources .container-fluid {
      padding: 0; }
    .section.resources .inner {
      padding: 0; }
    .section.resources .resource {
      position: relative;
      height: auto; }
      @media screen and (max-width: 1366px) {
        .section.resources .resource {
          height: auto; } }
      @media screen and (max-width: 480px) {
        .section.resources .resource {
          height: auto;
          min-height: initial; } }
      .section.resources .resource .overlay {
        top: 0;
        left: 0;
        content: "";
        position: absolute;
        opacity: 0.6;
        background-color: #0772b5;
        z-index: 2;
        width: 100%;
        height: 100%; }
      .section.resources .resource img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%; }
        @media screen and (max-width: 480px) {
          .section.resources .resource img {
            height: 100%; } }
      .section.resources .resource-text {
        top: 0;
        left: 0;
        content: "";
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        /* Safari */
        align-items: center;
        justify-content: center;
        color: white;
        flex-direction: column;
        padding: 40px 140px;
        text-align: center;
        line-height: normal; }
        @media screen and (max-width: 1366px) {
          .section.resources .resource-text {
            padding: 20px 40px; } }
        @media screen and (max-width: 480px) {
          .section.resources .resource-text {
            padding: 0px 40px; } }
        .section.resources .resource-text h3 {
          margin: 0;
          font-size: 30px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff;
          text-transform: uppercase; }
          @media screen and (max-width: 1440px) {
            .section.resources .resource-text h3 {
              font-size: 24px; } }
          .section.resources .resource-text h3 a {
            color: #fff; }
        .section.resources .resource-text span {
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          max-width: 80%;
          font-size: 16px;
          font-weight: 300; }
      .section.resources .resource.no-background {
        background: #0772b5; }
        .section.resources .resource.no-background .overlay {
          display: none; }
  .section a {
    color: #30318c; }
    @media screen and (max-width: 1024px) {
      .section a {
        font-size: 15px; } }

.main-content {
  padding-top: 130px; }
  @media screen and (max-width: 1440px) {
    .main-content {
      padding-top: 60px; } }
  @media screen and (max-width: 480px) {
    .main-content {
      padding-top: 80px; } }
  .main-content.add-spacing {
    padding-top: 20px; }

.crumb {
  background-color: #f5f5f5; }
  .crumb .breadcrumb {
    padding: 15px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px; }

.show_width_map .aside {
  margin-top: 35px; }
  .show_width_map .aside-head {
    position: relative;
    margin-bottom: 15px; }
    .show_width_map .aside-head .autocomplete {
      position: relative;
      margin-bottom: 15px; }
      .show_width_map .aside-head .autocomplete::before, .show_width_map .aside-head .autocomplete::after {
        content: "";
        display: block;
        background: url(../img/icon-place.png) no-repeat 50%;
        width: 17px;
        height: 17px;
        position: absolute;
        left: 10px;
        top: 11px; }
      .show_width_map .aside-head .autocomplete::after {
        right: 10px;
        left: auto;
        background-image: url(../img/icon-place-search.png); }
      .show_width_map .aside-head .autocomplete .form-control {
        padding: 5px 30px 5px;
        border-color: #bfd0d3;
        box-shadow: none;
        color: #292e2f;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #dde6e8;
        text-align: left;
        border-radius: 0;
        font-size: 16px;
        font-weight: 300; }
        .show_width_map .aside-head .autocomplete .form-control::-webkit-input-placeholder {
          /* Edge */
          font-size: 16px;
          font-weight: 300; }
        .show_width_map .aside-head .autocomplete .form-control:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          font-size: 16px;
          font-weight: 300; }
        .show_width_map .aside-head .autocomplete .form-control::placeholder {
          font-size: 16px;
          font-weight: 300; }
    .show_width_map .aside-head .search-location {
      position: relative;
      display: block; }
      .show_width_map .aside-head .search-location .select2-container--default .select2-selection--single {
        padding: 5px 40px;
        border-color: #bfd0d3;
        box-shadow: none;
        color: #292e2f;
        width: 100%;
        padding: 0 8px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #dde6e8;
        text-align: left;
        border-radius: 0; }
        .show_width_map .aside-head .search-location .select2-container--default .select2-selection--single .select2-selection__rendered {
          line-height: 40px;
          color: #777777;
          font-family: "IDMC Aeroport", sans-serif;
          font-size: 16px;
          font-weight: 300;
          padding-left: 0; }
        .show_width_map .aside-head .search-location .select2-container--default .select2-selection--single .select2-selection__arrow {
          height: 40px; }
      .show_width_map .aside-head .search-location .provincial {
        float: left;
        width: 100%;
        margin-right: 0; }
      .show_width_map .aside-head .search-location .district {
        float: left;
        width: calc(50% - 4px); }
  .show_width_map .aside-content {
    position: relative; }
    @media screen and (max-width: 480px) {
      .show_width_map .aside-content {
        margin-bottom: 25px; } }
    .show_width_map .aside-content .map__bottom .count-response {
      font-weight: 300; }
      .show_width_map .aside-content .map__bottom .count-response strong {
        font-weight: 500; }
    .show_width_map .aside-content .map__bottom .data {
      position: relative; }
    .show_width_map .aside-content .map__bottom .branch-response {
      height: 475px;
      padding-right: 10px;
      margin: 15px 0 0; }
      @media screen and (max-width: 480px) {
        .show_width_map .aside-content .map__bottom .branch-response {
          display: none; } }
      .show_width_map .aside-content .map__bottom .branch-response .branch-response__item {
        list-style: none;
        cursor: pointer; }
        .show_width_map .aside-content .map__bottom .branch-response .branch-response__item .name {
          font-size: 18px;
          font-weight: 500;
          color: #30318c;
          margin-bottom: 10px; }
        .show_width_map .aside-content .map__bottom .branch-response .branch-response__item .address {
          margin: 0;
          font-size: 16px;
          font-weight: 300; }
        .show_width_map .aside-content .map__bottom .branch-response .branch-response__item + li {
          border-top: 1px solid #dde6e8;
          padding-top: 10px;
          margin-top: 10px; }

.show_width_map .branch {
  position: relative; }
  .show_width_map .branch #map {
    height: 560px; }
    @media screen and (min-width: 992px) {
      .show_width_map .branch #map {
        height: 700px; } }

.gm-style .gm-style-iw-c .gm-style-iw-d .siteNotice {
  background: #30318c;
  width: 100%;
  padding: 5px 25px 5px 15px; }
  .gm-style .gm-style-iw-c .gm-style-iw-d .siteNotice .firstHeading {
    font-weight: 500;
    color: #fff;
    margin: 0;
    font-size: 18px; }
    @media screen and (max-width: 480px) {
      .gm-style .gm-style-iw-c .gm-style-iw-d .siteNotice .firstHeading {
        font-size: 16px; } }

.gm-style .gm-style-iw-c .gm-style-iw-d .bodyContent {
  padding: 15px; }

.gm-style .gm-style-iw-c .gm-style-iw-d .bodyContent .address-detail {
  color: #292e2f;
  line-height: 1.8rem;
  margin: 0; }

.gm-style .gm-style-iw {
  padding: 0; }

.gm-style .gm-style-iw .gm-style-iw-d {
  min-width: 240px;
  padding: 0;
  overflow: hidden !important; }

.gm-ui-hover-effect {
  top: 8px !important;
  right: 6px !important;
  width: 20px !important;
  height: 20px !important; }

.banner.hero_in {
  position: relative;
  animation: fadeIn;
  animation-duration: 2s; }
  .banner.hero_in .hero-overlay {
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .banner.hero_in .container {
    position: relative; }
  .banner.hero_in .caption {
    position: absolute;
    left: 0;
    max-width: 50%; }
    @media screen and (max-width: 480px) {
      .banner.hero_in .caption {
        max-width: initial;
        text-align: center; } }
    .banner.hero_in .caption h1 {
      font-size: 60px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #000000;
      transform: translateY(10vw); }
      @media screen and (max-width: 480px) {
        .banner.hero_in .caption h1 {
          font-size: 30px; } }
  .banner.hero_in .hero-image {
    display: block;
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%; }
  .banner.hero_in p {
    padding: 3rem;
    letter-spacing: 0.05rem;
    line-height: 1.5; }
    .banner.hero_in p:last-of-type {
      padding-top: 0; }

.page-title::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.page-title .container {
  position: relative; }

.page-title .title-content {
  position: relative; }
  .page-title .title-content h2 {
    font-size: 60px;
    color: #000;
    text-transform: uppercase;
    font-family: "IDMC Aeroport", sans-serif;
    font-weight: 500;
    margin: 0 0 40px;
    line-height: normal; }
    @media screen and (max-width: 1366px) {
      .page-title .title-content h2 {
        font-size: 38px;
        margin: 0 0 15px; } }
    @media screen and (max-width: 420px) {
      .page-title .title-content h2 {
        font-size: 40px;
        margin-bottom: 25px;
        padding: 0 40px; } }
  .page-title .title-content p {
    margin: auto 0;
    max-width: 941px;
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000; }
    @media screen and (max-width: 1366px) {
      .page-title .title-content p {
        font-size: 23px; } }
    @media screen and (max-width: 420px) {
      .page-title .title-content p {
        font-size: 16px; } }

.page-title .d-table {
  width: 100%;
  height: 100%;
  display: table; }

.page-title .d-table-cell {
  vertical-align: middle; }

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

@media screen and (max-width: 420px) {
  .page-title.products {
    height: 360px;
    padding-top: 0 !important; } }

.page-title.products .title-content p {
  margin-left: 0;
  text-align: left; }

.page-title.products .title-content .criteria {
  position: relative;
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 45px; }
  @media screen and (max-width: 480px) {
    .page-title.products .title-content .criteria {
      padding-left: 15px; } }
  .page-title.products .title-content .criteria li {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    padding-left: 68px;
    margin-bottom: 21px; }
    @media screen and (max-width: 1366px) {
      .page-title.products .title-content .criteria li {
        font-size: 21px;
        margin-bottom: 15px;
        padding-left: 45px; } }
    @media screen and (max-width: 480px) {
      .page-title.products .title-content .criteria li {
        font-size: 16px;
        padding-left: 45px;
        margin-bottom: 15px; } }
    .page-title.products .title-content .criteria li:last-child {
      margin-bottom: 0; }
    .page-title.products .title-content .criteria li::before {
      content: "";
      position: absolute;
      background: transparent url(../img/check_icon_baner.svg) no-repeat center center;
      background-size: cover;
      width: 48px;
      height: 48px;
      left: 0;
      top: 0; }
      @media screen and (max-width: 1366px) {
        .page-title.products .title-content .criteria li::before {
          width: 32px;
          height: 32px; } }
      @media screen and (max-width: 480px) {
        .page-title.products .title-content .criteria li::before {
          width: 30px;
          height: 30px; } }

.text-primary {
  color: #30318c; }

.align-top {
  vertical-align: top; }

.btn-primary {
  font-size: 30px;
  font-weight: 300;
  font-family: "IDMC Aeroport";
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  border: 0;
  background-color: #30318c;
  border-radius: 10px;
  padding-left: 55px;
  padding-right: 55px;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  height: 53px;
  line-height: 53px; }
  @media screen and (max-width: 676px) {
    .btn-primary {
      font-size: 22px;
      padding-left: 25px;
      padding-right: 25px; } }
  .btn-primary:hover {
    background-color: #30318c;
    opacity: 0.7; }

.btn-warning {
  font-size: 30px;
  font-weight: 300;
  font-family: "IDMC Aeroport";
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  border: 0;
  background-color: #d4af37;
  border-radius: 10px;
  padding-left: 55px;
  padding-right: 55px;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  height: 53px;
  line-height: 53px; }
  @media screen and (max-width: 676px) {
    .btn-warning {
      font-size: 22px;
      padding-left: 25px;
      padding-right: 25px; } }
  .btn-warning:hover {
    background-color: #d4af37;
    opacity: 0.7; }

.btn-default {
  font-size: 20px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #30318c;
  border: 0;
  background-color: #fff;
  height: auto;
  border-radius: 5px;
  line-height: 30px;
  padding-left: 42px;
  padding-right: 42px;
  position: relative; }
  .btn-default:hover {
    background-color: #fff;
    opacity: 0.7; }

.btn-outline-primary {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #30318c;
  font-weight: 300;
  height: 60px;
  line-height: 60px;
  padding: 0 55px;
  font-size: 22px;
  font-weight: 300; }
  .btn-outline-primary:hover {
    background: #30318c;
    color: #fff; }

.heading1 {
  font-size: 64px;
  font-weight: bold;
  font-family: Roboto; }
  @media screen and (max-width: 1440px) {
    .heading1 {
      font-size: 45px; } }
  @media screen and (max-width: 480px) {
    .heading1 {
      font-size: 40px;
      padding: 0;
      line-height: 60px; } }

.heading2 {
  font-size: 56px;
  font-weight: bold; }
  @media screen and (max-width: 1440px) {
    .heading2 {
      font-size: 45px; } }
  @media screen and (max-width: 1024px) {
    .heading2 {
      font-size: 40px; } }
  @media screen and (max-width: 480px) {
    .heading2 {
      font-size: 30px;
      padding: 0;
      line-height: 60px; } }
  .heading2 p {
    font-size: 24px;
    font-weight: 300; }
    @media screen and (max-width: 667px) {
      .heading2 p {
        font-size: 16px; } }
  .heading2 span {
    font-weight: bold; }

.heading3 {
  font-size: 48px; }
  @media screen and (max-width: 768px) {
    .heading3 {
      font-size: 28px; } }

.heading4 {
  font-size: 28px;
  font-weight: 300; }
  @media screen and (max-width: 667px) {
    .heading4 {
      font-size: 16px; } }

@media screen and (max-width: 1024px) {
  h3 {
    font-size: 18px;
    line-height: 1.2; } }

.ttl4 {
  font-size: 38px;
  font-weight: 400; }
  @media screen and (max-width: 1440px) {
    .ttl4 {
      font-size: 34px; } }
  @media screen and (max-width: 1024px) {
    .ttl4 {
      font-size: 28px; } }
  @media screen and (max-width: 667px) {
    .ttl4 {
      font-size: 20px; } }

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

.bg-primary {
  background: #30318c; }

.bg-warning {
  background: #d4af37; }

.bg-grey {
  background: #fbfbfb !important; }

.text-warning {
  color: #d4af37; }

.text-white {
  color: #fff !important; }

.text-black {
  color: #000 !important; }

.btn-link {
  color: #fff !important;
  background: transparent;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding: 15px 57px;
  font-size: 22px;
  height: auto;
  font-weight: 300; }
  @media screen and (max-width: 480px) {
    .btn-link {
      padding: 10px 23px;
      font-size: 18px; } }
  .btn-link:hover {
    text-decoration: none;
    background: #fff;
    color: #000 !important; }

.justify-space-between-content {
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .justify-space-between-content {
      flex-wrap: wrap;
      justify-content: center; }
      .justify-space-between-content .text-right {
        text-align: left; }
      .justify-space-between-content button {
        margin-bottom: 15px; } }

.justify-space-around-content {
  justify-content: space-around; }

.bg-black-50 {
  background: #231f20; }

@media screen and (max-width: 768px) {
  .mb-50 {
    margin-bottom: 25px !important; } }

.form-group input.form-control,
.form-group select.form-control {
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  font-family: "IDMC Aeroport";
  font-weight: 300;
  color: #000;
  padding: 6px 12px; }
  @media screen and (max-width: 480px) {
    .form-group input.form-control,
    .form-group select.form-control {
      font-size: 18px; } }

@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none; } }

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

@media screen and (max-width: 768px) {
  .pt-45 {
    padding-top: 15px !important; } }

.font-weight-normal {
  font-weight: normal !important; }

.header {
  background: rgba(48, 49, 140, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  z-index: 20;
  width: 100%;
  -webkit-transition: all .800s;
  -moz-transition: all .800s;
  -o-transition: all .800s;
  transition: all .800s; }
  @media screen and (max-width: 1024px) {
    .header .ml-50 {
      margin-left: 0 !important; } }
  @media screen and (max-width: 736px) {
    .header {
      background: rgba(48, 49, 140, 0.9); } }
  @media (min-width: 480px) and (max-width: 991px) {
    .header {
      background: rgba(48, 49, 140, 0.9); } }
  .header.active .navbar {
    background: rgba(48, 49, 140, 0.9); }
    .header.active .navbar .navbar-brand {
      position: relative;
      top: 10px;
      height: 70px; }
      @media screen and (max-width: 480px) {
        .header.active .navbar .navbar-brand {
          top: 0; } }
  @media screen and (max-width: 480px) {
    .header .container {
      padding: 0; } }
  .header.has_background {
    background: #30318c; }
    .header.has_background .logo .navbar-brand {
      padding-top: 25px; }
    .header.has_background .navbar {
      background: none; }
      .header.has_background .navbar .navbar-brand {
        float: left;
        height: auto;
        padding: 0;
        position: relative;
        left: 10px;
        top: 10px;
        padding-left: 0;
        padding-right: 0; }
        @media screen and (max-width: 480px) {
          .header.has_background .navbar .navbar-brand {
            height: 70px; } }
    .header.has_background .navbar-toggle {
      margin: 30px 0 0; }
    @media screen and (max-width: 480px) {
      .header.has_background .nabar-lang {
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .header.has_background .nabar-lang li a {
        padding-top: 0;
        padding-bottom: 10px; } }
  .header.sticky {
    height: 75px; }
    .header.sticky.home-header-bunger {
      display: block !important; }
    @media screen and (max-width: 480px) {
      .header.sticky {
        background: rgba(48, 49, 140, 0.9);
        height: 60px; } }
    .header.sticky.header-home {
      display: none !important; }
    @media screen and (max-width: 480px) {
      .header.sticky .container-fluid {
        padding-left: 0;
        padding-right: 0; } }
    .header.sticky .navbar {
      background: none; }
      @media screen and (max-width: 480px) {
        .header.sticky .navbar {
          min-height: auto; } }
      .header.sticky .navbar .navbar-brand {
        float: left;
        height: auto;
        padding: 0;
        position: relative;
        left: 10px;
        top: 10px;
        padding-left: 0;
        padding-right: 0; }
        @media screen and (max-width: 480px) {
          .header.sticky .navbar .navbar-brand {
            height: 60px; } }
      .header.sticky .navbar .icon svg line {
        stroke: #000; }
    .header.sticky .navbar-toggle {
      margin: 30px 0 0; }
      @media screen and (max-width: 480px) {
        .header.sticky .navbar-toggle {
          margin: 17px 15px 0; } }
    .header.sticky .logo {
      display: block;
      position: relative;
      width: 80%; }
      @media screen and (max-width: 480px) {
        .header.sticky .logo {
          width: 70%; } }
      .header.sticky .logo .navbar-brand {
        float: none;
        height: auto;
        padding: 10px 0;
        font-size: 100%;
        line-height: initial;
        display: block; }
    .header.sticky #main-menu li a {
      padding: 22px 0;
      color: #000; }
      @media screen and (max-width: 480px) {
        .header.sticky #main-menu li a {
          color: #fff;
          padding-top: 17px; } }
      @media screen and (max-width: 480px) {
        .header.sticky #main-menu li a {
          padding-top: 10px;
          padding-bottom: 10px; } }
    .header.sticky #main-menu li.active a, .header.sticky #main-menu li:hover a {
      color: #000; }
      @media screen and (max-width: 480px) {
        .header.sticky #main-menu li.active a, .header.sticky #main-menu li:hover a {
          color: #fff; } }
    .header.sticky .nabar-lang {
      margin-top: -10px; }
      @media screen and (max-width: 1440px) {
        .header.sticky .nabar-lang {
          margin-top: -10px; } }
      @media screen and (max-width: 480px) {
        .header.sticky .nabar-lang {
          text-align: center;
          margin-bottom: 15px; } }
      .header.sticky .nabar-lang li a {
        padding-top: 35px;
        padding-bottom: 29px;
        color: #000;
        font-weight: 400; }
        @media screen and (max-width: 1440px) {
          .header.sticky .nabar-lang li a {
            padding-top: 35px;
            padding-bottom: 29px; } }
        @media screen and (max-width: 480px) {
          .header.sticky .nabar-lang li a {
            padding-top: 15px;
            padding-bottom: 10px;
            color: #fff; } }
  .header .navbar {
    margin: 0;
    border: 0;
    border-radius: 0;
    min-height: 100px;
    background: transparent;
    -webkit-transition: all .800s;
    -moz-transition: all .800s;
    -o-transition: all .800s;
    transition: all .800s;
    text-transform: uppercase; }
    @media (min-width: 480px) and (max-width: 991px) {
      .header .navbar {
        background: none; } }
    @media screen and (max-width: 1440px) {
      .header .navbar {
        min-height: 80px; } }
    @media screen and (max-width: 480px) {
      .header .navbar {
        background: none; } }
    .header .navbar .navbar-brand {
      float: left;
      height: auto;
      padding: 0;
      display: none; }
      @media screen and (max-width: 480px) {
        .header .navbar .navbar-brand {
          display: block;
          padding-top: 15px; } }
  .header .navbar-toggle {
    border: 0;
    padding: 0;
    margin: 50px 0 0; }
    @media (min-width: 480px) and (max-width: 991px) {
      .header .navbar-toggle {
        margin: 30px 0 0; } }
    @media screen and (max-width: 480px) {
      .header .navbar-toggle {
        margin: 30px 0 0; } }
    .header .navbar-toggle:focus, .header .navbar-toggle:active, .header .navbar-toggle:hover {
      background: none; }
    .header .navbar-toggle .icon-bar {
      background: white; }
      .header .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 8px; }
  @media screen and (max-width: 1440px) {
    .header .nabar-lang {
      margin-top: 10px; } }
  .header .nabar-lang li {
    position: relative; }
    .header .nabar-lang li a {
      padding-top: 43px;
      padding-bottom: 31px;
      font-family: "IDMC Aeroport", sans-serif;
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      line-height: normal; }
      @media screen and (max-width: 1440px) {
        .header .nabar-lang li a {
          padding-top: 34px;
          padding-bottom: 25px; } }
      @media screen and (max-width: 480px) {
        .header .nabar-lang li a {
          color: #fff; } }
      .header .nabar-lang li a:hover, .header .nabar-lang li a:focus {
        background: none; }
  .header .logo .navbar-brand {
    float: none;
    height: auto;
    padding: 30px 15px;
    font-size: 100%;
    line-height: initial;
    display: block; }
    @media screen and (max-width: 1440px) {
      .header .logo .navbar-brand {
        padding-top: 30px; } }
    @media screen and (max-width: 767px) {
      .header .logo .navbar-brand {
        padding-top: 15px; } }
    @media (min-width: 480px) and (max-width: 991px) {
      .header .logo .navbar-brand {
        padding-top: 15px; } }
  @media only screen and (min-width: 1224px) {
    .header .submenu li {
      margin: 0 45px !important; } }
  @media only screen and (min-width: 1440px) {
    .header .submenu li {
      margin: 0 30px !important; } }
  @media screen and (max-width: 1366px) {
    .header .submenu li {
      margin: 0 20px !important; } }
  @media screen and (max-width: 1024px) {
    .header .submenu li {
      margin: 0 13px !important; }
      .header .submenu li:first-child {
        margin-left: 0; } }
  .header #main-menu li {
    margin: 0 98px;
    position: relative;
    overflow: hidden; }
    @media only screen and (min-width: 1824px) {
      .header #main-menu li {
        /* Styles */
        margin: 0 40px; } }
    @media only screen and (min-width: 1224px) {
      .header #main-menu li {
        margin: 0 65px; } }
    @media screen and (max-width: 1440px) {
      .header #main-menu li {
        margin: 0 40px; } }
    @media screen and (max-width: 1366px) {
      .header #main-menu li {
        margin: 0 30px; } }
    @media screen and (max-width: 1024px) {
      .header #main-menu li {
        margin: 0 13px; }
        .header #main-menu li:first-child {
          margin-left: 0; } }
    @media screen and (max-width: 480px) {
      .header #main-menu li {
        margin: 10px 15px; }
        .header #main-menu li:last-child {
          display: none; } }
    .header #main-menu li::before {
      content: '';
      background: #30318c;
      position: absolute;
      left: 51%;
      right: 51%;
      top: 0;
      height: 5px;
      z-index: -1;
      -webkit-transition-property: left, right;
      transition-property: left, right;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }
      @media screen and (max-width: 1440px) {
        .header #main-menu li::before {
          height: 3px; } }
      @media screen and (max-width: 420px) {
        .header #main-menu li::before {
          display: none; } }
    .header #main-menu li.active::before, .header #main-menu li:hover::before {
      left: 0;
      right: 0;
      z-index: 1; }
    .header #main-menu li.active a, .header #main-menu li:hover a {
      color: #000;
      background: none; }
    .header #main-menu li a {
      padding-top: 40px;
      padding-bottom: 30px;
      padding-left: 0;
      padding-right: 0;
      color: #fff;
      font-size: 24px;
      font-family: "IDMC Aeroport", sans-serif;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      -webkit-transition: .5s all ease-out;
      -moz-transition: .5s all ease-out;
      transition: .5s all ease-out; }
      @media screen and (max-width: 1440px) {
        .header #main-menu li a {
          padding-top: 40px;
          padding-bottom: 25px;
          font-size: 18px; } }
      @media screen and (max-width: 480px) {
        .header #main-menu li a {
          padding-top: 34px;
          padding-bottom: 25px;
          color: #fff; }
          .header #main-menu li a svg line {
            stroke: #fff; } }
  .header .header-search {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    @media screen and (max-width: 1024px) {
      .header .header-search {
        max-width: 190px; } }
    .header .header-search .form-control {
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      border-radius: 25px;
      padding-right: 40px; }
      @media screen and (max-width: 1280px) {
        .header .header-search .form-control {
          padding-right: 30px; } }
      .header .header-search .form-control.show + .link-search {
        color: #000; }
    .header .header-search .link-search {
      position: absolute;
      top: -4px;
      right: 15px;
      color: #fff;
      font-size: 20px;
      transition: all 300ms ease; }
      @media screen {
        .header .header-search .link-search {
          top: -4px; } }
      @media screen and (max-width: 480px) {
        .header .header-search .link-search {
          color: #fff; } }

@media screen and (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }
  .navbar-header {
    float: none; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: none;
    box-shadow: none; } }
  @media screen and (max-width: 767px) and (max-width: 736px) {
    .navbar-collapse {
      border-top: none;
      box-shadow: none; }
      .navbar-collapse.in {
        overflow-y: unset; } }

@media screen and (max-width: 767px) {
  .navbar-right {
    float: right; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    /*margin: 7.5px -15px;*/
    margin: 7.5px 0 7.5px -15px; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .navbar-text {
    float: none;
    margin: 15px 0; }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
    background: rgba(48, 49, 140, 0.8); }
  .collapsing {
    overflow: hidden !important; } }

@media (min-width: 480px) and (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }
  .navbar-header {
    float: none; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: none;
    box-shadow: none; } }
  @media screen and (min-width: 480px) and (max-width: 991px) and (max-width: 736px) {
    .navbar-collapse {
      border-top: none;
      box-shadow: none; } }

@media (min-width: 480px) and (max-width: 991px) {
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    /*margin: 7.5px -15px;*/
    margin: 7.5px 50px 7.5px -15px; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .navbar-text {
    float: none;
    margin: 15px 0; }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important; }
  .collapsing {
    overflow: hidden !important; } }

/* header-bunger */
.header-bunger .navbar .nav-links li:nth-of-type(1), .header-bunger .navbar .nav-links li:nth-of-type(2), .header-bunger .navbar .nav-links li:nth-of-type(3), .header-bunger .navbar .nav-links li:nth-of-type(4), .header-bunger .navbar .nav-links li:nth-of-type(5) {
  opacity: 0;
  transition: 0.3s ease-in all; }

.header-bunger .navbar .nav-links li.nav-link-open:nth-of-type(1), .header-bunger .navbar .nav-links li.nav-link-open:nth-of-type(2), .header-bunger .navbar .nav-links li.nav-link-open:nth-of-type(3), .header-bunger .navbar .nav-links li.nav-link-open:nth-of-type(4), .header-bunger .navbar .nav-links li.nav-link-open:nth-of-type(5) {
  opacity: 1;
  transform: translateY(10px); }

.header-bunger {
  width: 100%;
  background: rgba(48, 49, 140, 0.7);
  position: fixed;
  z-index: 20; }
  .header-bunger.home-header-bunger {
    display: none; }
  .header-bunger.sticky.home-header-bunger {
    display: block; }
  .header-bunger.sticky .navbar .nav-links {
    background: transparent; }
  .header-bunger.sticky .navbar .nabar-lang {
    display: none; }
  @media screen and (max-width: 767px) {
    .header-bunger.sticky {
      display: none; } }
  @media screen and (max-width: 480px) {
    .header-bunger {
      height: 60px; } }
  .header-bunger .logo {
    z-index: 14;
    position: relative; }
    @media screen and (max-width: 480px) {
      .header-bunger .logo img {
        width: 70%; } }
    @media screen and (max-width: 480px) {
      .header-bunger .logo .navbar-brand {
        width: 120px;
        margin-right: 0;
        padding-right: 0; } }
  .header-bunger .breadcrumb {
    font-size: 20px;
    padding-left: 180px;
    padding-top: 20px;
    background: transparent;
    text-transform: uppercase; }
    @media screen and (max-width: 667px) {
      .header-bunger .breadcrumb {
        padding-left: 100px;
        padding-top: 13px; } }
    .header-bunger .breadcrumb i {
      font-size: 20px; }
      @media screen and (max-width: 667px) {
        .header-bunger .breadcrumb i {
          line-height: 0; } }
    @media screen and (max-width: 667px) {
      .header-bunger .breadcrumb {
        padding-left: 0;
        font-size: 16px; }
        .header-bunger .breadcrumb span {
          font-size: 18px; } }
    @media screen and (max-width: 667px) and (max-width: 320px) {
      .header-bunger .breadcrumb span {
        font-size: 15px; } }
    .header-bunger .breadcrumb span {
      color: #fff; }
      .header-bunger .breadcrumb span a {
        color: #fff !important; }
  .header-bunger .burger {
    position: absolute;
    margin-top: 0;
    color: #fff;
    cursor: pointer;
    right: 22px;
    top: 23px;
    z-index: 14;
    bottom: 20px; }
    @media screen and (max-width: 480px) {
      .header-bunger .burger {
        top: 14px; } }
    .header-bunger .burger i {
      font-size: 32px; }
      .header-bunger .burger i:nth-of-type(1) {
        display: block; }
      .header-bunger .burger i:nth-of-type(2) {
        display: none; }
    .header-bunger .burger.burger-open {
      color: #fff; }
      .header-bunger .burger.burger-open i:nth-of-type(1) {
        display: none; }
      .header-bunger .burger.burger-open i:nth-of-type(2) {
        display: block; }
      .header-bunger .burger.burger-open + .navbar::before {
        opacity: 1;
        display: block; }
        @media screen and (max-width: 767px) {
          .header-bunger .burger.burger-open + .navbar::before {
            display: none; } }
      .header-bunger .burger.burger-open + .navbar span {
        opacity: 1;
        display: block; }
        @media screen and (max-width: 767px) {
          .header-bunger .burger.burger-open + .navbar span {
            display: none; } }
      .header-bunger .burger.burger-open + .navbar .nabar-lang {
        display: inline-block;
        margin-right: 50px; }
        .header-bunger .burger.burger-open + .navbar .nabar-lang i {
          font-size: 22px; }
        .header-bunger .burger.burger-open + .navbar .nabar-lang a {
          color: #fff; }
          .header-bunger .burger.burger-open + .navbar .nabar-lang a:hover {
            background: transparent; }
        .header-bunger .burger.burger-open + .navbar .nabar-lang .languages {
          position: absolute;
          top: -5px;
          right: 5px;
          font-size: 22px; }
        .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search {
          position: relative;
          margin-top: 13px; }
          @media screen and (max-width: 1024px) {
            .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search {
              max-width: 190px; } }
          @media screen and (max-width: 480px) {
            .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search {
              margin-top: 0;
              margin-right: 15px; } }
          .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search .form-control {
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            border-radius: 25px;
            padding-right: 40px; }
            @media screen and (max-width: 1280px) {
              .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search .form-control {
                padding-right: 30px; } }
            .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search .form-control.show + .link-search {
              color: #000; }
          .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search .link-search {
            position: absolute;
            top: 7px;
            right: 15px;
            color: #fff;
            font-size: 20px;
            transition: all 300ms ease; }
            @media screen and (max-width: 480px) {
              .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search .link-search {
                color: #fff; } }
          .header-bunger .burger.burger-open + .navbar .nabar-lang .header-search + a {
            padding-top: 25px; }
        .header-bunger .burger.burger-open + .navbar .nabar-lang li a {
          padding-top: 35px;
          padding-bottom: 29px;
          color: #fff;
          font-weight: 400; }
          @media screen and (max-width: 1440px) {
            .header-bunger .burger.burger-open + .navbar .nabar-lang li a {
              padding-top: 35px;
              padding-bottom: 29px; } }
          @media screen and (max-width: 480px) {
            .header-bunger .burger.burger-open + .navbar .nabar-lang li a {
              padding-top: 15px;
              padding-bottom: 10px;
              color: #fff; } }
        @media screen and (max-width: 480px) {
          .header-bunger .burger.burger-open + .navbar .nabar-lang {
            display: inline-block;
            margin-right: 50px; }
            .header-bunger .burger.burger-open + .navbar .nabar-lang .languages {
              font-size: 16px;
              padding-top: 13px !important;
              padding-right: 20px; } }
      .header-bunger .burger.burger-open + .navbar .nav-links {
        display: block; }
        @media screen and (max-width: 767px) {
          .header-bunger .burger.burger-open + .navbar .nav-links {
            background: #30318c;
            display: block;
            height: 100vh; } }
  .header-bunger .navbar {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: 0.5s ease all;
    z-index: 12; }
    .header-bunger .navbar:before {
      content: ' ';
      position: absolute;
      top: 0;
      right: -60vh;
      width: 100vh;
      height: 100vh;
      background: -webkit-linear-gradient(3deg, rgba(48, 49, 140, 0.8) 0%, #30318c 100%);
      background: linear-gradient(3deg, rgba(48, 49, 140, 0.8) 0%, #30318c 100%);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-border-radius: 5vh;
      border-radius: 5vh;
      backface-visibility: hidden;
      opacity: 0;
      display: none; }
    .header-bunger .navbar span {
      content: ' ';
      position: absolute;
      top: 0;
      right: -60vh;
      width: 100vh;
      height: 100vh;
      background: -webkit-linear-gradient(3deg, rgba(48, 49, 140, 0.8) 0%, #30318c 100%);
      background: linear-gradient(3deg, rgba(48, 49, 140, 0.8) 0%, #30318c 100%);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-border-radius: 5vh;
      border-radius: 5vh;
      backface-visibility: hidden;
      -webkit-transform: rotate(45deg) scale(1.2);
      transform: rotate(45deg) scale(1.2);
      opacity: 0;
      filter: blur(4px);
      display: none; }
      @media screen and (max-width: 767px) {
        .header-bunger .navbar span {
          right: -80vh;
          display: none;
          z-index: 99; } }
    .header-bunger .navbar .nav-links {
      position: absolute;
      right: 30px;
      top: 90px;
      padding: 0;
      display: none; }
      @media screen and (max-width: 767px) {
        .header-bunger .navbar .nav-links {
          padding: 0;
          top: 70px;
          right: 0;
          width: 100%;
          display: none;
          text-align: center; } }
      @media screen and (max-width: 667px) {
        .header-bunger .navbar .nav-links {
          top: 59px; } }
      .header-bunger .navbar .nav-links li {
        list-style-type: none;
        margin: 3rem 0; }
        .header-bunger .navbar .nav-links li:nth-of-type(1).nav-link-open {
          transition-delay: 0.25s; }
        .header-bunger .navbar .nav-links li:nth-of-type(2).nav-link-open {
          transition-delay: 0.35s; }
        .header-bunger .navbar .nav-links li:nth-of-type(3).nav-link-open {
          transition-delay: 0.45s; }
        .header-bunger .navbar .nav-links li:nth-of-type(4).nav-link-open {
          transition-delay: 0.55s; }
        .header-bunger .navbar .nav-links li:nth-of-type(5).nav-link-open {
          transition-delay: 0.65s; }
        .header-bunger .navbar .nav-links li a {
          text-decoration: none;
          color: #fff;
          font-size: 3vh;
          position: relative;
          text-transform: uppercase;
          letter-spacing: 1px; }
          @media screen and (max-width: 767px) {
            .header-bunger .navbar .nav-links li a {
              font-size: 18px; } }
          @media screen and (max-width: 480px) {
            .header-bunger .navbar .nav-links li a {
              font-size: 18px; } }
          .header-bunger .navbar .nav-links li a:hover::before {
            width: 100%; }
          .header-bunger .navbar .nav-links li a:hover::after {
            width: 100%; }
        .header-bunger .navbar .nav-links li.active a, .header-bunger .navbar .nav-links li:hover a {
          color: #fff; }
    .header-bunger .navbar .nabar-lang {
      display: none; }
    .header-bunger .navbar.nav-open {
      display: block;
      clip-path: circle(100%); }
      @media screen and (max-width: 1280px) {
        .header-bunger .navbar.nav-open {
          clip-path: unset; } }
      @media screen and (max-width: 1024px) {
        .header-bunger .navbar.nav-open {
          clip-path: unset; } }

.header {
  position: absolute; }

.header-bunger + .home-main {
  margin-top: 0; }

.header-bunger + main {
  margin-top: -70px; }
  @media screen and (max-width: 480px) {
    .header-bunger + main {
      margin-top: -80px; } }

.page-about {
  position: relative;
  margin-top: 100px; }
  @media screen and (max-width: 1440px) {
    .page-about {
      margin-top: 80px; } }
  .page-about .banner {
    height: 810px;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 480px) {
      .page-about .banner {
        height: 736px; } }
    .page-about .banner .hero {
      height: 810px;
      background: transparent url(../img/hero.jpg) no-repeat center center;
      background-size: cover;
      position: relative;
      z-index: 1;
      /* Place text in the middle of the image */ }
      @media screen and (max-width: 480px) {
        .page-about .banner .hero {
          height: 736px;
          background: transparent url(../img/hero_m.png) no-repeat center center;
          background-size: cover; } }
      .page-about .banner .hero .overlay {
        content: '';
        position: absolute;
        background-image: linear-gradient(to top, #3f3f3f, rgba(139, 139, 139, 0.36));
        z-index: 2;
        width: 100%;
        height: 100%;
        mix-blend-mode: multiply; }
      .page-about .banner .hero .frame {
        background: url(../img/frame.png) no-repeat center center;
        width: 381px;
        height: 354px;
        background-size: cover;
        position: absolute;
        top: -140px;
        right: -381px;
        z-index: 2; }
        @media screen and (max-width: 480px) {
          .page-about .banner .hero .frame {
            display: none; } }
      .page-about .banner .hero-text {
        position: absolute;
        top: 12%;
        left: 21.5%;
        text-align: left;
        padding: 20px;
        color: #fff;
        margin: 0;
        font-weight: bold;
        letter-spacing: .02em;
        opacity: 1;
        z-index: 3;
        transition: all .3s ease;
        transform: translateY(100px);
        max-width: 45em;
        display: block; }
        @media screen and (max-width: 1680px) {
          .page-about .banner .hero-text {
            left: 16.5%; } }
        @media screen and (max-width: 1440px) {
          .page-about .banner .hero-text {
            left: 11.5%; } }
        @media screen and (max-width: 1280px) {
          .page-about .banner .hero-text {
            left: 6%; } }
        @media screen and (max-width: 480px) {
          .page-about .banner .hero-text {
            left: 0;
            top: 5%; } }
        .page-about .banner .hero-text h1 {
          font-size: 60px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #ffffff;
          text-transform: uppercase;
          margin: 0; }
          @media screen and (max-width: 480px) {
            .page-about .banner .hero-text h1 {
              font-size: 50px;
              text-align: center;
              line-height: 60px; } }
        .page-about .banner .hero-text .caption {
          position: relative;
          margin-top: 25px; }
          .page-about .banner .hero-text .caption p {
            margin: 0;
            font-size: 16px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #ffffff; }
  .page-about .content-about .about-section {
    padding-top: 74px;
    padding-bottom: 125px; }
    @media screen and (max-width: 1366px) {
      .page-about .content-about .about-section {
        padding-top: 48px;
        padding-bottom: 90px; } }
    @media screen and (max-width: 480px) {
      .page-about .content-about .about-section {
        padding-top: 45px;
        padding-bottom: 45px; } }
    .page-about .content-about .about-section .section-head {
      margin-bottom: 65px; }
      .page-about .content-about .about-section .section-head .main_title {
        text-align: center;
        margin: 0; }
        .page-about .content-about .about-section .section-head .main_title h1 {
          font-size: 50px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #000000;
          margin-bottom: 38px; }
          @media screen and (max-width: 1366px) {
            .page-about .content-about .about-section .section-head .main_title h1 {
              font-size: 42px;
              margin-bottom: 15px; } }
          @media screen and (max-width: 480px) {
            .page-about .content-about .about-section .section-head .main_title h1 {
              font-size: 28px;
              margin-bottom: 25px; } }
        .page-about .content-about .about-section .section-head .main_title p {
          font-size: 18px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #000000;
          position: relative;
          max-width: 66%;
          text-align: center;
          margin: 0 auto; }
          @media screen and (max-width: 1440px) {
            .page-about .content-about .about-section .section-head .main_title p {
              max-width: 75%; } }
          @media screen and (max-width: 480px) {
            .page-about .content-about .about-section .section-head .main_title p {
              max-width: 100%;
              font-size: 16px;
              padding: 0 15px; } }
          .page-about .content-about .about-section .section-head .main_title p::before, .page-about .content-about .about-section .section-head .main_title p::after {
            content: '';
            background: url(../img/format_quote_24px_outlined.svg) no-repeat center center;
            height: 50px;
            width: 50px;
            position: absolute;
            background-size: cover; }
            @media screen and (max-width: 480px) {
              .page-about .content-about .about-section .section-head .main_title p::before, .page-about .content-about .about-section .section-head .main_title p::after {
                width: 30px;
                height: 30px;
                background-size: cover; } }
          .page-about .content-about .about-section .section-head .main_title p::before {
            left: -50px;
            top: -10px;
            transform: rotate(180deg); }
            @media screen and (max-width: 480px) {
              .page-about .content-about .about-section .section-head .main_title p::before {
                left: -5px;
                top: -25px; } }
          .page-about .content-about .about-section .section-head .main_title p::after {
            right: -50px;
            bottom: -10px; }
            @media screen and (max-width: 480px) {
              .page-about .content-about .about-section .section-head .main_title p::after {
                right: -5px;
                bottom: -25px; } }
    .page-about .content-about .about-section .section-body .image {
      padding-right: 25px;
      padding-top: 20px;
      position: relative; }
      @media screen and (max-width: 480px) {
        .page-about .content-about .about-section .section-body .image {
          padding: 0 0 25px; } }
      .page-about .content-about .about-section .section-body .image img {
        max-width: 100%;
        display: block;
        width: 100%;
        height: auto; }
    .page-about .content-about .about-section .section-body .text {
      position: relative;
      padding-right: 65px; }
      @media screen and (max-width: 1440px) {
        .page-about .content-about .about-section .section-body .text {
          padding-right: 25px; } }
      @media screen and (max-width: 480px) {
        .page-about .content-about .about-section .section-body .text {
          padding: 0; } }
      .page-about .content-about .about-section .section-body .text h3 {
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin-bottom: 21px; }
        @media screen and (max-width: 1440px) {
          .page-about .content-about .about-section .section-body .text h3 {
            font-size: 40px;
            text-align: center; } }
        @media screen and (max-width: 1366px) {
          .page-about .content-about .about-section .section-body .text h3 {
            font-size: 38px;
            margin-bottom: 12px; } }
      .page-about .content-about .about-section .section-body .text h4 {
        font-family: "IDMC Aeroport", sans-serif;
        font-size: 30px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin: 0; }
        @media screen and (max-width: 1440px) {
          .page-about .content-about .about-section .section-body .text h4 {
            font-size: 26px; } }
      .page-about .content-about .about-section .section-body .text p {
        font-size: 18px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          .page-about .content-about .about-section .section-body .text p {
            font-size: 16px;
            text-align: justify; } }
      .page-about .content-about .about-section .section-body .text ul {
        padding-left: 25px;
        display: block;
        list-style: disc;
        margin: 10px 0; }
        .page-about .content-about .about-section .section-body .text ul li {
          position: relative;
          margin-bottom: 5px;
          font-size: 18px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #000; }
          .page-about .content-about .about-section .section-body .text ul li:last-child {
            margin-bottom: 0; }
  .page-about .content-about .about-target {
    padding-top: 60px;
    background: #f9fdff;
    padding-bottom: 30px; }
    .page-about .content-about .about-target .section-head .main_title h2 {
      text-transform: uppercase;
      color: #000000;
      margin-bottom: 15px; }
    .page-about .content-about .about-target .section-body .container {
      position: relative; }
    .page-about .content-about .about-target .section-body .target ul {
      margin: 0;
      padding: 0; }
      .page-about .content-about .about-target .section-body .target ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: inherit;
        width: 48%;
        margin-right: 4%;
        padding: 7px 0;
        float: left;
        margin-bottom: 67px; }
        @media screen and (max-width: 1366px) {
          .page-about .content-about .about-target .section-body .target ul li {
            margin-bottom: 25px; } }
        @media screen and (max-width: 480px) {
          .page-about .content-about .about-target .section-body .target ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px;
            padding: 0;
            align-items: flex-start; } }
        .page-about .content-about .about-target .section-body .target ul li:nth-child(2n+2) {
          margin-right: 0; }
        .page-about .content-about .about-target .section-body .target ul li .icon {
          float: left;
          background: transparent url(../img/check.svg) no-repeat center center;
          width: 48px;
          height: 48px; }
          @media screen and (max-width: 480px) {
            .page-about .content-about .about-target .section-body .target ul li .icon {
              width: 30px;
              height: 30px;
              background-size: contain; } }
        .page-about .content-about .about-target .section-body .target ul li .text {
          width: calc(100% - 48px);
          float: left;
          padding-left: 15px;
          font-size: 18px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #000000; }
    .page-about .content-about .about-target .section-body .frame {
      background: url(../img/frame_new.png) no-repeat center center;
      width: 381px;
      height: 354px;
      background-size: cover;
      position: absolute;
      top: -295px;
      right: -125px;
      z-index: 2; }
      @media screen and (max-width: 1440px) {
        .page-about .content-about .about-target .section-body .frame {
          width: 280px;
          height: 270px;
          top: -265px;
          right: -105px;
          background-size: contain; } }
      @media screen and (max-width: 1366px) {
        .page-about .content-about .about-target .section-body .frame {
          top: -220px;
          right: -30px; } }
      @media screen and (max-width: 420px) {
        .page-about .content-about .about-target .section-body .frame {
          width: 80px;
          height: 95px;
          right: 5px;
          top: -190px; } }
  .page-about .content-about .about-service {
    display: inline-block;
    width: 100%; }
    .page-about .content-about .about-service .section-head {
      background: transparent url(../img/about_service.png) no-repeat center center;
      position: relative;
      min-height: 305px;
      padding-top: 0;
      margin: 0;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        .page-about .content-about .about-service .section-head {
          min-height: 305px;
          padding-top: 45px; } }
      .page-about .content-about .about-service .section-head .main_title h2 {
        text-transform: uppercase;
        color: white;
        margin-bottom: 15px; }
        @media screen and (max-width: 480px) {
          .page-about .content-about .about-service .section-head .main_title h2 {
            padding: 0; } }
      .page-about .content-about .about-service .section-head .main_title p {
        font-size: 18px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        max-width: 60%;
        margin: 0; }
        @media screen and (max-width: 480px) {
          .page-about .content-about .about-service .section-head .main_title p {
            max-width: 100%;
            padding: 0;
            font-size: 16px; } }
    .page-about .content-about .about-service .section-body .boxes-grid {
      position: relative;
      top: -80px; }
      @media screen and (max-width: 480px) {
        .page-about .content-about .about-service .section-body .boxes-grid {
          padding: 0 15px; } }
      .page-about .content-about .about-service .section-body .boxes-grid .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 30%;
        margin-right: 55px;
        padding: 20px;
        float: left;
        margin-bottom: 60px;
        background: white;
        border-bottom: 3px solid #30318c;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        border: solid 0.5px #d7e0f0; }
        @media screen and (max-width: 480px) {
          .page-about .content-about .about-service .section-body .boxes-grid .box {
            width: 100%;
            margin-right: 0;
            display: block;
            padding: 0; }
            .page-about .content-about .about-service .section-body .boxes-grid .box:last-child {
              margin-bottom: 0; } }
        .page-about .content-about .about-service .section-body .boxes-grid .box:nth-child(3n+3) {
          margin-right: 0; }
        .page-about .content-about .about-service .section-body .boxes-grid .box:nth-child(4) .box-inline .icon img {
          width: 75%; }
        .page-about .content-about .about-service .section-body .boxes-grid .box-inline {
          margin: auto;
          text-align: center; }
          @media screen and (max-width: 480px) {
            .page-about .content-about .about-service .section-body .boxes-grid .box-inline {
              padding: 15px; } }
          .page-about .content-about .about-service .section-body .boxes-grid .box-inline h3 {
            font-size: 30px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #30318c;
            margin-bottom: 12px; }
          .page-about .content-about .about-service .section-body .boxes-grid .box-inline .icon {
            width: 200px;
            display: flex;
            height: 200px;
            align-items: center;
            justify-content: center;
            margin: auto; }
            @media screen and (max-width: 480px) {
              .page-about .content-about .about-service .section-body .boxes-grid .box-inline .icon {
                margin: auto; } }
            .page-about .content-about .about-service .section-body .boxes-grid .box-inline .icon img {
              height: auto;
              max-width: 100%;
              display: block; }
        .page-about .content-about .about-service .section-body .boxes-grid .box-text {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          z-index: 2;
          padding: 25px;
          background: #30318c;
          color: white;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;
          -ms-transition: 0.3s linear;
          -o-transition: 0.3s linear;
          transition: 0.3s linear;
          top: 100%; }
          @media screen and (max-width: 480px) {
            .page-about .content-about .about-service .section-body .boxes-grid .box-text {
              position: relative;
              display: block; } }
          .page-about .content-about .about-service .section-body .boxes-grid .box-text h4 {
            font-size: 30px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
            margin-bottom: 40px; }
            @media screen and (max-width: 480px) {
              .page-about .content-about .about-service .section-body .boxes-grid .box-text h4 {
                display: none; } }
          .page-about .content-about .about-service .section-body .boxes-grid .box-text p {
            font-size: 18px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: justify;
            color: #ffffff; }
        .page-about .content-about .about-service .section-body .boxes-grid .box:hover .box-text {
          top: 0; }
  .page-about .content-about .about-struct {
    background: white;
    padding-top: 75px;
    padding-bottom: 65px;
    position: relative; }
    @media screen and (max-width: 420px) {
      .page-about .content-about .about-struct {
        padding-bottom: 40px; } }
    @media screen and (max-width: 1366px) {
      .page-about .content-about .about-struct .section-head {
        margin-bottom: 25px; } }
    .page-about .content-about .about-struct .section-head .main_title {
      text-align: center; }
      .page-about .content-about .about-struct .section-head .main_title h2 {
        font-size: 50px;
        line-height: normal;
        text-align: center;
        margin-bottom: 34px;
        position: relative;
        padding: 0; }
        @media screen and (max-width: 1440px) {
          .page-about .content-about .about-struct .section-head .main_title h2 {
            font-size: 40px; } }
        @media screen and (max-width: 1366px) {
          .page-about .content-about .about-struct .section-head .main_title h2 {
            font-size: 38px;
            margin-bottom: 25px; } }
        @media screen and (max-width: 420px) {
          .page-about .content-about .about-struct .section-head .main_title h2 {
            font-size: 30px;
            margin-bottom: 15px;
            padding: 0; } }
        .page-about .content-about .about-struct .section-head .main_title h2::after {
          content: '';
          background: url(../img/title_icon_nobg.png) no-repeat center center;
          background-size: contain;
          width: 63px;
          height: 59px;
          position: absolute;
          top: -20px;
          right: -80px;
          z-index: 2; }
          @media screen and (max-width: 480px) {
            .page-about .content-about .about-struct .section-head .main_title h2::after {
              width: 45px;
              height: 45px;
              position: absolute;
              top: -20px;
              right: -50px;
              background-size: contain; } }
      .page-about .content-about .about-struct .section-head .main_title p {
        max-width: 70%;
        font-weight: 300;
        color: #000; }
        @media screen and (max-width: 480px) {
          .page-about .content-about .about-struct .section-head .main_title p {
            max-width: 100%;
            padding: 0;
            margin: 0; } }
    .page-about .content-about .about-struct .section-body .executive {
      position: relative;
      cursor: pointer; }
      @media screen and (max-width: 420px) {
        .page-about .content-about .about-struct .section-body .executive {
          margin-bottom: 25px; } }
      .page-about .content-about .about-struct .section-body .executive figure {
        position: relative;
        overflow: hidden; }
        .page-about .content-about .about-struct .section-body .executive figure img {
          display: block;
          max-width: 100%;
          width: 100%;
          transition: transform .3s; }
      .page-about .content-about .about-struct .section-body .executive header {
        padding: 10px;
        display: block;
        transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; }
        .page-about .content-about .about-struct .section-body .executive header span,
        .page-about .content-about .about-struct .section-body .executive header h3 {
          font-size: 24px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #000;
          margin-bottom: 5px; }
          @media screen and (max-width: 1366px) {
            .page-about .content-about .about-struct .section-body .executive header span,
            .page-about .content-about .about-struct .section-body .executive header h3 {
              font-size: 21px; } }
          @media screen and (max-width: 420px) {
            .page-about .content-about .about-struct .section-body .executive header span,
            .page-about .content-about .about-struct .section-body .executive header h3 {
              font-size: 18px; } }
        .page-about .content-about .about-struct .section-body .executive header span {
          font-weight: 300;
          color: #000; }
      .page-about .content-about .about-struct .section-body .executive:hover figure img {
        transform: scale(1.15); }

.page-homepage .btn-primary {
  height: 60px;
  font-family: Roboto;
  background: rgba(48, 49, 140, 0.8); }
  @media print, screen and (max-width: 1024px) {
    .page-homepage .btn-primary {
      font-size: 22px;
      height: auto; } }
  @media screen and (max-width: 480px) {
    .page-homepage .btn-primary {
      font-size: 18px;
      font-size: 18px;
      padding-left: 20px;
      padding-right: 20px;
      height: 34px;
      line-height: 34px; } }

.page-homepage .hero {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #1D2440;
  background-size: cover !important;
  background-position: right center; }
  @media print, screen and (min-width: 40em) {
    .page-homepage .hero {
      background-position: center; } }
  @media print, screen and (min-width: 64em) {
    .page-homepage .hero {
      min-height: 100%; } }
  .page-homepage .hero .image-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); }
  .page-homepage .hero video {
    display: block;
    width: 100%;
    min-height: 100vh;
    object-fit: cover;
    width: 100%;
    margin-top: 60px; }
    @media print, screen and (min-width: 64em) {
      .page-homepage .hero video {
        margin-top: 0; } }
  .page-homepage .hero .hero-content-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 69rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    height: 90vh;
    min-height: 500px;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 70px 0 0 0; }
    @media print, screen and (min-width: 64em) {
      .page-homepage .hero .hero-content-container {
        min-height: 600px;
        padding: 100px 0; } }
    .page-homepage .hero .hero-content-container .hero-content {
      display: block;
      max-width: 730px;
      width: 100%;
      padding: 0 20px; }
      @media screen and (max-width: 420px) {
        .page-homepage .hero .hero-content-container .hero-content {
          text-align: center; } }
      .page-homepage .hero .hero-content-container .hero-content .small-heading a {
        color: white; }
      .page-homepage .hero .hero-content-container .hero-content h1 {
        font-size: 60px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0 0 35px;
        display: inline-block;
        max-width: 365px;
        font-family: "Overpass", sans-serif; }
        @media screen and (max-width: 767px) {
          .page-homepage .hero .hero-content-container .hero-content h1 {
            font-size: 30px;
            margin-bottom: 20px; } }
        @media screen and (max-width: 420px) {
          .page-homepage .hero .hero-content-container .hero-content h1 {
            font-size: 50px;
            margin-bottom: 20px; } }
      .page-homepage .hero .hero-content-container .hero-content .date {
        color: white;
        margin-left: 20px; }
      .page-homepage .hero .hero-content-container .hero-content h4 {
        margin: 0;
        font-size: 28px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff; }
        @media print, screen and (min-width: 40em) {
          .page-homepage .hero .hero-content-container .hero-content h4 {
            padding: 0 0 0 0; } }
        @media screen and (max-width: 767px) {
          .page-homepage .hero .hero-content-container .hero-content h4 {
            font-size: 20px; } }
        @media screen and (max-width: 420px) {
          .page-homepage .hero .hero-content-container .hero-content h4 {
            font-size: 20px; } }
      .page-homepage .hero .hero-content-container .hero-content p {
        color: white;
        font-size: rem-calc(18); }
      .page-homepage .hero .hero-content-container .hero-content .button {
        margin-right: 10px; }
  .page-homepage .hero.small {
    min-height: 500px;
    height: 500px; }
    .page-homepage .hero.small video {
      min-height: 500px; }
    .page-homepage .hero.small .hero-content-container {
      min-height: 500px;
      height: 500px; }
  .page-homepage .hero.smallest {
    min-height: 400px;
    height: 400px; }
    .page-homepage .hero.smallest video {
      min-height: 400px; }
    .page-homepage .hero.smallest .hero-content-container {
      min-height: 400px;
      height: 400px;
      display: block;
      padding-top: 120px; }

.page-homepage .show_partner {
  position: relative; }
  .page-homepage .show_partner .partner {
    width: 1050px;
    height: 231px;
    margin: 0 0 15px;
    border-radius: 10px;
    box-shadow: 8px 6px 11px 0 rgba(0, 0, 0, 0.31);
    background-color: rgba(218, 218, 218, 0.8);
    position: absolute;
    left: calc(50% - 525px);
    bottom: -80px;
    z-index: 5;
    padding: 12px; }
    @media screen and (max-width: 1440px) {
      .page-homepage .show_partner .partner {
        bottom: -70px;
        height: 220px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page-homepage .show_partner .partner {
        width: 850px;
        left: calc(50% - 425px); } }
    @media screen and (max-width: 480px) {
      .page-homepage .show_partner .partner {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 40px 0 0;
        background: transparent; } }
    .page-homepage .show_partner .partner:active {
      box-shadow: 8px 6px 11px 0 rgba(0, 0, 0, 0.31) !important; }
    .page-homepage .show_partner .partner-title {
      display: block; }
      .page-homepage .show_partner .partner-title h2 {
        margin: 0;
        font-size: 40px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #282873; }
        @media screen and (max-width: 1440px) {
          .page-homepage .show_partner .partner-title h2 {
            font-size: 36px; } }
    .page-homepage .show_partner .partner-content {
      display: -webkit-flex;
      /* Safari */
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      margin-top: 17px; }
      @media screen and (max-width: 480px) {
        .page-homepage .show_partner .partner-content {
          display: block; } }
      .page-homepage .show_partner .partner-content .col {
        width: 35%;
        position: relative;
        padding-right: 20px; }
        @media screen and (max-width: 480px) {
          .page-homepage .show_partner .partner-content .col {
            width: 100%;
            padding-right: 0;
            padding-bottom: 15px;
            border-bottom: solid 1px #f2f2f2; } }
        .page-homepage .show_partner .partner-content .col:not(:first-child) {
          border-left: 1px solid #b1b1b1;
          padding-left: 20px;
          padding-right: 0;
          width: calc(100% - 35%); }
          @media screen and (max-width: 480px) {
            .page-homepage .show_partner .partner-content .col:not(:first-child) {
              width: 100%;
              border-left: 0;
              padding-left: 0;
              margin-top: 15px;
              border: 0; } }
        .page-homepage .show_partner .partner-content .col .showroom-list {
          padding: 10px 15px 0;
          margin: auto;
          text-align: center; }
          @media (min-width: 768px) and (max-width: 991px) {
            .page-homepage .show_partner .partner-content .col .showroom-list {
              display: flex;
              display: -webkit-flex;
              /* Safari */
              justify-content: space-between; } }
          @media screen and (max-width: 480px) {
            .page-homepage .show_partner .partner-content .col .showroom-list {
              padding-right: 0;
              padding-left: 0;
              display: block;
              align-items: center; } }
          .page-homepage .show_partner .partner-content .col .showroom-list .showroom {
            display: inline-block;
            padding: 0 35px;
            vertical-align: middle; }
            @media screen and (max-width: 480px) {
              .page-homepage .show_partner .partner-content .col .showroom-list .showroom {
                padding: 0 15px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .page-homepage .show_partner .partner-content .col .lists {
            display: flex;
            display: -webkit-flex;
            /* Safari */
            justify-content: space-between; } }
        @media screen and (max-width: 480px) {
          .page-homepage .show_partner .partner-content .col .lists {
            display: flex;
            justify-content: space-between; } }
        .page-homepage .show_partner .partner-content .col .lists.lists_partner {
          position: relative; }
          .page-homepage .show_partner .partner-content .col .lists.lists_partner:hover .slick-next, .page-homepage .show_partner .partner-content .col .lists.lists_partner:hover .slick-prev {
            opacity: 1;
            visibility: visible; }
          .page-homepage .show_partner .partner-content .col .lists.lists_partner .slick-next, .page-homepage .show_partner .partner-content .col .lists.lists_partner .slick-prev {
            opacity: 0;
            visibility: hidden; }
          .page-homepage .show_partner .partner-content .col .lists.lists_partner .slick-prev {
            left: 0; }
          .page-homepage .show_partner .partner-content .col .lists.lists_partner .slick-next {
            right: 0; }
          .page-homepage .show_partner .partner-content .col .lists.lists_partner .item img {
            width: auto; }
        .page-homepage .show_partner .partner-content .col .lists .item {
          display: inline-block;
          padding: 0 35px;
          vertical-align: middle; }
          @media screen and (max-width: 480px) {
            .page-homepage .show_partner .partner-content .col .lists .item {
              padding: 0 10px; } }
          .page-homepage .show_partner .partner-content .col .lists .item img {
            max-width: 100%;
            display: block;
            width: 100%; }
        .page-homepage .show_partner .partner-content .col .name {
          margin-top: 25px;
          display: block;
          font-size: 20px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #000000; }
          .page-homepage .show_partner .partner-content .col .name.link a {
            color: #000000; }
            .page-homepage .show_partner .partner-content .col .name.link a:hover {
              text-decoration: underline !important;
              color: #30318c; }

.page-homepage .support {
  position: relative;
  background: #231f20;
  height: 600px;
  display: block;
  flex-wrap: wrap;
  flex-direction: unset !important;
  align-items: unset !important;
  justify-content: unset !important;
  border: 6px solid #000;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .page-homepage .support {
      flex-direction: center !important;
      align-items: center !important;
      justify-content: center !important; } }
  @media screen and (max-width: 667px) {
    .page-homepage .support {
      height: auto; } }
  .page-homepage .support .l-support {
    padding-top: 100px;
    padding-bottom: inherit; }
    @media screen and (max-width: 768px) {
      .page-homepage .support .l-support {
        padding-top: 60px; } }
    @media screen and (max-width: 768px) {
      .page-homepage .support .l-support {
        padding-top: 30px; } }
    .page-homepage .support .l-support .ttl {
      font-size: 30px;
      font-family: Roboto;
      padding-bottom: 57px;
      font-weight: 300; }
      @media screen and (max-width: 667px) {
        .page-homepage .support .l-support .ttl {
          padding-bottom: 28px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .support .l-support .ttl {
          font-size: 20px; } }
    .page-homepage .support .l-support .hotline {
      font-size: 50px;
      font-family: Roboto;
      font-weight: 400;
      padding-bottom: 78px; }
      @media screen and (max-width: 768px) {
        .page-homepage .support .l-support .hotline {
          padding-bottom: 34px; } }
      @media screen and (max-width: 667px) {
        .page-homepage .support .l-support .hotline {
          padding-bottom: 34px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .support .l-support .hotline {
          font-size: 25px; } }
      .page-homepage .support .l-support .hotline .bg_blur {
        position: relative; }
        .page-homepage .support .l-support .hotline .bg_blur:before {
          content: "";
          background: rgba(48, 49, 140, 0.5);
          filter: blur(10px);
          -o-filter: blur(10px);
          -ms-filter: blur(10px);
          -moz-filter: blur(10px);
          -webkit-filter: blur(10px);
          position: absolute;
          top: -24px;
          left: -30px;
          width: 134px;
          height: 83px;
          z-index: 7; }
          @media screen and (max-width: 480px) {
            .page-homepage .support .l-support .hotline .bg_blur:before {
              top: -15px;
              left: -15px;
              width: 75px;
              height: 55px;
              z-index: 7; } }
      .page-homepage .support .l-support .hotline .blur-text {
        top: auto;
        z-index: 10; }
    .page-homepage .support .l-support p {
      font-size: 20px;
      font-weight: 300;
      font-family: Roboto; }
      @media screen and (max-width: 480px) {
        .page-homepage .support .l-support p {
          font-size: 14px; } }
      .page-homepage .support .l-support p .bg_blur {
        position: relative; }
        .page-homepage .support .l-support p .bg_blur:before {
          content: "";
          background: rgba(48, 49, 140, 0.5);
          filter: blur(20px);
          -o-filter: blur(20px);
          -ms-filter: blur(20px);
          -moz-filter: blur(20px);
          -webkit-filter: blur(20px);
          position: absolute;
          top: -9px;
          left: -24px;
          width: 162px;
          height: 49px; }
          @media screen and (max-width: 480px) {
            .page-homepage .support .l-support p .bg_blur:before {
              top: 0;
              left: -20px;
              width: 110px;
              height: 32px; } }
      .page-homepage .support .l-support p a {
        position: relative;
        z-index: 99; }
      @media screen and (max-width: 768px) {
        .page-homepage .support .l-support p {
          padding-bottom: 34px; } }

.page-homepage #section1 {
  position: relative;
  background: transparent url(../img/banner-h-2.png) no-repeat center bottom;
  height: 110vh !important;
  display: flex;
  flex-wrap: unset !important;
  flex-direction: unset !important;
  align-items: unset !important;
  justify-content: unset !important;
  padding-top: 294px; }
  @media screen and (max-width: 1024px) {
    .page-homepage #section1 {
      padding-top: 215px; } }
  @media screen and (max-width: 767px) {
    .page-homepage #section1 {
      padding-top: 30px;
      height: auto; } }
  @media screen and (max-width: 414px) {
    .page-homepage #section1 {
      padding-top: 100px; } }

.page-homepage .common {
  position: relative;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .page-homepage .common {
      height: auto;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important; }
      .page-homepage .common .img-mobile {
        max-width: 100%; } }
  .page-homepage .common .info {
    font-family: Roboto; }
    .page-homepage .common .info p {
      margin-bottom: 35px;
      font-size: 26px; }
      @media screen and (max-width: 1024px) {
        .page-homepage .common .info p {
          margin-bottom: 15px;
          font-size: 24px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .common .info p {
          margin-bottom: 25px;
          font-size: 18px; } }
    .page-homepage .common .info .btn-white {
      background-color: #fff !important;
      color: #000 !important; }

.page-homepage .borrow {
  position: relative;
  background: transparent url(../img/banner-h-3.png) no-repeat center center !important;
  height: 110vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-size: 100% 100% !important; }
  @media screen and (max-width: 676px) {
    .page-homepage .borrow {
      background: transparent url(../img/baohiemxe_mobile.png) no-repeat center center !important;
      height: auto;
      flex-direction: unset !important;
      align-items: unset !important;
      justify-content: unset !important;
      padding-top: 160px; } }
  @media screen and (max-width: 480px) {
    .page-homepage .borrow {
      height: auto;
      background-size: cover !important; } }

.page-homepage .insurance {
  position: relative;
  background: transparent url(../img/banner-h-4.png) no-repeat top right !important;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .page-homepage .insurance {
      height: auto; } }
  @media screen and (max-width: 676px) {
    .page-homepage .insurance {
      background: transparent url(../img/vaymuaxe_mobile.png) no-repeat center center !important;
      height: auto; } }
  @media screen and (max-width: 480px) {
    .page-homepage .insurance {
      height: auto; } }

.page-homepage .news .h-news {
  background: rgba(212, 175, 55, 0.6);
  padding: 25px 64px 60px; }
  @media screen and (max-width: 480px) {
    .page-homepage .news .h-news {
      padding: 15px 30px; } }
  @media screen and (max-width: 768px) {
    .page-homepage .news .h-news .item {
      margin-bottom: 15px; } }
  .page-homepage .news .h-news .item .heading3 {
    font-family: "IDMC Aeroport";
    font-weight: 400;
    margin-bottom: 15px; }
  .page-homepage .news .h-news .item p {
    font-size: 21px;
    min-height: 100px; }
    @media screen and (max-width: 768px) {
      .page-homepage .news .h-news .item p {
        min-height: auto; } }
  .page-homepage .news .h-news .item img {
    box-shadow: 8px 6px 11px 0.3 #000; }
  .page-homepage .news .h-news .item a {
    font-size: 20px;
    font-weight: 400;
    font-family: "IDMC Aeroport";
    color: #494A9A; }
  .page-homepage .news .h-news .news_slider .slick-prev,
  .page-homepage .news .h-news .news_slider .slick-next {
    display: none !important; }

.page-homepage .about {
  min-height: 790px;
  background: transparent url(../img/bg_section2.png) no-repeat;
  background-position: center 280px;
  padding-top: 160px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1366px) {
    .page-homepage .about {
      background-position: center 375px; } }
  @media screen and (max-width: 480px) {
    .page-homepage .about {
      padding-top: 66px;
      background: transparent url(../img/about_us_m.png) no-repeat;
      background-position: center 235px;
      background-size: contain !important;
      padding-bottom: 100px; } }
  .page-homepage .about-content {
    display: block;
    max-width: 685px;
    margin: auto;
    position: relative; }
    .page-homepage .about-content .title {
      display: -webkit-flex;
      /* Safari */
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .page-homepage .about-content .title h2 {
        text-transform: uppercase;
        font-size: 60px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #30318c;
        margin: 0;
        position: relative; }
        @media screen and (max-width: 480px) {
          .page-homepage .about-content .title h2 {
            font-size: 40px; } }
        .page-homepage .about-content .title h2::after {
          content: '';
          background: url(../img/about_icon.png) no-repeat;
          background-size: cover;
          width: 63px;
          height: 59px;
          position: absolute;
          top: -20px;
          right: -70px;
          z-index: 2; }
    .page-homepage .about-content .desc {
      margin-top: 25px;
      padding: 0 45px; }
      @media screen and (max-width: 480px) {
        .page-homepage .about-content .desc {
          margin-top: 25px;
          padding: 0 5px; } }
      .page-homepage .about-content .desc p {
        font-family: "IDMC Aeroport", sans-serif;
        margin: 0;
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        text-align: center; }
    .page-homepage .about-content .download {
      margin-top: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      display: -webkit-flex;
      /* Safari */
      justify-content: space-between;
      padding: 0; }
      @media screen and (max-width: 480px) {
        .page-homepage .about-content .download {
          display: block; } }
      .page-homepage .about-content .download .window,
      .page-homepage .about-content .download .apple {
        text-align: center; }
        .page-homepage .about-content .download .window .icon,
        .page-homepage .about-content .download .apple .icon {
          height: 116px;
          width: 155px;
          margin-bottom: 15px;
          margin: auto auto 25px; }
          .page-homepage .about-content .download .window .icon img,
          .page-homepage .about-content .download .apple .icon img {
            max-width: 100%;
            display: block;
            width: 100%; }
      .page-homepage .about-content .download .btn-download {
        width: 190px;
        height: 44px;
        border-radius: 5px;
        box-shadow: 8px 4px 28px 0 rgba(0, 0, 0, 0.23);
        background-color: #30318c;
        font-size: 30px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        padding: 1px 25px;
        position: relative; }
        @media screen and (max-width: 480px) {
          .page-homepage .about-content .download .btn-download {
            font-size: 24px; } }
        .page-homepage .about-content .download .btn-download::before {
          pointer-events: none;
          position: absolute;
          z-index: -1;
          content: '';
          border-style: solid;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-transition-property: transform;
          transition-property: transform;
          left: calc(50% - 10px);
          top: 0;
          border-width: 0 10px 10px 10px;
          border-color: transparent transparent #30318c transparent; }
        .page-homepage .about-content .download .btn-download:hover::before, .page-homepage .about-content .download .btn-download:focus::before, .page-homepage .about-content .download .btn-download:active::before {
          -webkit-transform: translateY(-10px);
          transform: translateY(-10px); }
      @media screen and (max-width: 480px) {
        .page-homepage .about-content .download .apple {
          margin-bottom: 30px; } }
    .page-homepage .about-content .frame {
      background: url(../img/frame.png) no-repeat center center;
      width: 381px;
      height: 354px;
      background-size: cover;
      position: absolute;
      top: -140px;
      right: -381px;
      z-index: 2; }
      @media screen and (max-width: 1440px) {
        .page-homepage .about-content .frame {
          display: none; } }

.page-homepage .service {
  position: relative; }
  .page-homepage .service-top {
    background: #30318c;
    padding: 125px 0 175px; }
    @media screen and (max-width: 1440px) {
      .page-homepage .service-top {
        padding-bottom: 150px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page-homepage .service-top {
        padding: 85px 0 115px; } }
    @media screen and (max-width: 420px) {
      .page-homepage .service-top {
        padding: 60px 0 80px; } }
    .page-homepage .service-top .service-top-wraper {
      display: block;
      margin: auto;
      position: relative; }
      .page-homepage .service-top .service-top-wraper .frame {
        background: transparent url(../img/frame_new.png) no-repeat center center;
        width: 381px;
        height: 354px;
        background-size: cover;
        position: absolute;
        top: 15px;
        left: -400px;
        z-index: 2; }
        @media screen and (max-width: 1440px) {
          .page-homepage .service-top .service-top-wraper .frame {
            display: block;
            height: 236px;
            width: 244px;
            left: -115px;
            top: -20px; } }
        @media screen and (max-width: 1366px) {
          .page-homepage .service-top .service-top-wraper .frame {
            left: -205px; } }
        @media screen and (max-width: 480px) {
          .page-homepage .service-top .service-top-wraper .frame {
            display: none; } }
      .page-homepage .service-top .service-top-wraper .left {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 450px; }
      .page-homepage .service-top .service-top-wraper img {
        height: 233px; }
        @media screen and (max-width: 667px) {
          .page-homepage .service-top .service-top-wraper img {
            height: auto; } }
        .page-homepage .service-top .service-top-wraper img:hover {
          opacity: 0.7; }
    .page-homepage .service-top .text {
      display: block; }
      .page-homepage .service-top .text h2 {
        margin: 0;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        display: block; }
        @media screen and (max-width: 480px) {
          .page-homepage .service-top .text h2 {
            padding: 0 39px;
            line-height: 60px;
            text-align: center; } }
      .page-homepage .service-top .text p {
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #fff; }
      .page-homepage .service-top .text .des {
        margin-top: 45px; }
        @media screen and (max-width: 480px) {
          .page-homepage .service-top .text .des {
            margin-top: 20px;
            padding-bottom: 35px; } }
        .page-homepage .service-top .text .des p {
          font-size: 16px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #fff; }
  .page-homepage .service-items {
    position: relative;
    top: -80px; }
    @media screen and (max-width: 480px) {
      .page-homepage .service-items {
        top: -50px; } }
    @media screen and (max-width: 480px) {
      .page-homepage .service-items {
        top: -40px; } }
    .page-homepage .service-items .container {
      width: 1250px; }
      @media screen and (max-width: 1366px) {
        .page-homepage .service-items .container {
          width: 1120px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .service-items .container {
          width: inherit;
          padding: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .page-homepage .service-items .container {
          width: initial;
          padding: 0; } }
    .page-homepage .service-items .row {
      margin: 0; }
      .page-homepage .service-items .row.line {
        margin-top: 35px; }
        @media screen and (max-width: 480px) {
          .page-homepage .service-items .row.line {
            margin: 0 0 0; } }
        .page-homepage .service-items .row.line .item-caption {
          padding: 15px 10px; }
          .page-homepage .service-items .row.line .item-caption h3 a {
            font-size: 22px;
            text-align: center; }
    .page-homepage .service-items .item {
      position: relative;
      cursor: pointer; }
      .page-homepage .service-items .item-img {
        position: relative;
        overflow: hidden; }
        .page-homepage .service-items .item-img::before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background-color: #000;
          opacity: 0;
          transition: opacity .3s;
          z-index: 1; }
        .page-homepage .service-items .item-img img {
          display: block;
          width: 100%;
          max-width: 100%;
          transition: transform .3s; }
      .page-homepage .service-items .item-caption {
        background: rgba(7, 114, 181, 0.6);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 15px;
        height: auto;
        z-index: 20; }
        .page-homepage .service-items .item-caption h3 {
          margin: 0;
          line-height: normal; }
          .page-homepage .service-items .item-caption h3 a {
            text-transform: uppercase;
            font-size: 28px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #fff;
            display: block; }
            @media screen and (max-width: 1440px) {
              .page-homepage .service-items .item-caption h3 a {
                font-size: 20px; } }
      .page-homepage .service-items .item:not(.big) {
        height: auto; }
        @media (min-width: 768px) and (max-width: 991px) {
          .page-homepage .service-items .item:not(.big) {
            height: auto;
            overflow: hidden; } }
        @media screen and (max-width: 480px) {
          .page-homepage .service-items .item:not(.big) {
            height: initial;
            width: 100%;
            margin-bottom: 30px; } }
        .page-homepage .service-items .item:not(.big) .item-img img {
          height: auto; }
          @media (min-width: 768px) and (max-width: 991px) {
            .page-homepage .service-items .item:not(.big) .item-img img {
              height: auto; } }
          @media screen and (max-width: 480px) {
            .page-homepage .service-items .item:not(.big) .item-img img {
              height: auto; } }
      .page-homepage .service-items .item:hover .item-img::before {
        opacity: .5; }
      .page-homepage .service-items .item:hover .item-img img {
        transform: scale(1.15); }

.page-homepage .activate {
  height: 840px;
  background: transparent url(../img/about.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 83px 0;
  margin-bottom: 68px; }
  @media screen and (max-width: 1440px) {
    .page-homepage .activate {
      height: 710px; } }
  @media screen and (max-width: 1366px) {
    .page-homepage .activate {
      margin-bottom: 45px;
      height: 690px; } }
  @media screen and (max-width: 480px) {
    .page-homepage .activate {
      padding: 80px 0 45px;
      height: auto; } }
  .page-homepage .activate .activate-wraper {
    max-width: 970px;
    display: block;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 1440px) {
      .page-homepage .activate .activate-wraper {
        width: 845px; } }
    @media screen and (max-width: 480px) {
      .page-homepage .activate .activate-wraper {
        width: 100%; } }
    .page-homepage .activate .activate-wraper .frame {
      background: transparent url(../img/frame_new.png) no-repeat center center;
      width: 381px;
      height: 354px;
      background-size: cover;
      position: absolute;
      top: 35px;
      left: -400px;
      z-index: 2; }
      @media screen and (max-width: 1366px) {
        .page-homepage .activate .activate-wraper .frame {
          left: -315px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .activate .activate-wraper .frame {
          display: none; } }
  .page-homepage .activate-text {
    max-width: 390px; }
    .page-homepage .activate-text h2 {
      margin: 0;
      font-size: 60px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 75px;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
      text-transform: uppercase; }
      @media screen and (max-width: 1440px) {
        .page-homepage .activate-text h2 {
          font-size: 50px;
          line-height: 65px;
          padding-right: 65px; } }
      @media screen and (max-width: 1366px) {
        .page-homepage .activate-text h2 {
          font-size: 45px;
          line-height: 55px;
          padding-right: 15px; } }
      @media screen and (max-width: 420px) {
        .page-homepage .activate-text h2 {
          text-align: center;
          font-size: 40px;
          line-height: 58px;
          padding: 0 40px; } }
      .page-homepage .activate-text h2 span {
        display: block;
        color: #fff; }
    .page-homepage .activate-text .des {
      margin: 0;
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      margin-top: 40px; }
      @media screen and (max-width: 1440px) {
        .page-homepage .activate-text .des {
          margin-top: 20px; } }
      @media screen and (max-width: 1366px) {
        .page-homepage .activate-text .des {
          margin-top: 26px; } }
    .page-homepage .activate-text .list {
      display: block;
      margin-top: 50px; }
      @media screen and (max-width: 1440px) {
        .page-homepage .activate-text .list {
          margin-top: 30px; } }
      @media screen and (max-width: 1366px) {
        .page-homepage .activate-text .list {
          margin-top: 25px; } }
      .page-homepage .activate-text .list ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .page-homepage .activate-text .list ul li {
          width: 395px;
          height: 77.4px;
          border-radius: 10px;
          background-color: rgba(255, 255, 255, 0.4);
          margin-bottom: 25px;
          padding: 15px 40px 15px 15px;
          display: -webkit-flex;
          /* Safari */
          display: flex;
          align-items: center;
          cursor: pointer;
          position: relative; }
          @media screen and (max-width: 1440px) {
            .page-homepage .activate-text .list ul li {
              height: 65px; } }
          @media screen and (max-width: 1366px) {
            .page-homepage .activate-text .list ul li {
              height: 65px; } }
          @media screen and (max-width: 480px) {
            .page-homepage .activate-text .list ul li {
              width: 100%;
              height: 75px; } }
          .page-homepage .activate-text .list ul li:hover {
            background: white; }
            .page-homepage .activate-text .list ul li:hover a {
              color: #303692; }
          .page-homepage .activate-text .list ul li a {
            color: white;
            font-size: 24px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            display: block;
            width: 100%; }
            @media screen and (max-width: 1440px) {
              .page-homepage .activate-text .list ul li a {
                font-size: 20px; } }
            @media screen and (max-width: 1366px) {
              .page-homepage .activate-text .list ul li a {
                font-size: 18px; } }
            @media screen and (max-width: 480px) {
              .page-homepage .activate-text .list ul li a {
                font-size: 20px; } }
            .page-homepage .activate-text .list ul li a i {
              right: 15px;
              position: absolute;
              top: 50%;
              margin-top: -10px; }

.page-homepage .news {
  position: relative;
  background: transparent url(../img/section_news-homepage.jpg) no-repeat center right;
  background-size: cover;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 128px;
  padding-bottom: 105px; }
  @media screen and (max-width: 1440px) {
    .page-homepage .news {
      padding-top: 68px;
      padding-bottom: 68px; } }
  @media screen and (max-width: 480px) {
    .page-homepage .news {
      padding-top: 0px;
      padding-bottom: 35px;
      height: auto !important;
      display: none; } }
  .page-homepage .news .section-body .news-wraper {
    max-width: 970px;
    display: block;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 1440px) {
      .page-homepage .news .section-body .news-wraper {
        width: 845px; } }
    @media screen and (max-width: 480px) {
      .page-homepage .news .section-body .news-wraper {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page-homepage .news .section-body .news-wraper {
        width: initial; } }
    .page-homepage .news .section-body .news-wraper .main_title {
      position: relative; }
      .page-homepage .news .section-body .news-wraper .main_title h2 {
        font-size: 60px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #30318c;
        margin-top: 0;
        text-transform: uppercase; }
        @media screen and (max-width: 1440px) {
          .page-homepage .news .section-body .news-wraper .main_title h2 {
            font-size: 50px; } }
        @media screen and (max-width: 1366px) {
          .page-homepage .news .section-body .news-wraper .main_title h2 {
            font-size: 45px; } }
        @media screen and (max-width: 480px) {
          .page-homepage .news .section-body .news-wraper .main_title h2 {
            font-size: 40px;
            text-align: left;
            margin-bottom: 18px; } }
    .page-homepage .news .section-body .news-wraper .frame {
      background: transparent url(../img/frame_new.png) no-repeat center center;
      width: 381px;
      height: 354px;
      background-size: cover;
      position: absolute;
      top: 15px;
      left: -340px;
      z-index: 2; }
      @media screen and (max-width: 480px) {
        .page-homepage .news .section-body .news-wraper .frame {
          display: none; } }
  .page-homepage .news .section-body .post-lists {
    padding-left: 46px;
    padding-right: 50px;
    border-left: 1px solid #D7E0F0; }
    @media screen and (max-width: 1440px) {
      .page-homepage .news .section-body .post-lists {
        padding-left: 25px;
        padding-right: 0; } }
    @media screen and (max-width: 480px) {
      .page-homepage .news .section-body .post-lists {
        padding-left: 0;
        padding-right: 0;
        border: 0; } }
    .page-homepage .news .section-body .post-lists .post {
      margin-bottom: 16px;
      padding-bottom: 16px;
      border-bottom: 1px solid #d7e0f0;
      position: relative; }
      @media screen and (max-width: 480px) {
        .page-homepage .news .section-body .post-lists .post {
          border-radius: 10px;
          border: solid 1px #dbdbdb;
          background-color: #ffffff;
          padding: 17px 12px 17px;
          margin-bottom: 30px; } }
      .page-homepage .news .section-body .post-lists .post:last-child {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0; }
        @media screen and (max-width: 480px) {
          .page-homepage .news .section-body .post-lists .post:last-child {
            border-radius: 10px;
            border: solid 1px #dbdbdb;
            background-color: #ffffff;
            padding: 17px 12px 17px;
            margin-bottom: 0; } }
  .page-homepage .news .section-body .view_more {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 50px; }
    @media screen and (max-width: 480px) {
      .page-homepage .news .section-body .view_more {
        display: block; } }
    .page-homepage .news .section-body .view_more a {
      width: 190px;
      height: 45px;
      border-radius: 5px;
      box-shadow: 8px 4px 28px 0 rgba(0, 0, 0, 0.23);
      background-color: #30318c;
      font-size: 26px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      padding: 1px 25px;
      position: relative; }
  .page-homepage .news .section-body .post.big {
    position: relative;
    z-index: 6; }
    @media screen and (max-width: 480px) {
      .page-homepage .news .section-body .post.big {
        margin-bottom: 50px; }
        .page-homepage .news .section-body .post.big .post-img {
          position: relative; }
          .page-homepage .news .section-body .post.big .post-img::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            mix-blend-mode: multiply;
            border-radius: 10px;
            background-image: linear-gradient(to top, rgba(234, 234, 234, 0), #545454);
            left: 0;
            top: 0; }
          .page-homepage .news .section-body .post.big .post-img img {
            min-height: 250px; }
        .page-homepage .news .section-body .post.big header {
          position: relative;
          bottom: 0;
          padding: 15px 0; }
          .page-homepage .news .section-body .post.big header span.meta {
            color: #000;
            display: none; }
          .page-homepage .news .section-body .post.big header h3 {
            margin: 0;
            font-size: 22px; }
            .page-homepage .news .section-body .post.big header h3 a {
              color: #000;
              line-height: 30px;
              font-size: 25px;
              padding-right: 15px; }
        .page-homepage .news .section-body .post.big .post-desc {
          display: block; }
        .page-homepage .news .section-body .post.big footer {
          display: none; } }
  .page-homepage .news .section-body .post-img {
    position: relative;
    margin-bottom: 5px; }
    .page-homepage .news .section-body .post-img a {
      display: block; }
  .page-homepage .news .section-body .post header h3 {
    margin: 0 0 5px;
    display: block; }
    .page-homepage .news .section-body .post header h3 a {
      display: block;
      font-size: 30px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #30318c; }
      @media screen and (max-width: 1440px) {
        .page-homepage .news .section-body .post header h3 a {
          font-size: 22px; } }
      @media screen and (max-width: 1366px) {
        .page-homepage .news .section-body .post header h3 a {
          font-size: 20px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .news .section-body .post header h3 a {
          font-size: 18px; } }
      .page-homepage .news .section-body .post header h3 a:hover {
        color: #837cb5; }
  .page-homepage .news .section-body .post header .meta {
    display: block;
    color: #707070; }
    .page-homepage .news .section-body .post header .meta a {
      color: #707070;
      font-weight: 500;
      font-size: 16px;
      font-family: "IDMC Aeroport", sans-serif; }
      .page-homepage .news .section-body .post header .meta a:hover {
        color: #707070; }
  .page-homepage .news .section-body .post-desc p {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
    color: #000000; }
  .page-homepage .news .section-body .post footer {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .page-homepage .news .section-body .post footer .post_date {
      font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #707070; }
    .page-homepage .news .section-body .post footer .readmore {
      font-size: 20px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #494a9a;
      padding-right: 45px;
      position: relative; }
      @media screen and (max-width: 1440px) {
        .page-homepage .news .section-body .post footer .readmore {
          font-size: 18px; } }
      @media screen and (max-width: 1366px) {
        .page-homepage .news .section-body .post footer .readmore {
          font-size: 17px; } }
      @media screen and (max-width: 480px) {
        .page-homepage .news .section-body .post footer .readmore {
          display: block;
          font-size: 16px; } }
      .page-homepage .news .section-body .post footer .readmore::after {
        content: '';
        background: transparent url(../img/arrow.png) no-repeat;
        width: 29px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 8px; }
      .page-homepage .news .section-body .post footer .readmore:hover {
        color: #837cb5; }

@media screen and (max-width: 768px) {
  .page-homepage .news {
    display: none; }
  .page-homepage .news_mobile {
    display: block !important;
    background: transparent url(../img/section_news-homepage.jpg) no-repeat center bottom; }
    .page-homepage .news_mobile .h-news {
      background: rgba(212, 175, 55, 0.6);
      padding: 20px;
      margin-top: 20px;
      margin-bottom: 20px; }
      .page-homepage .news_mobile .h-news p {
        font-size: 20px; }
      .page-homepage .news_mobile .h-news a {
        font-size: 20px;
        color: #30318c; } }

@media screen and (max-width: 480px) {
  .page-homepage .news_mobile .h-news .news_slider .slick-next,
  .page-homepage .news_mobile .h-news .news_slider .slick-prev {
    display: none !important; } }

.page-homepage .product .h-space {
  padding-top: 90px;
  padding-bottom: 200px; }
  @media screen and (max-width: 667px) {
    .page-homepage .product .h-space {
      padding-top: 35px;
      padding-bottom: 80px; } }

.page-homepage .product p {
  font-size: 24px;
  font-weight: 300; }

.Seating-Area td p {
  font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  position: absolute;
  z-index: 1;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 11px;
  color: black;
  display: table-cell;
  cursor: pointer;
  width: 25px;
  vertical-align: middle;
  line-height: 31px; }

table.Seating-Area {
  position: absolute;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-collapse: collapse; }

table.Seating-Area, .Seating-Area th, .Seating-Area td {
  /* border: 1px solid black; */
  line-height: 25px;
  height: 35px;
  min-width: 35px; }

.page-partner.lists .partner-lists .grids .inner {
  margin-bottom: 25px; }

.page-partner.lists .partner-lists .grids .partner img {
  display: block; }

.page .show_partner {
  position: relative; }
  .page .show_partner .partner {
    position: relative;
    width: 1200px;
    margin: auto;
    background: rgba(48, 49, 140, 0.98);
    position: absolute;
    left: calc(50% - 598px);
    bottom: -115px;
    z-index: 5;
    padding: 64px 40px 28px;
    /* remove the original arrow */ }
    @media screen and (max-width: 1440px) {
      .page .show_partner .partner {
        bottom: -80px;
        padding: 20px; } }
    @media screen and (max-width: 1024px) {
      .page .show_partner .partner {
        width: 1000px;
        left: calc(50% - 500px); } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page .show_partner .partner {
        width: 100%;
        left: calc(50% - 50%); } }
    @media screen and (max-width: 767px) {
      .page .show_partner .partner {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 20px; } }
    .page .show_partner .partner:before {
      content: "";
      background: url("../img/frame1.png") no-repeat top left;
      height: 100px;
      width: 107px;
      opacity: 0.2;
      z-index: 3;
      position: absolute;
      top: 10px;
      left: 0; }
    .page .show_partner .partner:active {
      box-shadow: 8px 6px 11px 0 rgba(0, 0, 0, 0.31) !important; }
    .page .show_partner .partner-title {
      display: block; }
      .page .show_partner .partner-title h2 {
        margin: 0;
        font-weight: 500;
        font-family: Roboto;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff; }
        @media screen and (max-width: 1440px) {
          .page .show_partner .partner-title h2 {
            font-size: 28px; } }
        .page .show_partner .partner-title h2 span {
          font-family: Roboto;
          font-size: 20px;
          font-weight: 300;
          color: #fff; }
          @media screen and (max-width: 480px) {
            .page .show_partner .partner-title h2 span {
              font-size: 15px; } }
    .page .show_partner .partner-content {
      position: relative;
      margin-top: 17px; }
      @media screen and (max-width: 480px) {
        .page .show_partner .partner-content {
          display: block; } }
      .page .show_partner .partner-content .button .btn-link {
        border: 1px solid #fff;
        width: 100%;
        border-radius: 5px;
        height: 50px;
        color: #fff;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .page .show_partner .partner-content .button .btn-link {
            width: 100%; } }
        .page .show_partner .partner-content .button .btn-link:hover {
          color: #000; }
      .page .show_partner .partner-content .fa-angle-double-down {
        font-size: 30px;
        color: #fff; }
    .page .show_partner .partner .custom-select select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;
      line-height: unset !important; }
    .page .show_partner .partner .custom-select select::-ms-expand {
      display: none; }
    .page .show_partner .partner .custom-select select + i.fa {
      float: right;
      margin-top: -33px;
      margin-right: 10px;
      /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
      pointer-events: none;
      /* everything after this is just to cover up the original arrow */
      /* (for browsers that don't support the syntax used above) */
      background-color: transparent;
      color: black !important;
      padding-right: 5px; }
    .page .show_partner .partner #custom-select select option {
      padding-right: 21px; }

.page-products {
  position: relative;
  margin-top: 100px; }
  @media screen and (max-width: 1440px) {
    .page-products {
      margin-top: 84px; } }
  @media screen and (max-width: 1366px) {
    .page-products {
      margin-top: 84px; } }
  @media screen and (max-width: 480px) {
    .page-products {
      margin-top: 80px; } }
  .page-products .page-title {
    background-image: url(../img/banner_buy.png);
    background-repeat: no-repeat;
    height: 560px;
    position: relative;
    background-size: cover;
    background-position: center bottom;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }
    @media screen and (max-width: 1366px) {
      .page-products .page-title {
        height: 410px; } }
    @media screen and (max-width: 480px) {
      .page-products .page-title {
        background-size: cover;
        height: 500px;
        background-position: center center; } }
  .page-products .page-title-buy {
    background-image: url(../img/banner_b_top.png);
    background-repeat: no-repeat;
    height: 750px;
    position: relative;
    background-size: cover;
    background-position: center center;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }
    @media screen and (max-width: 480px) {
      .page-products .page-title-buy {
        background-size: cover;
        height: 265px;
        background-position: center center; } }
  .page-products .page-title.single .title-content h2 {
    padding: 0; }
  .page-products .section.questions, .page-products .section.partners {
    padding-top: 0;
    padding-bottom: 75px; }
    @media screen and (max-width: 767px) {
      .page-products .section.questions, .page-products .section.partners {
        padding-bottom: 30px; } }
    @media screen and (max-width: 480px) {
      .page-products .section.questions, .page-products .section.partners {
        padding-bottom: 0;
        padding-top: 0; } }
  .page-products .section .partner-grids {
    padding: 0 60px;
    margin: 0; }
    @media screen and (max-width: 480px) {
      .page-products .section .partner-grids {
        padding: 0 0; } }
    @media screen and (max-width: 480px) {
      .page-products .section .partner-grids .slick-next {
        right: -10px; } }
    @media screen and (max-width: 480px) {
      .page-products .section .partner-grids .slick-prev {
        left: -10px; } }
    .page-products .section .partner-grids .slick-next:before,
    .page-products .section .partner-grids .slick-prev:before {
      color: #2f3B48; }
  .page-products .section-head {
    text-align: center; }
    @media screen and (max-width: 420px) {
      .page-products .section-head {
        margin-bottom: 30px; } }
    .page-products .section-head .main_title h3, .page-products .section-head .main_title h2 {
      margin: 0;
      font-size: 50px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #000;
      display: inline-block;
      position: relative;
      padding-bottom: 27px;
      text-transform: capitalize; }
      @media screen and (max-width: 1366px) {
        .page-products .section-head .main_title h3, .page-products .section-head .main_title h2 {
          font-size: 36px;
          margin-bottom: 20px;
          padding-bottom: 10px; } }
      @media screen and (max-width: 420px) {
        .page-products .section-head .main_title h3, .page-products .section-head .main_title h2 {
          padding: 0 0 15px;
          font-size: 26px;
          text-align: left;
          display: block;
          margin: 0; } }
      .page-products .section-head .main_title h3::before, .page-products .section-head .main_title h2::before {
        content: '';
        position: absolute;
        height: 6px;
        background-color: #30318c;
        bottom: 0;
        left: 0;
        width: 100%; }
        @media screen and (max-width: 480px) {
          .page-products .section-head .main_title h3::before, .page-products .section-head .main_title h2::before {
            width: 35%;
            height: 4px; } }
  .page-products .section.b-contact {
    padding-top: 35px;
    padding-bottom: 75px; }
    @media screen and (max-width: 480px) {
      .page-products .section.b-contact {
        padding-top: 17px;
        padding-bottom: 32px; } }
    .page-products .section.b-contact .pt-60 {
      padding-top: 30px !important; }
    .page-products .section.b-contact .heading4 {
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        .page-products .section.b-contact .heading4 {
          margin-bottom: 15px; } }
    .page-products .section.b-contact .btn-primary {
      font-weight: 300;
      font-size: 22px;
      font-family: "IDMC Aeroport";
      text-transform: uppercase;
      height: 50px;
      line-height: 50px;
      max-width: 160px; }
      @media screen and (max-width: 480px) {
        .page-products .section.b-contact .btn-primary {
          height: 35px;
          line-height: 35px;
          font-size: 18px; } }
    @media screen and (max-width: 480px) {
      .page-products .section.b-contact .pt-60 {
        padding-top: 30px; } }
    .page-products .section.b-contact .container {
      position: relative; }
      .page-products .section.b-contact .container:after {
        content: '';
        background: url("../img/frame.png") no-repeat top right;
        position: absolute;
        top: 0;
        right: 0;
        width: 214px;
        height: 200px; }
      .page-products .section.b-contact .container .heading4 {
        font-family: "IDMC Aeroport"; }
      .page-products .section.b-contact .container .ttl {
        font-size: 36px;
        font-family: "IDMC Aeroport";
        font-weight: bold;
        float: left;
        margin-bottom: 50px; }
        @media screen and (max-width: 1024px) {
          .page-products .section.b-contact .container .ttl {
            font-size: 28px; } }
        @media screen and (max-width: 480px) {
          .page-products .section.b-contact .container .ttl {
            font-size: 20px;
            margin-bottom: 25px; } }
        .page-products .section.b-contact .container .ttl .b-ttl {
          font-size: 36px;
          font-family: "IDMC Aeroport";
          font-weight: bold;
          position: relative; }
          @media screen and (max-width: 1024px) {
            .page-products .section.b-contact .container .ttl .b-ttl {
              font-size: 28px; } }
          @media screen and (max-width: 480px) {
            .page-products .section.b-contact .container .ttl .b-ttl {
              font-size: 20px; } }
          .page-products .section.b-contact .container .ttl .b-ttl:before {
            content: "";
            background: url(../img/bg_support.png) no-repeat top center;
            font-size: 36px;
            font-family: "IDMC Aeroport";
            font-weight: bold;
            position: absolute;
            top: -15px;
            left: -28px;
            width: 360px;
            height: 89px; }
            @media screen and (max-width: 1024px) {
              .page-products .section.b-contact .container .ttl .b-ttl:before {
                display: none; } }
            @media screen and (max-width: 480px) {
              .page-products .section.b-contact .container .ttl .b-ttl:before {
                height: 70px;
                width: 200px;
                top: -40px; } }
          @media screen and (max-width: 1024px) {
            .page-products .section.b-contact .container .ttl .b-ttl:after {
              content: "";
              position: absolute;
              filter: blur(20px);
              -webkit-filter: blur(20px);
              -moz-filter: blur(20px);
              -o-filter: blur(20px);
              top: 0;
              right: 0;
              width: 100%;
              height: 50px;
              background: rgba(48, 49, 140, 0.4); } }
          @media screen and (max-width: 1024px) {
            .page-products .section.b-contact .container .ttl .b-ttl:after {
              height: 35px; } }
      .page-products .section.b-contact .container .b-support {
        font-size: 52px;
        font-family: "IDMC Aeroport";
        color: #30318c;
        float: left;
        padding-left: 70px;
        font-weight: bold; }
        @media screen and (max-width: 1024px) {
          .page-products .section.b-contact .container .b-support {
            padding-left: 50px;
            font-size: 36px; } }
        @media screen and (max-width: 480px) {
          .page-products .section.b-contact .container .b-support {
            padding-left: 20px;
            font-size: 28px; } }
        @media screen and (max-width: 414px) {
          .page-products .section.b-contact .container .b-support {
            padding-left: 20px;
            font-size: 28px; } }
        @media screen and (max-width: 375px) {
          .page-products .section.b-contact .container .b-support {
            padding-left: 20px;
            font-size: 21px; } }
      .page-products .section.b-contact .container .form-group {
        margin-bottom: 20px; }
        .page-products .section.b-contact .container .form-group .form-control {
          font-size: 24px;
          font-weight: 300;
          padding: 15px 20px;
          font-family: "IDMC Aeroport";
          color: rgba(0, 0, 0, 0.6); }
          @media screen and (max-width: 480px) {
            .page-products .section.b-contact .container .form-group .form-control {
              font-size: 16px; } }
          .page-products .section.b-contact .container .form-group .form-control::placeholder {
            color: rgba(0, 0, 0, 0.6); }
    .page-products .section.b-contact .image {
      margin-top: 127px; }
      @media screen and (max-width: 812px) {
        .page-products .section.b-contact .image {
          margin-top: 0; } }
      @media screen and (max-width: 768px) {
        .page-products .section.b-contact .image {
          margin-top: 40px;
          display: flex;
          justify-content: center;
          align-items: center; } }
      .page-products .section.b-contact .image img {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        border: 1px solid #D7E0F0; }
        @media screen and (max-width: 812px) {
          .page-products .section.b-contact .image img {
            display: none; } }
  .page-products .section.section-3 {
    background: url(../img/bg-3.png) no-repeat center right;
    width: 100%;
    height: 678px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .page-products .section.section-3 {
        height: auto;
        padding-top: 60px;
        padding-bottom: 45px; } }
    @media screen and (max-width: 768px) {
      .page-products .section.section-3 {
        height: auto;
        padding-top: 45px; } }
    @media screen and (max-width: 480px) {
      .page-products .section.section-3 {
        padding-bottom: 0; } }
    .page-products .section.section-3 .ttl4 {
      padding-top: 34px;
      padding-bottom: 42px;
      line-height: 1.2; }
      @media screen and (max-width: 480px) {
        .page-products .section.section-3 .ttl4 {
          padding-top: 36px;
          padding-bottom: 20px; } }
    .page-products .section.section-3 p {
      font-size: 24px;
      padding-bottom: 25px;
      line-height: 1.2;
      font-weight: 300; }
      .page-products .section.section-3 p span {
        font-weight: 400; }
      @media screen and (max-width: 1440px) {
        .page-products .section.section-3 p {
          font-size: 22px; } }
      @media screen and (max-width: 768px) {
        .page-products .section.section-3 p {
          font-size: 24px; } }
      @media screen and (max-width: 480px) {
        .page-products .section.section-3 p {
          font-size: 20px; } }
    .page-products .section.section-3 button {
      margin-bottom: 36px; }
    .page-products .section.section-3 .bg-primary {
      background: rgba(48, 49, 140, 0.9); }
    .page-products .section.section-3 .bg-warning {
      background: rgba(212, 175, 55, 0.9); }
      @media screen and (max-width: 480px) {
        .page-products .section.section-3 .bg-warning {
          margin-bottom: 30px; } }
  .page-products .section.g-product {
    background: #fbfbfb; }
    .page-products .section.g-product .heading {
      font-size: 50px;
      font-weight: bold;
      position: relative;
      margin-bottom: 62px;
      margin-top: 34px; }
      @media screen and (max-width: 480px) {
        .page-products .section.g-product .heading {
          margin-top: 17px;
          margin-bottom: 30px;
          font-size: 35px; } }
      .page-products .section.g-product .heading:before {
        content: "";
        border: 5px solid #30318c;
        width: 265px;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (max-width: 480px) {
          .page-products .section.g-product .heading:before {
            width: 180px; } }
    .page-products .section.g-product .morebox {
      display: none;
      font-size: 24px; }
      .page-products .section.g-product .morebox a {
        color: #000 !important;
        position: relative; }
        .page-products .section.g-product .morebox a::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          border-bottom: 2px solid #30318c;
          width: 100%; }
    .page-products .section.g-product .item {
      position: relative; }
      .page-products .section.g-product .item .img img {
        width: 100%;
        height: 240px; }
        @media screen and (max-width: 667px) {
          .page-products .section.g-product .item .img img {
            height: 340px; } }
        @media screen and (max-width: 480px) {
          .page-products .section.g-product .item .img img {
            height: 240px; } }
      @media screen and (max-width: 767px) {
        .page-products .section.g-product .item {
          height: auto; }
          .page-products .section.g-product .item .img-responsive {
            width: 100%;
            height: 100%; } }
      .page-products .section.g-product .item .desc {
        padding: 15px 25px;
        background: #000;
        color: #fff;
        height: 167px; }
        @media screen and (max-width: 1440px) {
          .page-products .section.g-product .item .desc {
            padding: 15px 10px; } }
        .page-products .section.g-product .item .desc .ttl {
          height: 87px; }
          @media screen and (max-width: 480px) {
            .page-products .section.g-product .item .desc .ttl {
              height: auto; } }
        @media screen and (max-width: 480px) {
          .page-products .section.g-product .item .desc {
            padding: 15px;
            height: auto; } }
        .page-products .section.g-product .item .desc .ttl {
          font-size: 24px;
          font-weight: 300; }
          @media screen and (max-width: 1440px) {
            .page-products .section.g-product .item .desc .ttl {
              font-size: 22px; } }
        .page-products .section.g-product .item .desc .divider {
          border: 1px solid #D7E0F0;
          margin-top: 7px;
          margin-bottom: 10px; }
        .page-products .section.g-product .item .desc .price {
          display: flex;
          justify-content: space-between;
          font-size: 16px;
          font-weight: 300; }
          @media screen and (max-width: 480px) {
            .page-products .section.g-product .item .desc .price {
              font-size: 13px; } }
          .page-products .section.g-product .item .desc .price .price-car {
            position: relative;
            font-size: 24px;
            font-weight: bold; }
            .page-products .section.g-product .item .desc .price .price-car:before {
              content: "";
              background: url(../img/bg-price.png) no-repeat center right;
              position: absolute;
              top: -26px;
              right: -27px;
              width: 112px;
              height: 90px; }
          .page-products .section.g-product .item .desc .price .lh-space-40 {
            line-height: 40px; }
      .page-products .section.g-product .item .desc-hover {
        display: none; }
      .page-products .section.g-product .item:hover .img {
        opacity: 0.7; }
      .page-products .section.g-product .item:hover .desc-hover {
        display: block;
        transition: all 300ms ease;
        padding: 40px 18px;
        background: #000;
        color: #fff;
        height: 167px; }
        @media screen and (max-width: 480px) {
          .page-products .section.g-product .item:hover .desc-hover {
            height: auto;
            padding: 24px 18px; } }
        .page-products .section.g-product .item:hover .desc-hover .btn-link {
          display: block;
          width: 80%;
          margin: auto;
          border-radius: 10px;
          font-size: 18px;
          font-weight: 300;
          height: 34px;
          line-height: 34px;
          padding: 0;
          color: #fff !important; }
          .page-products .section.g-product .item:hover .desc-hover .btn-link:hover {
            color: #000 !important; }
        .page-products .section.g-product .item:hover .desc-hover .p-link {
          margin-top: 12px; }
          @media screen and (max-width: 812px) {
            .page-products .section.g-product .item:hover .desc-hover .p-link .col-md-6 {
              margin-bottom: 15px; } }
          .page-products .section.g-product .item:hover .desc-hover .p-link .primary {
            background: #30318c;
            color: #fff !important;
            font-size: 16px !important;
            font-weight: 300;
            border-radius: 10px;
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            padding-left: 5px;
            padding-right: 5px; }
            .page-products .section.g-product .item:hover .desc-hover .p-link .primary:hover {
              opacity: 0.7; }
          .page-products .section.g-product .item:hover .desc-hover .p-link .warning {
            background: #d4af37;
            color: #000 !important;
            font-size: 16px !important;
            font-weight: 300;
            border-radius: 10px;
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            padding-left: 5px;
            padding-right: 5px; }
            .page-products .section.g-product .item:hover .desc-hover .p-link .warning:hover {
              opacity: 0.7; }
      .page-products .section.g-product .item:hover .desc {
        display: none; }
      @media screen and (max-width: 480px) {
        .page-products .section.g-product .item .mb-50 {
          margin-bottom: 25px; } }
    @media screen and (max-width: 480px) {
      .page-products .section.g-product .pb-90 {
        padding-bottom: 60px !important; } }
  .page-products .section.partner .section-head {
    display: none; }
  .page-products .section.partner .section-body {
    padding: 113px 0; }
    @media screen and (max-width: 480px) {
      .page-products .section.partner .section-body {
        padding: 30px 0; } }
  @media screen and (max-width: 420px) {
    .page-products .products {
      padding-top: 30px; } }
  .page-products .products .product-section {
    position: relative;
    margin-bottom: 30px;
    margin-top: 55px; }
    @media screen and (max-width: 480px) {
      .page-products .products .product-section {
        margin-top: 25px; } }
    .page-products .products .product-section .heading {
      font-size: 50px;
      font-weight: bold;
      position: relative;
      margin-bottom: 62px; }
      @media screen and (max-width: 480px) {
        .page-products .products .product-section .heading {
          margin-top: 0;
          margin-bottom: 30px;
          font-size: 30px; } }
      .page-products .products .product-section .heading:before {
        content: "";
        border: 5px solid #30318c;
        width: 340px;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (max-width: 480px) {
          .page-products .products .product-section .heading:before {
            border: 3px solid #30318c;
            width: 200px; } }
    .page-products .products .product-section .item {
      position: relative;
      width: auto !important; }
      .page-products .products .product-section .item .img img {
        height: 350px;
        width: 100%; }
        @media screen and (max-width: 812px) {
          .page-products .products .product-section .item .img img {
            height: 240px; } }
      .page-products .products .product-section .item .desc {
        padding: 22px 30px;
        background: #000;
        height: 250px;
        color: #fff; }
        .page-products .products .product-section .item .desc .ttl {
          height: 116px; }
          @media screen and (max-width: 480px) {
            .page-products .products .product-section .item .desc .ttl {
              height: auto; } }
        @media screen and (max-width: 812px) {
          .page-products .products .product-section .item .desc {
            padding: 22px 15px; } }
        @media screen and (max-width: 480px) {
          .page-products .products .product-section .item .desc {
            padding: 22px 15px;
            height: auto; } }
        .page-products .products .product-section .item .desc img {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
        .page-products .products .product-section .item .desc .ttl {
          font-size: 36px;
          font-weight: 300; }
          @media screen and (max-width: 812px) {
            .page-products .products .product-section .item .desc .ttl {
              font-size: 26px; } }
        .page-products .products .product-section .item .desc .divider {
          border: 1px solid #D7E0F0;
          margin-top: 19px;
          margin-bottom: 15px; }
        .page-products .products .product-section .item .desc .price {
          display: flex;
          justify-content: space-between;
          font-size: 20px;
          font-weight: 300;
          font-family: "IDMC Aeroport";
          align-items: center; }
          .page-products .products .product-section .item .desc .price .price-car {
            position: relative;
            font-size: 36px;
            font-weight: bold; }
            @media screen and (max-width: 812px) {
              .page-products .products .product-section .item .desc .price .price-car {
                font-size: 26px; } }
            @media screen and (max-width: 480px) {
              .page-products .products .product-section .item .desc .price .price-car {
                font-size: 22px; } }
            .page-products .products .product-section .item .desc .price .price-car:before {
              content: "";
              background: rgba(0, 2, 228, 0.4);
              filter: blur(15px);
              -webkit-filter: blur(15px);
              -moz-filter: blur(15px);
              -o-filter: blur(15px);
              position: absolute;
              top: -15px;
              right: -20px;
              width: 95px;
              height: 75px; }
          .page-products .products .product-section .item .desc .price .lh-space-40 {
            line-height: 40px; }
      .page-products .products .product-section .item .desc-hover {
        display: none; }
      .page-products .products .product-section .item:hover .img {
        opacity: 0.7; }
      .page-products .products .product-section .item:hover .desc-hover {
        display: block;
        transition: all 300ms ease;
        padding: 53px 30px;
        background: #000;
        color: #fff;
        height: 250px; }
        @media screen and (max-width: 480px) {
          .page-products .products .product-section .item:hover .desc-hover {
            height: auto;
            padding: 33px 30px; } }
        .page-products .products .product-section .item:hover .desc-hover .btn-link {
          display: block;
          width: 80%;
          margin: auto;
          border-radius: 10px;
          font-size: 24px;
          font-weight: 300;
          height: 50px;
          line-height: 50px;
          color: #fff;
          padding: 0; }
          .page-products .products .product-section .item:hover .desc-hover .btn-link:hover {
            color: #000 !important; }
        .page-products .products .product-section .item:hover .desc-hover .p-link {
          margin-top: 30px; }
          @media screen and (max-width: 768px) {
            .page-products .products .product-section .item:hover .desc-hover .p-link .col-md-6 {
              margin-bottom: 15px; } }
          .page-products .products .product-section .item:hover .desc-hover .p-link .primary {
            background: #30318c;
            color: #fff !important;
            font-size: 20px;
            font-weight: 300;
            border-radius: 10px;
            display: block;
            text-align: center;
            height: 50px;
            line-height: 50px; }
            .page-products .products .product-section .item:hover .desc-hover .p-link .primary:hover {
              opacity: 0.7; }
          .page-products .products .product-section .item:hover .desc-hover .p-link .warning {
            background: #d4af37;
            color: #000 !important;
            font-size: 20px;
            font-weight: 300;
            border-radius: 10px;
            display: block;
            text-align: center;
            height: 50px;
            line-height: 50px; }
            .page-products .products .product-section .item:hover .desc-hover .p-link .warning:hover {
              opacity: 0.7; }
      .page-products .products .product-section .item:hover .desc {
        display: none; }
      @media screen and (max-width: 480px) {
        .page-products .products .product-section .item .mb-50 {
          margin-bottom: 25px; } }
    .page-products .products .product-section .slider .slick-prev {
      top: -110px;
      left: auto;
      right: 70px;
      z-index: 900;
      width: 50px;
      height: 50px; }
      @media screen and (max-width: 480px) {
        .page-products .products .product-section .slider .slick-prev {
          top: -55px; } }
      .page-products .products .product-section .slider .slick-prev:before {
        color: #30318c;
        font-family: unset;
        font-size: 37px; }
    .page-products .products .product-section .slider .slick-next {
      top: -110px;
      left: auto;
      right: 10px;
      z-index: 900;
      width: 50px;
      height: 50px; }
      @media screen and (max-width: 480px) {
        .page-products .products .product-section .slider .slick-next {
          top: -55px; } }
      .page-products .products .product-section .slider .slick-next:before {
        color: #30318c;
        font-family: unset;
        font-size: 37px; }
  .page-products .products .product_detail {
    position: relative; }
    .page-products .products .product_detail .product-single .product_title {
      font-size: 50px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: rgba(0, 0, 0, 0.8);
      text-transform: capitalize;
      position: relative;
      padding-bottom: 15px;
      margin-bottom: 100px; }
      @media screen and (max-width: 1440px) {
        .page-products .products .product_detail .product-single .product_title {
          font-size: 36px;
          margin-bottom: 45px; } }
      @media screen and (max-width: 480px) {
        .page-products .products .product_detail .product-single .product_title {
          font-size: 25px;
          margin-bottom: 30px; } }
      .page-products .products .product_detail .product-single .product_title::before {
        content: '';
        left: 0;
        bottom: 0;
        position: absolute;
        width: 392px;
        height: 6px;
        background-color: #30318c;
        z-index: 2; }
        @media screen and (max-width: 480px) {
          .page-products .products .product_detail .product-single .product_title::before {
            width: 100%;
            height: 4px; } }
    .page-products .products .product_detail .product-single .product_content {
      padding: 0;
      margin-bottom: 50px; }
      @media screen and (max-width: 480px) {
        .page-products .products .product_detail .product-single .product_content {
          padding: 0 0;
          margin-bottom: 25px; } }
      .page-products .products .product_detail .product-single .product_content p {
        font-size: 18px;
        font-weight: 300; }
      .page-products .products .product_detail .product-single .product_content .pro_info {
        display: block; }
        .page-products .products .product_detail .product-single .product_content .pro_info .intro {
          position: relative;
          margin-bottom: 35px;
          width: 48%;
          margin-right: 4%;
          flex-wrap: wrap;
          padding: 0;
          float: left; }
          @media screen and (max-width: 480px) {
            .page-products .products .product_detail .product-single .product_content .pro_info .intro {
              margin-bottom: 25px;
              width: 100%;
              margin-right: 0; } }
          .page-products .products .product_detail .product-single .product_content .pro_info .intro.full {
            width: 100%;
            margin-right: 0; }
          .page-products .products .product_detail .product-single .product_content .pro_info .intro:nth-child(2n+2) {
            margin-right: 0; }
          .page-products .products .product_detail .product-single .product_content .pro_info .intro-title {
            font-size: 30px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #000000;
            margin-bottom: 35px; }
            @media screen and (max-width: 480px) {
              .page-products .products .product_detail .product-single .product_content .pro_info .intro-title {
                font-size: 20px;
                margin-bottom: 15px; } }
          .page-products .products .product_detail .product-single .product_content .pro_info .intro-text p {
            font-size: 18px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #000000;
            margin-top: 0; }
            @media screen and (max-width: 480px) {
              .page-products .products .product_detail .product-single .product_content .pro_info .intro-text p {
                font-size: 16px; } }
      .page-products .products .product_detail .product-single .product_content .enjoin {
        padding-top: 80px;
        padding-bottom: 80px; }
        @media screen and (max-width: 480px) {
          .page-products .products .product_detail .product-single .product_content .enjoin {
            padding-top: 25px;
            padding-bottom: 30px; } }
        .page-products .products .product_detail .product-single .product_content .enjoin_title {
          position: relative;
          padding-bottom: 15px; }
          .page-products .products .product_detail .product-single .product_content .enjoin_title h2 {
            font-size: 40px;
            font-weight: 700;
            line-height: normal;
            text-align: center;
            color: rgba(0, 0, 0, 0.8);
            text-transform: capitalize; }
            @media screen and (max-width: 480px) {
              .page-products .products .product_detail .product-single .product_content .enjoin_title h2 {
                font-size: 28px;
                margin-block-end: 15px;
                padding: 0 50px; } }
        .page-products .products .product_detail .product-single .product_content .enjoin_text {
          max-width: 100%;
          display: block;
          margin: auto; }
          .page-products .products .product_detail .product-single .product_content .enjoin_text .join {
            display: inline-block;
            margin: 0 45px;
            text-align: center;
            width: 38%; }
            @media screen and (max-width: 420px) {
              .page-products .products .product_detail .product-single .product_content .enjoin_text .join {
                width: 100%;
                margin: auto auto 40px; }
                .page-products .products .product_detail .product-single .product_content .enjoin_text .join:last-child {
                  margin-bottom: 0; } }
            .page-products .products .product_detail .product-single .product_content .enjoin_text .join-icon {
              width: 200px;
              height: 200px;
              background-size: cover;
              display: block;
              margin: auto; }
              @media screen and (max-width: 420px) {
                .page-products .products .product_detail .product-single .product_content .enjoin_text .join-icon {
                  width: 145px;
                  height: 145px; } }
              .page-products .products .product_detail .product-single .product_content .enjoin_text .join-icon.download {
                background: url(../img/donwload.png) no-repeat center center;
                background-size: cover; }
              .page-products .products .product_detail .product-single .product_content .enjoin_text .join-icon.hotline {
                background: url(../img/holine.png) no-repeat center center;
                background-size: cover; }
            .page-products .products .product_detail .product-single .product_content .enjoin_text .join-title {
              margin-top: 30px;
              font-size: 30px;
              font-weight: 700;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #000000;
              text-transform: capitalize; }
              @media screen and (max-width: 420px) {
                .page-products .products .product_detail .product-single .product_content .enjoin_text .join-title {
                  margin-top: 10px;
                  font-size: 21px;
                  display: block; } }
              .page-products .products .product_detail .product-single .product_content .enjoin_text .join-title strong {
                color: #30318c; }
                @media screen and (max-width: 420px) {
                  .page-products .products .product_detail .product-single .product_content .enjoin_text .join-title strong {
                    display: block;
                    margin: 2px 0 0; } }
    .page-products .products .product_detail .product-single .product-info {
      margin-bottom: 60px; }
      @media screen and (max-width: 480px) {
        .page-products .products .product_detail .product-single .product-info {
          margin-bottom: 30px; } }
      .page-products .products .product_detail .product-single .product-info p {
        font-size: 18px;
        font-weight: 300; }
  .page-products .buyer {
    background: #f9fdff;
    padding-top: 80px;
    padding-bottom: 80px; }
    @media screen and (max-width: 480px) {
      .page-products .buyer {
        padding-top: 45px;
        padding-bottom: 45px; } }
    .page-products .buyer .buy-title h2 {
      font-size: 50px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: rgba(0, 0, 0, 0.8);
      text-transform: capitalize;
      position: relative;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      @media screen and (max-width: 480px) {
        .page-products .buyer .buy-title h2 {
          font-size: 28px; } }
      .page-products .buyer .buy-title h2::before {
        content: '';
        left: 0;
        bottom: 0;
        position: absolute;
        width: 392px;
        height: 6px;
        background-color: #30318c;
        z-index: 2; }
        @media screen and (max-width: 420px) {
          .page-products .buyer .buy-title h2::before {
            width: 100%;
            height: 3px; } }
    .page-products .buyer .buy-text {
      padding: 0 32px; }
      @media screen and (max-width: 480px) {
        .page-products .buyer .buy-text {
          padding: 0 0; } }
      .page-products .buyer .buy-text .right {
        background: white;
        border-bottom: 2px solid #30318c;
        display: block;
        padding: 38px; }
        @media screen and (max-width: 480px) {
          .page-products .buyer .buy-text .right {
            padding: 15px; } }
        .page-products .buyer .buy-text .right .download ul li {
          display: block;
          margin-bottom: 20px; }
          .page-products .buyer .buy-text .right .download ul li a {
            font-size: 20px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #30318c;
            display: inline;
            position: relative;
            padding-right: 60px; }
            @media screen and (max-width: 480px) {
              .page-products .buyer .buy-text .right .download ul li a {
                font-size: 18px; } }
            .page-products .buyer .buy-text .right .download ul li a::after {
              content: '';
              background: transparent url(../img/icon_download.svg) no-repeat center center;
              position: absolute;
              right: 0;
              top: -5px;
              width: 40px;
              height: 40px; }
        .page-products .buyer .buy-text .right .note_title {
          display: block;
          position: relative;
          font-size: 20px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          color: #30318c;
          padding-left: 65px;
          line-height: 60px;
          margin-bottom: 15px; }
          .page-products .buyer .buy-text .right .note_title::before {
            content: '';
            width: 60px;
            height: 60px;
            background-size: cover;
            left: 0;
            top: 0;
            position: absolute;
            background: transparent url(../img/error_outline_24px.svg) no-repeat center center; }
        .page-products .buyer .buy-text .right .note_text {
          display: block;
          position: relative; }
          .page-products .buyer .buy-text .right .note_text p {
            padding: 0;
            margin: 0;
            font-size: 18px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #000000; }
            @media screen and (max-width: 480px) {
              .page-products .buyer .buy-text .right .note_text p {
                font-size: 16px; } }
      .page-products .buyer .buy-text .steps {
        position: relative;
        padding-top: 35px; }
        .page-products .buyer .buy-text .steps li {
          display: block;
          position: relative; }
          .page-products .buyer .buy-text .steps li::before {
            content: '';
            background: #d7e0f0;
            position: absolute;
            left: 25px;
            top: 75px;
            height: 72px;
            width: 2px; }
          .page-products .buyer .buy-text .steps li:last-child::before {
            display: none; }
          .page-products .buyer .buy-text .steps li .step {
            position: relative;
            padding-left: 70px;
            margin-bottom: 70px; }
            @media screen and (max-width: 480px) {
              .page-products .buyer .buy-text .steps li .step {
                padding-left: 65px;
                margin-bottom: 30px; } }
            .page-products .buyer .buy-text .steps li .step-number {
              display: block;
              width: 50px;
              height: 50px;
              text-align: center;
              border: solid 1px #30318c;
              background-color: rgba(196, 196, 196, 0.4);
              border-radius: 50%;
              font-size: 30px;
              font-weight: 700;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #30318c;
              position: absolute;
              left: 0;
              top: 0; }
            .page-products .buyer .buy-text .steps li .step-text {
              font-size: 18px;
              font-weight: 300;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: left;
              color: #000000; }
              @media screen and (max-width: 480px) {
                .page-products .buyer .buy-text .steps li .step-text {
                  font-size: 17px; } }
              .page-products .buyer .buy-text .steps li .step-text p {
                margin: 0; }
                @media screen and (max-width: 480px) {
                  .page-products .buyer .buy-text .steps li .step-text p {
                    font-size: 16px; } }
                .page-products .buyer .buy-text .steps li .step-text p:last-child {
                  margin-bottom: 0; }

.page-products, .page-borrow {
  position: relative;
  margin-top: 0; }
  @media screen and (max-width: 1440px) {
    .page-products, .page-borrow {
      margin-top: 84px; } }
  @media screen and (max-width: 1366px) {
    .page-products, .page-borrow {
      margin-top: 84px; } }
  @media screen and (max-width: 480px) {
    .page-products, .page-borrow {
      margin-top: 80px; } }
  .page-products .page-title-borrow, .page-borrow .page-title-borrow {
    background-image: url(../img/banner-h-3.png);
    background-repeat: no-repeat;
    height: 660px;
    position: relative;
    background-size: cover;
    background-position: center bottom;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }
    @media screen and (max-width: 480px) {
      .page-products .page-title-borrow, .page-borrow .page-title-borrow {
        background-size: cover;
        height: 265px;
        background-position: 70% center; } }
  .page-products .section1, .page-borrow .section1 {
    text-align: center;
    padding-bottom: 90px; }
    @media screen and (max-width: 480px) {
      .page-products .section1, .page-borrow .section1 {
        padding-bottom: 45px; } }
    .page-products .section1 .ttl, .page-borrow .section1 .ttl {
      font-size: 32px;
      color: #5E5E5B;
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        .page-products .section1 .ttl, .page-borrow .section1 .ttl {
          font-size: 20px; } }
    .page-products .section1 .ttl2, .page-borrow .section1 .ttl2 {
      font-size: 36px;
      color: #000;
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        .page-products .section1 .ttl2, .page-borrow .section1 .ttl2 {
          font-size: 20px; } }
      .page-products .section1 .ttl2 a, .page-borrow .section1 .ttl2 a {
        color: #30318c;
        font-size: 36px;
        font-weight: 400 !important; }
        @media screen and (max-width: 480px) {
          .page-products .section1 .ttl2 a, .page-borrow .section1 .ttl2 a {
            font-size: 20px; } }
  .page-products .section2, .page-borrow .section2 {
    padding-top: 65px; }
    .page-products .section2 .title, .page-borrow .section2 .title {
      padding-top: 65px;
      padding-bottom: 48px; }
      .page-products .section2 .title .bg_blur, .page-borrow .section2 .title .bg_blur {
        position: relative; }
        .page-products .section2 .title .bg_blur:before, .page-borrow .section2 .title .bg_blur:before {
          content: "";
          background: rgba(212, 175, 55, 0.6);
          filter: blur(10px);
          -o-filter: blur(10px);
          -ms-filter: blur(10px);
          -moz-filter: blur(10px);
          -webkit-filter: blur(10px);
          position: absolute;
          top: -30px;
          left: -15px;
          width: 1130px;
          height: 60px;
          z-index: 7; }
          @media screen and (max-width: 736px) {
            .page-products .section2 .title .bg_blur:before, .page-borrow .section2 .title .bg_blur:before {
              width: 500px; } }
          @media screen and (max-width: 480px) {
            .page-products .section2 .title .bg_blur:before, .page-borrow .section2 .title .bg_blur:before {
              width: 265px; } }
      .page-products .section2 .title .heading, .page-borrow .section2 .title .heading {
        font-size: 50px;
        font-weight: bold;
        padding-right: 28px; }
        @media screen and (max-width: 480px) {
          .page-products .section2 .title .heading, .page-borrow .section2 .title .heading {
            font-size: 25px; } }
      .page-products .section2 .title .text, .page-borrow .section2 .title .text {
        font-weight: 300;
        font-size: 24px; }
        @media screen and (max-width: 480px) {
          .page-products .section2 .title .text, .page-borrow .section2 .title .text {
            font-size: 18px;
            display: block; } }
    .page-products .section2 .content, .page-borrow .section2 .content {
      position: relative; }
      .page-products .section2 .content ul, .page-borrow .section2 .content ul {
        font-size: 24px;
        font-weight: 300;
        padding-top: 25px;
        padding-left: 60px; }
        @media screen and (max-width: 480px) {
          .page-products .section2 .content ul, .page-borrow .section2 .content ul {
            font-size: 18px;
            padding-left: 40px; } }
        .page-products .section2 .content ul:before, .page-borrow .section2 .content ul:before {
          content: "";
          border: 3px solid #30318c;
          position: absolute;
          top: 0;
          left: 20px;
          height: 100%; }
        .page-products .section2 .content ul li, .page-borrow .section2 .content ul li {
          list-style: disc;
          padding-bottom: 25px; }
          .page-products .section2 .content ul li .bg_blur, .page-borrow .section2 .content ul li .bg_blur {
            position: relative; }
            .page-products .section2 .content ul li .bg_blur:before, .page-borrow .section2 .content ul li .bg_blur:before {
              content: "";
              background: rgba(212, 175, 55, 0.7);
              filter: blur(10px);
              -o-filter: blur(10px);
              -ms-filter: blur(10px);
              -moz-filter: blur(10px);
              -webkit-filter: blur(10px);
              position: absolute;
              top: 0;
              left: 0;
              width: 200px;
              height: 30px;
              z-index: 7; }
              @media screen and (max-width: 480px) {
                .page-products .section2 .content ul li .bg_blur:before, .page-borrow .section2 .content ul li .bg_blur:before {
                  width: 100px; } }
          .page-products .section2 .content ul li .blur-text, .page-borrow .section2 .content ul li .blur-text {
            position: absolute;
            top: auto;
            z-index: 10; }
    .page-products .section2 .button, .page-borrow .section2 .button {
      margin-top: 60px;
      margin-bottom: 80px; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .button, .page-borrow .section2 .button {
          margin-top: 30px;
          margin-bottom: 40px; } }
      .page-products .section2 .button .btn-primary, .page-borrow .section2 .button .btn-primary {
        font-size: 22px;
        text-align: center;
        text-transform: uppercase; }
    .page-products .section2 .step p, .page-borrow .section2 .step p {
      font-size: 30px;
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .step p, .page-borrow .section2 .step p {
          font-size: 20px; } }
    .page-products .section2 .step.mt-40, .page-borrow .section2 .step.mt-40 {
      margin-top: 20px !important; }
    .page-products .section2 .step.mt-60, .page-borrow .section2 .step.mt-60 {
      margin-top: 30px !important; }
    .page-products .section2 .wizard .nav-tabs, .page-borrow .section2 .wizard .nav-tabs {
      position: relative;
      margin-bottom: 0;
      border-bottom-color: transparent; }
    .page-products .section2 .wizard > div.wizard-inner, .page-borrow .section2 .wizard > div.wizard-inner {
      position: relative; }
    .page-products .section2 .connecting-line, .page-borrow .section2 .connecting-line {
      height: 1px;
      background: #d4af37;
      position: absolute;
      width: 75%;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 40%;
      z-index: 1; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .connecting-line, .page-borrow .section2 .connecting-line {
          top: 34%; } }
    .page-products .section2 .wizard .nav-tabs > li.active > a, .page-products .section2 .wizard .nav-tabs > li.active > a:hover, .page-products .section2 .wizard .nav-tabs > li.active > a:focus, .page-borrow .section2 .wizard .nav-tabs > li.active > a, .page-borrow .section2 .wizard .nav-tabs > li.active > a:hover, .page-borrow .section2 .wizard .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      border: 0;
      border-bottom-color: transparent; }
    .page-products .section2 span.round-tab, .page-borrow .section2 span.round-tab {
      width: 90px;
      height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #fff;
      z-index: 2;
      position: absolute;
      left: 0;
      text-align: center;
      font-size: 40px;
      color: #30318c;
      font-weight: 500;
      border: 1px solid #30318c; }
      @media screen and (max-width: 480px) {
        .page-products .section2 span.round-tab, .page-borrow .section2 span.round-tab {
          width: 30px;
          height: 30px;
          font-size: 20px; } }
    .page-products .section2 span.round-tab i, .page-borrow .section2 span.round-tab i {
      color: #555555; }
    .page-products .section2 .wizard li.active span.round-tab, .page-borrow .section2 .wizard li.active span.round-tab {
      background: #0db02b;
      color: #fff;
      border-color: #d4af37; }
    .page-products .section2 .wizard li.active span.round-tab i, .page-borrow .section2 .wizard li.active span.round-tab i {
      color: #5bc0de; }
    .page-products .section2 .wizard .nav-tabs > li.active > a i, .page-borrow .section2 .wizard .nav-tabs > li.active > a i {
      color: #0db02b; }
    .page-products .section2 .wizard .nav-tabs > li, .page-borrow .section2 .wizard .nav-tabs > li {
      width: 25%; }
    .page-products .section2 .wizard li:after, .page-borrow .section2 .wizard li:after {
      content: " ";
      position: absolute;
      left: 46%;
      opacity: 0;
      margin: 0 auto;
      bottom: 0px;
      border: 5px solid transparent;
      border-bottom-color: red;
      transition: 0.1s ease-in-out; }
    .page-products .section2 .wizard .nav-tabs > li a, .page-borrow .section2 .wizard .nav-tabs > li a {
      width: 90px;
      height: 90px;
      margin: 20px auto 60px;
      border-radius: 100%;
      padding: 0;
      background-color: transparent;
      position: relative;
      top: 0; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .wizard .nav-tabs > li a, .page-borrow .section2 .wizard .nav-tabs > li a {
          width: 30px;
          height: 30px; } }
    .page-products .section2 .wizard .nav-tabs > li a i, .page-borrow .section2 .wizard .nav-tabs > li a i {
      position: absolute;
      bottom: -110px;
      font-style: normal;
      font-weight: 300;
      white-space: nowrap;
      left: 100%;
      transform: translate(-50%, -50%);
      font-size: 22px;
      color: #000; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .wizard .nav-tabs > li a i, .page-borrow .section2 .wizard .nav-tabs > li a i {
          font-size: 14px;
          bottom: -70px; } }
    .page-products .section2 .wizard .nav-tabs > li a:hover, .page-borrow .section2 .wizard .nav-tabs > li a:hover {
      background: transparent; }
    .page-products .section2 .wizard .tab-pane, .page-borrow .section2 .wizard .tab-pane {
      position: relative;
      padding-top: 20px; }
  .page-products .section3, .page-borrow .section3 {
    background: #fff;
    position: relative;
    /*--- /.price-range-slider ---*/ }
    .page-products .section3:before, .page-borrow .section3:before {
      content: "";
      background: url("../img/frame.png") no-repeat top left;
      width: 214px;
      height: 200px;
      position: absolute;
      top: 220px;
      left: 100px;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1366px) {
        .page-products .section3:before, .page-borrow .section3:before {
          left: 0; } }
    @media screen and (max-width: 767px) {
      .page-products .section3 .table-responsive, .page-borrow .section3 .table-responsive {
        border: none !important; } }
    .page-products .section3 .heading, .page-borrow .section3 .heading {
      font-size: 50px;
      font-weight: bold;
      line-height: 1.2; }
      @media screen and (max-width: 1024px) {
        .page-products .section3 .heading, .page-borrow .section3 .heading {
          font-size: 35px; } }
      @media screen and (max-width: 480px) {
        .page-products .section3 .heading, .page-borrow .section3 .heading {
          font-size: 25px; } }
    .page-products .section3 p, .page-borrow .section3 p {
      font-size: 18px;
      font-weight: 300; }
      @media screen and (max-width: 1024px) {
        .page-products .section3 p.pt-45, .page-borrow .section3 p.pt-45 {
          padding-top: 15px !important; } }
      @media screen and (max-width: 480px) {
        .page-products .section3 p.pt-45, .page-borrow .section3 p.pt-45 {
          padding-top: 15px !important; } }
      @media screen and (max-width: 768px) {
        .page-products .section3 p, .page-borrow .section3 p {
          font-size: 22px; } }
      @media screen and (max-width: 480px) {
        .page-products .section3 p, .page-borrow .section3 p {
          font-size: 16px; } }
    .page-products .section3 .divider, .page-borrow .section3 .divider {
      border: 1px solid #E1E5EB; }
    .page-products .section3 .price-range-slider, .page-borrow .section3 .price-range-slider {
      width: 100%;
      float: left;
      padding: 10px 20px; }
      .page-products .section3 .price-range-slider:first-child, .page-borrow .section3 .price-range-slider:first-child {
        padding-top: 70px; }
        @media screen and (max-width: 480px) {
          .page-products .section3 .price-range-slider:first-child, .page-borrow .section3 .price-range-slider:first-child {
            padding-top: 35px; } }
      .page-products .section3 .price-range-slider .item p, .page-borrow .section3 .price-range-slider .item p {
        font-size: 28px;
        padding-bottom: 35px; }
        @media screen and (max-width: 480px) {
          .page-products .section3 .price-range-slider .item p, .page-borrow .section3 .price-range-slider .item p {
            font-size: 20px; } }
      @media screen and (max-width: 768px) {
        .page-products .section3 .price-range-slider .item .mb-50, .page-borrow .section3 .price-range-slider .item .mb-50 {
          margin-bottom: 50px !important; } }
      .page-products .section3 .price-range-slider .range-value, .page-borrow .section3 .price-range-slider .range-value {
        margin: 0; }
        .page-products .section3 .price-range-slider .range-value input, .page-borrow .section3 .price-range-slider .range-value input {
          width: 100%;
          background: none;
          color: #000;
          font-size: 24px;
          box-shadow: none;
          border-bottom: 1px solid #000 !important;
          border: 0;
          text-align: right;
          font-weight: 300; }
      .page-products .section3 .price-range-slider .slidecontainer .slider, .page-borrow .section3 .price-range-slider .slidecontainer .slider {
        -webkit-appearance: none;
        width: 100%;
        outline: none;
        -webkit-transition: .2s;
        transition: opacity .2s;
        height: 3px;
        background: #30318c;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
        .page-products .section3 .price-range-slider .slidecontainer .slider::-webkit-slider-thumb, .page-borrow .section3 .price-range-slider .slidecontainer .slider::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          border: 2px solid #d4af37;
          height: 42px;
          width: 42px;
          background: #d4af37;
          cursor: pointer;
          border-radius: 25px; }
          @media screen and (max-width: 767px) {
            .page-products .section3 .price-range-slider .slidecontainer .slider::-webkit-slider-thumb, .page-borrow .section3 .price-range-slider .slidecontainer .slider::-webkit-slider-thumb {
              height: 28px;
              width: 28px; } }
      .page-products .section3 .price-range-slider #demo,
      .page-products .section3 .price-range-slider #demo1,
      .page-products .section3 .price-range-slider #demo2, .page-borrow .section3 .price-range-slider #demo,
      .page-borrow .section3 .price-range-slider #demo1,
      .page-borrow .section3 .price-range-slider #demo2 {
        width: 100%;
        background: none;
        color: #000;
        font-size: 24px;
        box-shadow: none;
        border-bottom: 1px solid #000 !important;
        border: 0;
        text-align: right;
        font-weight: 300;
        margin-top: -25px; }
        @media screen and (max-width: 767px) {
          .page-products .section3 .price-range-slider #demo,
          .page-products .section3 .price-range-slider #demo1,
          .page-products .section3 .price-range-slider #demo2, .page-borrow .section3 .price-range-slider #demo,
          .page-borrow .section3 .price-range-slider #demo1,
          .page-borrow .section3 .price-range-slider #demo2 {
            margin-top: 0; } }
      .page-products .section3 .price-range-slider .range-bar, .page-borrow .section3 .price-range-slider .range-bar {
        border: none;
        background: #000;
        height: 3px;
        width: 96%;
        margin-left: 8px;
        margin-top: 30px; }
        .page-products .section3 .price-range-slider .range-bar .ui-slider-range, .page-borrow .section3 .price-range-slider .range-bar .ui-slider-range {
          background: #30318c;
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
          @media screen and (max-width: 480px) {
            .page-products .section3 .price-range-slider .range-bar .ui-slider-range, .page-borrow .section3 .price-range-slider .range-bar .ui-slider-range {
              box-shadow: none; } }
        .page-products .section3 .price-range-slider .range-bar .ui-slider-handle, .page-borrow .section3 .price-range-slider .range-bar .ui-slider-handle {
          border: none;
          border-radius: 25px;
          background: #fff;
          border: 2px solid #d4af37;
          background: #d4af37;
          height: 17px;
          width: 17px;
          top: -0.52em;
          cursor: pointer; }
        .page-products .section3 .price-range-slider .range-bar .ui-slider-handle + span, .page-borrow .section3 .price-range-slider .range-bar .ui-slider-handle + span {
          background: #06b9c0;
          display: none; }
    .page-products .section3 .chart, .page-borrow .section3 .chart {
      margin-top: 145px; }
      @media screen and (max-width: 480px) {
        .page-products .section3 .chart, .page-borrow .section3 .chart {
          margin-top: 30px; } }
      .page-products .section3 .chart .highcharts-credits,
      .page-products .section3 .chart .highcharts-button, .page-borrow .section3 .chart .highcharts-credits,
      .page-borrow .section3 .chart .highcharts-button {
        display: none !important; }
      .page-products .section3 .chart .highcharts-legend, .page-borrow .section3 .chart .highcharts-legend {
        display: none !important; }
      @media screen and (max-width: 480px) {
        .page-products .section3 .chart .highcharts-axis-labels text, .page-borrow .section3 .chart .highcharts-axis-labels text {
          font-size: 13px !important; } }
      @media screen and (max-width: 480px) {
        .page-products .section3 .chart .highcharts-xaxis .text, .page-borrow .section3 .chart .highcharts-xaxis .text {
          font-size: 8px !important; } }
    .page-products .section3 .pie .highcharts-legend, .page-borrow .section3 .pie .highcharts-legend {
      display: block !important; }
    .page-products .section3 .pie .highcharts-label text, .page-borrow .section3 .pie .highcharts-label text {
      font-size: 15px !important;
      font-weight: 300 !important;
      font-family: Roboto; }
      .page-products .section3 .pie .highcharts-label text .highcharts-text-outline, .page-borrow .section3 .pie .highcharts-label text .highcharts-text-outline {
        fill: #fff !important;
        stroke: transparent !important; }
    .page-products .section3 .pie .highcharts-title, .page-borrow .section3 .pie .highcharts-title {
      font-size: 20px !important;
      font-weight: 500;
      font-family: Roboto; }
    .page-products .section3 .btn-primary, .page-borrow .section3 .btn-primary {
      height: 60px;
      line-height: 60px;
      font-size: 22px;
      font-weight: 300; }
    .page-products .section3 .b-contact-us, .page-borrow .section3 .b-contact-us {
      position: relative; }
      .page-products .section3 .b-contact-us:before, .page-borrow .section3 .b-contact-us:before {
        content: "";
        border: 2px solid #30318c;
        height: 2px;
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 330px; }
        @media screen and (max-width: 767px) {
          .page-products .section3 .b-contact-us:before, .page-borrow .section3 .b-contact-us:before {
            width: 280px; } }
  .page-products .partners, .page-borrow .partners {
    background: #FBFBFB;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .page-products .partners, .page-borrow .partners {
        margin-top: 40px; } }
    @media screen and (max-width: 480px) {
      .page-products .partners, .page-borrow .partners {
        margin-top: 30px; } }
    .page-products .partners .section-body, .page-borrow .partners .section-body {
      padding-top: 110px; }
      @media screen and (max-width: 1024px) {
        .page-products .partners .section-body, .page-borrow .partners .section-body {
          padding-top: 50px; } }
      @media screen and (max-width: 767px) {
        .page-products .partners .section-body, .page-borrow .partners .section-body {
          padding-top: 40px; } }
      @media screen and (max-width: 480px) {
        .page-products .partners .section-body, .page-borrow .partners .section-body {
          padding-top: 30px; } }
    .page-products .partners .heading, .page-borrow .partners .heading {
      font-size: 50px;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .page-products .partners .heading, .page-borrow .partners .heading {
          font-size: 35px; } }
      @media screen and (max-width: 480px) {
        .page-products .partners .heading, .page-borrow .partners .heading {
          font-size: 25px; } }
    .page-products .partners .content, .page-borrow .partners .content {
      justify-content: space-evenly;
      margin-bottom: 65px; }
      @media screen and (max-width: 1024px) {
        .page-products .partners .content, .page-borrow .partners .content {
          margin-bottom: 0; } }
      @media screen and (max-width: 767px) {
        .page-products .partners .content, .page-borrow .partners .content {
          margin-bottom: 30px;
          flex-wrap: wrap; }
          .page-products .partners .content img, .page-borrow .partners .content img {
            margin-bottom: 15px; } }
  .page-products #btn-load-more,
  .page-products #btn-load-more1,
  .page-products #btn-export, .page-borrow #btn-load-more,
  .page-borrow #btn-load-more1,
  .page-borrow #btn-export {
    margin-top: 10px;
    margin-bottom: 10px; }
    .page-products #btn-load-more.btn-primary,
    .page-products #btn-load-more1.btn-primary,
    .page-products #btn-export.btn-primary, .page-borrow #btn-load-more.btn-primary,
    .page-borrow #btn-load-more1.btn-primary,
    .page-borrow #btn-export.btn-primary {
      font-size: 18px;
      font-weight: 300;
      padding: 0 25px;
      height: 40px;
      margin-right: 15px;
      line-height: 40px; }
      @media screen and (max-width: 480px) {
        .page-products #btn-load-more.btn-primary,
        .page-products #btn-load-more1.btn-primary,
        .page-products #btn-export.btn-primary, .page-borrow #btn-load-more.btn-primary,
        .page-borrow #btn-load-more1.btn-primary,
        .page-borrow #btn-export.btn-primary {
          padding: 0 10px;
          height: 36px;
          line-height: 36px;
          flex-wrap: wrap;
          display: flex;
          justify-content: center; } }

.page-products, .page-insurance {
  position: relative;
  margin-top: 0; }
  @media screen and (max-width: 1440px) {
    .page-products, .page-insurance {
      margin-top: 0; } }
  @media screen and (max-width: 480px) {
    .page-products, .page-insurance {
      margin-top: 80px; } }
  .page-products .page-title-insurance, .page-insurance .page-title-insurance {
    background-image: url(../img/banner_insurance.png);
    background-repeat: no-repeat;
    height: 660px;
    position: relative;
    background-size: cover;
    background-position: center bottom;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }
    @media screen and (max-width: 420px) {
      .page-products .page-title-insurance, .page-insurance .page-title-insurance {
        background-size: cover;
        height: 265px;
        background-position: 70% center; } }
  .page-products .section1, .page-insurance .section1 {
    padding-top: 67px; }
    @media screen and (max-width: 480px) {
      .page-products .section1, .page-insurance .section1 {
        padding-top: 50px; } }
    .page-products .section1 .title, .page-insurance .section1 .title {
      padding-bottom: 48px; }
      @media screen and (max-width: 480px) {
        .page-products .section1 .title, .page-insurance .section1 .title {
          padding-bottom: 0px; } }
      .page-products .section1 .title .heading, .page-insurance .section1 .title .heading {
        font-size: 50px;
        font-weight: bold;
        padding-right: 28px; }
        @media screen and (max-width: 1024px) {
          .page-products .section1 .title .heading, .page-insurance .section1 .title .heading {
            font-size: 35px; } }
        @media screen and (max-width: 480px) {
          .page-products .section1 .title .heading, .page-insurance .section1 .title .heading {
            font-size: 25px; } }
      .page-products .section1 .title .text, .page-insurance .section1 .title .text {
        font-weight: 300;
        font-size: 24px; }
        @media screen and (max-width: 480px) {
          .page-products .section1 .title .text, .page-insurance .section1 .title .text {
            font-size: 16px;
            display: block; } }
      .page-products .section1 .title .bg_blur, .page-insurance .section1 .title .bg_blur {
        position: relative; }
        .page-products .section1 .title .bg_blur:before, .page-insurance .section1 .title .bg_blur:before {
          content: "";
          background: rgba(212, 175, 55, 0.6);
          filter: blur(10px);
          -o-filter: blur(10px);
          -ms-filter: blur(10px);
          -moz-filter: blur(10px);
          -webkit-filter: blur(10px);
          position: absolute;
          top: -30px;
          left: -6px;
          width: 950px;
          height: 60px;
          z-index: 7; }
          @media screen and (max-width: 767px) {
            .page-products .section1 .title .bg_blur:before, .page-insurance .section1 .title .bg_blur:before {
              top: -20px;
              width: 350px; } }
          @media screen and (max-width: 480px) {
            .page-products .section1 .title .bg_blur:before, .page-insurance .section1 .title .bg_blur:before {
              top: -20px;
              width: 265px; } }
  .page-products .section2, .page-insurance .section2 {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      .page-products .section2 .product-img, .page-insurance .section2 .product-img {
        margin-bottom: 15px; } }
    .page-products .section2 .product-content .btn-outline-primary,
    .page-products .section2 .product-content .btn-primary, .page-insurance .section2 .product-content .btn-outline-primary,
    .page-insurance .section2 .product-content .btn-primary {
      height: 53px;
      line-height: 53px; }
    .page-products .section2 .product-content a.text-white, .page-insurance .section2 .product-content a.text-white {
      color: #fff !important; }
    .page-products .section2 .product-content h3 a, .page-insurance .section2 .product-content h3 a {
      font-weight: bold;
      font-size: 40px;
      color: #000 !important; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .product-content h3 a, .page-insurance .section2 .product-content h3 a {
          font-size: 26px; } }
    .page-products .section2 .product-content .desc p, .page-insurance .section2 .product-content .desc p {
      font-size: 22px;
      font-weight: 300; }
    .page-products .section2 .product-content .desc ul, .page-insurance .section2 .product-content .desc ul {
      padding-left: 20px; }
      .page-products .section2 .product-content .desc ul li, .page-insurance .section2 .product-content .desc ul li {
        list-style: disc;
        font-size: 22px;
        font-weight: 300; }
    .page-products .section2 .product-content .btn, .page-insurance .section2 .product-content .btn {
      margin-top: 50px;
      margin-bottom: 110px;
      font-size: 20px;
      width: 280px;
      text-align: center; }
      @media screen and (max-width: 1440px) {
        .page-products .section2 .product-content .btn, .page-insurance .section2 .product-content .btn {
          width: auto;
          padding: 0 40px; } }
      @media screen and (max-width: 1024px) {
        .page-products .section2 .product-content .btn, .page-insurance .section2 .product-content .btn {
          margin-top: 25px;
          margin-bottom: 40px;
          font-size: 18px;
          padding: 0 20px; } }
      @media screen and (max-width: 480px) {
        .page-products .section2 .product-content .btn, .page-insurance .section2 .product-content .btn {
          margin-top: 25px;
          margin-bottom: 30px; } }
    .page-products .section2 .product-content .product-item, .page-insurance .section2 .product-content .product-item {
      padding-top: 96px; }
      @media screen and (max-width: 480px) {
        .page-products .section2 .product-content .product-item, .page-insurance .section2 .product-content .product-item {
          padding-top: 40px; } }
      @media screen and (max-width: 768px) {
        .page-products .section2 .product-content .product-item .product-img, .page-insurance .section2 .product-content .product-item .product-img {
          display: flex;
          justify-content: center;
          margin-bottom: 20px; } }
      .page-products .section2 .product-content .product-item .pr-lg-25, .page-insurance .section2 .product-content .product-item .pr-lg-25 {
        padding-right: 25px; }
        @media screen and (max-width: 767px) {
          .page-products .section2 .product-content .product-item .pr-lg-25, .page-insurance .section2 .product-content .product-item .pr-lg-25 {
            padding-right: 15px; } }
      .page-products .section2 .product-content .product-item .pl-lg-25, .page-insurance .section2 .product-content .product-item .pl-lg-25 {
        padding-left: 25px; }
        @media screen and (max-width: 767px) {
          .page-products .section2 .product-content .product-item .pl-lg-25, .page-insurance .section2 .product-content .product-item .pl-lg-25 {
            padding-left: 15px; } }
    @media screen and (max-width: 480px) {
      .page-products .section2 .sm-text-center, .page-insurance .section2 .sm-text-center {
        text-align: center;
        margin-bottom: 50px; }
        .page-products .section2 .sm-text-center .btn, .page-insurance .section2 .sm-text-center .btn {
          margin-bottom: 0;
          width: 210px; }
          .page-products .section2 .sm-text-center .btn.mr-15, .page-insurance .section2 .sm-text-center .btn.mr-15 {
            margin-right: 0 !important; } }
  .page-products .section3, .page-insurance .section3 {
    padding-top: 70px; }
    @media screen and (max-width: 480px) {
      .page-products .section3, .page-insurance .section3 {
        padding-top: 35px; } }
    @media screen and (max-width: 768px) {
      .page-products .section3 .text-right, .page-insurance .section3 .text-right {
        text-align: left !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .mb-30, .page-insurance .section3 .mb-30 {
        margin-bottom: 10px !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .pt-45, .page-insurance .section3 .pt-45 {
        padding-top: 15px !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .d-sm-flex, .page-insurance .section3 .d-sm-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .page-products .section3 .d-sm-flex button, .page-insurance .section3 .d-sm-flex button {
          margin-bottom: 15px; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .d-sm-flex .mr-60, .page-insurance .section3 .d-sm-flex .mr-60 {
        margin-right: 0 !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .pt-50, .page-insurance .section3 .pt-50 {
        padding-top: 25px !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .pb-100, .page-insurance .section3 .pb-100 {
        padding-bottom: 50px !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .mt-50, .page-insurance .section3 .mt-50 {
        margin-top: 25px !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .mb-60, .page-insurance .section3 .mb-60 {
        margin-bottom: 30px !important; } }
    @media screen and (max-width: 480px) {
      .page-products .section3 .mb-70, .page-insurance .section3 .mb-70 {
        margin-bottom: 30px !important; } }
    .page-products .section3 .ttl, .page-insurance .section3 .ttl {
      font-size: 36px;
      font-weight: bold; }
      @media screen and (max-width: 1024px) {
        .page-products .section3 .ttl, .page-insurance .section3 .ttl {
          font-size: 24px; } }
      @media screen and (max-width: 480px) {
        .page-products .section3 .ttl, .page-insurance .section3 .ttl {
          font-size: 18px; } }
    .page-products .section3 .price, .page-insurance .section3 .price {
      font-size: 56px;
      color: #d4af37;
      font-weight: bold; }
      @media screen and (max-width: 1024px) {
        .page-products .section3 .price, .page-insurance .section3 .price {
          font-size: 36px; } }
      @media screen and (max-width: 480px) {
        .page-products .section3 .price, .page-insurance .section3 .price {
          font-size: 20px; } }
    .page-products .section3 .btn-primary, .page-insurance .section3 .btn-primary {
      height: 55px;
      line-height: 55px;
      font-weight: 300;
      font-size: 22px;
      text-align: center; }
      @media screen and (max-width: 480px) {
        .page-products .section3 .btn-primary, .page-insurance .section3 .btn-primary {
          width: 240px;
          font-size: 18px;
          height: 40px;
          line-height: 40px; } }
    .page-products .section3 .btn-outline-primary, .page-insurance .section3 .btn-outline-primary {
      width: 280px;
      height: 55px;
      line-height: 55px;
      font-weight: 300;
      font-size: 22px;
      text-align: center; }
      @media screen and (max-width: 480px) {
        .page-products .section3 .btn-outline-primary, .page-insurance .section3 .btn-outline-primary {
          width: 240px;
          font-size: 18px;
          height: 40px;
          line-height: 40px; } }
  .page-products .section4 .title, .page-insurance .section4 .title {
    padding-bottom: 48px;
    padding-top: 60px; }
    @media screen and (max-width: 480px) {
      .page-products .section4 .title, .page-insurance .section4 .title {
        padding-top: 30px;
        padding-bottom: 20px; } }
    .page-products .section4 .title .heading, .page-insurance .section4 .title .heading {
      font-size: 50px;
      font-weight: bold;
      padding-right: 28px; }
      @media screen and (max-width: 480px) {
        .page-products .section4 .title .heading, .page-insurance .section4 .title .heading {
          font-size: 24px; } }
    .page-products .section4 .title .text, .page-insurance .section4 .title .text {
      font-weight: 300;
      font-size: 24px; }
      @media screen and (max-width: 480px) {
        .page-products .section4 .title .text, .page-insurance .section4 .title .text {
          font-size: 16px; } }
  .page-products .section4 .content, .page-insurance .section4 .content {
    position: relative;
    padding-left: 60px; }
    @media screen and (max-width: 768px) {
      .page-products .section4 .content, .page-insurance .section4 .content {
        padding-left: 0; } }
    .page-products .section4 .content.visible-sm:before, .page-insurance .section4 .content.visible-sm:before {
      display: none; }
    .page-products .section4 .content.visible-sm .panel-group, .page-insurance .section4 .content.visible-sm .panel-group {
      position: relative; }
      .page-products .section4 .content.visible-sm .panel-group:before, .page-insurance .section4 .content.visible-sm .panel-group:before {
        content: "";
        border-left: 2px solid #cccccc;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%; }
      .page-products .section4 .content.visible-sm .panel-group .panel, .page-insurance .section4 .content.visible-sm .panel-group .panel {
        padding: 10px;
        box-shadow: none;
        background: transparent;
        border: 0; }
        .page-products .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"], .page-insurance .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"] {
          position: relative;
          padding-top: 13px;
          padding-bottom: 15px;
          left: -10px;
          padding-left: 10px; }
          .page-products .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"]:before, .page-insurance .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"]:before {
            content: "";
            border-left: 2px solid #30318c;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%; }
          .page-products .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"] .visible-sm, .page-insurance .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"] .visible-sm {
            padding-left: 10px;
            position: relative; }
            .page-products .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"] .visible-sm:before, .page-insurance .section4 .content.visible-sm .panel-group .panel .item-question[aria-expanded="true"] .visible-sm:before {
              content: "";
              border-left: 2px solid #30318c;
              position: absolute;
              top: 0;
              left: 0;
              height: 100%; }
        .page-products .section4 .content.visible-sm .panel-group .panel a, .page-insurance .section4 .content.visible-sm .panel-group .panel a {
          color: #000;
          font-size: 18px; }
          @media screen and (max-width: 768px) {
            .page-products .section4 .content.visible-sm .panel-group .panel a, .page-insurance .section4 .content.visible-sm .panel-group .panel a {
              font-size: 26px; } }
          @media screen and (max-width: 480px) {
            .page-products .section4 .content.visible-sm .panel-group .panel a, .page-insurance .section4 .content.visible-sm .panel-group .panel a {
              font-size: 18px; } }
          @media screen and (max-width: 360px) {
            .page-products .section4 .content.visible-sm .panel-group .panel a, .page-insurance .section4 .content.visible-sm .panel-group .panel a {
              font-size: 16px; } }
        .page-products .section4 .content.visible-sm .panel-group .panel .panel-body, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body {
          padding: 15px 0 0; }
          .page-products .section4 .content.visible-sm .panel-group .panel .panel-body p, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body p {
            font-size: 20px; }
          @media screen and (max-width: 480px) {
            .page-products .section4 .content.visible-sm .panel-group .panel .panel-body .slider-a .item, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body .slider-a .item {
              width: 375px !important; } }
          @media screen and (max-width: 360px) {
            .page-products .section4 .content.visible-sm .panel-group .panel .panel-body .slider-a .item, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body .slider-a .item {
              width: 365px !important; } }
          @media screen and (max-width: 767px) {
            .page-products .section4 .content.visible-sm .panel-group .panel .panel-body .slider-b .item, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body .slider-b .item {
              width: 700px !important;
              font-weight: 300; } }
          @media screen and (max-width: 480px) {
            .page-products .section4 .content.visible-sm .panel-group .panel .panel-body .slider-b .item, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body .slider-b .item {
              width: 360px !important;
              font-weight: 300; } }
          .page-products .section4 .content.visible-sm .panel-group .panel .panel-body .profile p, .page-insurance .section4 .content.visible-sm .panel-group .panel .panel-body .profile p {
            display: none !important; }
    .page-products .section4 .content:before, .page-insurance .section4 .content:before {
      content: "";
      border: 3px solid #30318c;
      position: absolute;
      top: 0;
      left: 20px;
      height: 100%; }
    .page-products .section4 .content ul, .page-insurance .section4 .content ul {
      font-size: 28px;
      font-weight: 300;
      padding-top: 25px;
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .page-products .section4 .content ul, .page-insurance .section4 .content ul {
          font-size: 18px; } }
      .page-products .section4 .content ul li, .page-insurance .section4 .content ul li {
        list-style: disc;
        padding-bottom: 25px; }
        .page-products .section4 .content ul li.active a, .page-insurance .section4 .content ul li.active a {
          color: #30318c;
          font-weight: 500; }
        .page-products .section4 .content ul li:last-child, .page-insurance .section4 .content ul li:last-child {
          padding-bottom: 0; }
        .page-products .section4 .content ul li .bg_blur, .page-insurance .section4 .content ul li .bg_blur {
          position: relative; }
          .page-products .section4 .content ul li .bg_blur:before, .page-insurance .section4 .content ul li .bg_blur:before {
            content: "";
            background: rgba(212, 175, 55, 0.7);
            filter: blur(10px);
            -o-filter: blur(10px);
            -ms-filter: blur(10px);
            -moz-filter: blur(10px);
            -webkit-filter: blur(10px);
            position: absolute;
            top: 0;
            left: 0;
            width: 87%;
            height: 30px;
            z-index: 7; }
        .page-products .section4 .content ul li .blur-text, .page-insurance .section4 .content ul li .blur-text {
          position: absolute;
          top: auto;
          z-index: 10; }
        .page-products .section4 .content ul li a, .page-insurance .section4 .content ul li a {
          font-size: 26px;
          color: #000; }
          .page-products .section4 .content ul li a:hover, .page-insurance .section4 .content ul li a:hover {
            color: #30318c; }
          @media screen and (max-width: 676px) {
            .page-products .section4 .content ul li a, .page-insurance .section4 .content ul li a {
              font-size: 16px; } }
    .page-products .section4 .content p, .page-insurance .section4 .content p {
      font-size: 24px;
      font-weight: 300; }
      @media screen and (max-width: 480px) {
        .page-products .section4 .content p, .page-insurance .section4 .content p {
          font-size: 16px; } }
  .page-products .section4 .more, .page-insurance .section4 .more {
    font-size: 38px;
    font-weight: 300;
    padding-top: 90px;
    padding-bottom: 86px; }
    @media screen and (max-width: 768px) {
      .page-products .section4 .more, .page-insurance .section4 .more {
        font-size: 26px;
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media screen and (max-width: 480px) {
      .page-products .section4 .more, .page-insurance .section4 .more {
        padding-top: 25px;
        padding-bottom: 20px;
        font-size: 14px; } }
    .page-products .section4 .more a, .page-insurance .section4 .more a {
      position: relative;
      font-size: 38px;
      font-weight: 300;
      color: #000; }
      @media screen and (max-width: 768px) {
        .page-products .section4 .more a, .page-insurance .section4 .more a {
          font-size: 26px; } }
      @media screen and (max-width: 480px) {
        .page-products .section4 .more a, .page-insurance .section4 .more a {
          font-size: 16px; } }
      .page-products .section4 .more a:after, .page-insurance .section4 .more a:after {
        content: "";
        border: 3px solid #30318c;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .page-products .section4 .more a:after, .page-insurance .section4 .more a:after {
            border: 1px solid #30318c; } }
        @media screen and (max-width: 480px) {
          .page-products .section4 .more a:after, .page-insurance .section4 .more a:after {
            border: 1px solid #30318c; } }
  .page-products .section4 .tabbable .tab-content, .page-insurance .section4 .tabbable .tab-content {
    font-size: 18px;
    font-weight: 300; }
  .page-products .section4 .tabbable .profile img, .page-insurance .section4 .tabbable .profile img {
    height: 29px; }
  .page-products .section4 .tabbable .profile h6, .page-insurance .section4 .tabbable .profile h6 {
    font-size: 20px; }
    .page-products .section4 .tabbable .profile h6 strong, .page-insurance .section4 .tabbable .profile h6 strong {
      font-weight: normal; }
    @media screen and (max-width: 480px) {
      .page-products .section4 .tabbable .profile h6, .page-insurance .section4 .tabbable .profile h6 {
        font-size: 13px; } }
  .page-products .section4 .tabbable .slider-a .item, .page-insurance .section4 .tabbable .slider-a .item {
    max-width: 355px !important; }
  .page-products .section4 .tabbable .slick-slide .item, .page-insurance .section4 .tabbable .slick-slide .item {
    max-width: 650px;
    margin: auto 15px;
    justify-content: center; }
    .page-products .section4 .tabbable .slick-slide .item .desc, .page-insurance .section4 .tabbable .slick-slide .item .desc {
      padding-bottom: 15px; }
  .page-products .partners, .page-insurance .partners {
    background: transparent; }

@media screen and (max-width: 480px) {
  .page-products .page-title, .page-showroom .page-title {
    margin-top: 80px; } }

.page-products .search .partner, .page-showroom .search .partner {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: -100px;
  left: 0;
  bottom: 0;
  padding: 20px 40px; }
  .page-products .search .partner .partner-title, .page-showroom .search .partner .partner-title {
    font-size: 28px;
    font-family: Roboto;
    color: #fff; }
    @media screen and (max-width: 480px) {
      .page-products .search .partner .partner-title, .page-showroom .search .partner .partner-title {
        font-size: 22px; } }
  @media screen and (max-width: 480px) {
    .page-products .search .partner, .page-showroom .search .partner {
      width: 100%;
      padding: 20px; } }

.page-products .g-product, .page-showroom .g-product {
  margin-top: 70px; }
  @media screen and (max-width: 768px) {
    .page-products .g-product, .page-showroom .g-product {
      margin-top: 35px; } }
  .page-products .g-product .morebox, .page-showroom .g-product .morebox {
    display: none; }
  .page-products .g-product .item1 img, .page-showroom .g-product .item1 img {
    height: 200px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .page-products .g-product .item1 img, .page-showroom .g-product .item1 img {
        height: auto; } }
  .page-products .g-product .item1 .desc, .page-showroom .g-product .item1 .desc {
    padding: 15px 30px;
    background: #000;
    color: #fff;
    min-height: 95px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .page-products .g-product .item1 .desc, .page-showroom .g-product .item1 .desc {
        min-height: auto; } }
    .page-products .g-product .item1 .desc .ttl, .page-showroom .g-product .item1 .desc .ttl {
      text-align: center; }
    .page-products .g-product .item1 .desc a, .page-showroom .g-product .item1 .desc a {
      color: #fff !important;
      font-weight: 300;
      font-size: 20px; }
      .page-products .g-product .item1 .desc a:hover, .page-showroom .g-product .item1 .desc a:hover {
        color: rgba(255, 255, 255, 0.7) !important; }
  .page-products .g-product .load-more i, .page-showroom .g-product .load-more i {
    font-size: 36px; }

@media screen and (max-width: 420px) {
  .page-contact .page-title .title-content h2 {
    padding: 0; } }

.page-contact .page-title-contact {
  background-image: url(../img/banner_contact.jpg);
  background-repeat: no-repeat;
  height: 660px;
  position: relative;
  background-size: cover;
  background-position: center bottom;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; }
  @media screen and (max-width: 420px) {
    .page-contact .page-title-contact {
      background-size: cover;
      height: 265px;
      background-position: 70% center; } }

.page-contact .contact {
  padding-bottom: 83px; }
  @media screen and (max-width: 420px) {
    .page-contact .contact {
      padding-bottom: 45px;
      padding-top: 50px; } }
  .page-contact .contact .title {
    position: relative;
    display: block; }
    .page-contact .contact .title h2,
    .page-contact .contact .title h3 {
      font-size: 30px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: rgba(0, 0, 0, 0.8);
      display: inline-block;
      margin: 0 0 28px;
      position: relative;
      text-transform: none; }
      @media screen and (max-width: 1440px) {
        .page-contact .contact .title h2,
        .page-contact .contact .title h3 {
          font-size: 26px;
          margin-bottom: 24px; } }
      @media screen and (max-width: 768px) {
        .page-contact .contact .title h2,
        .page-contact .contact .title h3 {
          font-size: 22px; } }
      @media screen and (max-width: 480px) {
        .page-contact .contact .title h2,
        .page-contact .contact .title h3 {
          font-size: 22px; } }
      @media screen and (max-width: 360px) {
        .page-contact .contact .title h2,
        .page-contact .contact .title h3 {
          font-size: 19px; } }
      .page-contact .contact .title h2::before,
      .page-contact .contact .title h3::before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 110px;
        height: 3px;
        background-color: #30318c; }
  .page-contact .contact-infomation {
    padding-right: 0; }
    @media screen and (max-width: 420px) {
      .page-contact .contact-infomation {
        margin-bottom: 45px; } }
    .page-contact .contact-infomation .title {
      margin-bottom: 60px; }
      @media screen and (max-width: 420px) {
        .page-contact .contact-infomation .title {
          margin-bottom: 25px; } }
      .page-contact .contact-infomation .title p {
        font-family: "IDMC Aeroport", sans-serif;
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.8);
        margin: 0; }
        @media screen and (max-width: 1440px) {
          .page-contact .contact-infomation .title p {
            font-size: 24px; } }
        @media screen and (max-width: 420px) {
          .page-contact .contact-infomation .title p {
            font-size: 22px; } }
        .page-contact .contact-infomation .title p a {
          font-weight: bold;
          color: #30318c; }
    .page-contact .contact-infomation .address ul li {
      position: relative;
      padding-left: 40px;
      margin-bottom: 22px;
      font-size: 18px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: rgba(0, 0, 0, 0.8);
      display: flex;
      align-items: center;
      line-height: 28px; }
      @media screen and (max-width: 420px) {
        .page-contact .contact-infomation .address ul li {
          font-size: 16px;
          padding-left: 30px;
          line-height: normal; } }
      .page-contact .contact-infomation .address ul li:last-child {
        margin-bottom: 0; }
      .page-contact .contact-infomation .address ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        height: 32px;
        width: 32px;
        background-size: contain; }
        @media screen and (max-width: 420px) {
          .page-contact .contact-infomation .address ul li::before {
            height: 25px;
            width: 25px;
            background-size: cover !important; } }
      .page-contact .contact-infomation .address ul li.map::before {
        background: transparent url(../img/place_24px.svg) no-repeat center center;
        top: 4px; }
      .page-contact .contact-infomation .address ul li.envelope::before {
        background: transparent url(../img/alternate_email_24px.svg) no-repeat center center; }
      .page-contact .contact-infomation .address ul li.phone::before {
        background: transparent url(../img/call_24px.svg) no-repeat center center; }
      .page-contact .contact-infomation .address ul li.partner::before {
        background: transparent url(../img/map_24px.svg) no-repeat center center; }
      .page-contact .contact-infomation .address ul li a {
        color: rgba(0, 0, 0, 0.8); }
        .page-contact .contact-infomation .address ul li a:hover {
          color: #30318c; }
  .page-contact .contact-form {
    padding-left: 100px;
    padding-right: 100px;
    position: relative; }
    @media screen and (max-width: 1680px) {
      .page-contact .contact-form {
        padding-left: 60px;
        padding-right: 60px; } }
    @media screen and (max-width: 768px) {
      .page-contact .contact-form {
        padding-left: 30px;
        padding-right: 0; } }
    @media screen and (max-width: 480px) {
      .page-contact .contact-form {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 45px;
        display: inline-block;
        width: 100%; } }
    .page-contact .contact-form::before {
      position: absolute;
      content: '';
      min-height: 500px;
      width: 1px;
      background: #d7e0f0;
      left: 0;
      top: 40px; }
      @media screen and (max-width: 420px) {
        .page-contact .contact-form::before {
          display: none; } }
    .page-contact .contact-form .title {
      margin-bottom: 43px; }
      .page-contact .contact-form .title h3 {
        margin: 0; }
        .page-contact .contact-form .title h3::before {
          display: none; }
    .page-contact .contact-form .form-group {
      margin-bottom: 30px; }
      @media screen and (max-width: 1366px) {
        .page-contact .contact-form .form-group {
          margin-bottom: 15px; } }
      @media screen and (max-width: 420px) {
        .page-contact .contact-form .form-group {
          margin-bottom: 25px; } }
      .page-contact .contact-form .form-group:last-child {
        margin: 0; }
    .page-contact .contact-form label {
      font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: rgba(0, 0, 0, 0.8); }
    .page-contact .contact-form textarea.form-control {
      font-weight: 300;
      resize: none; }
    .page-contact .contact-form .form-control {
      box-shadow: none;
      border-radius: 0;
      border: 0;
      border-bottom: 1px solid #d7e0f0;
      padding: 8px 10px 8px 0;
      font-size: 18px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #000;
      height: auto; }
      @media screen and (max-width: 1366px) {
        .page-contact .contact-form .form-control {
          padding: 5px 0;
          font-size: 17px; } }
      .page-contact .contact-form .form-control:focus {
        box-shadow: none; }
      .page-contact .contact-form .form-control::-webkit-input-placeholder {
        /* Edge */
        color: #000;
        font-weight: 300; }
      .page-contact .contact-form .form-control:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000;
        font-weight: 300; }
      .page-contact .contact-form .form-control::placeholder {
        color: #000;
        font-weight: 300; }
    .page-contact .contact-form .btn-info {
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: left;
      color: #ffffff;
      border: 0;
      background-color: #30318c;
      height: auto;
      border-radius: 5px;
      line-height: 30px;
      padding-left: 42px;
      padding-right: 42px;
      position: relative; }
      @media screen and (max-width: 420px) {
        .page-contact .contact-form .btn-info {
          font-size: 16px;
          line-height: 23px;
          padding-left: 20px;
          padding-right: 20px; } }
      .page-contact .contact-form .btn-info:hover {
        background-color: #30318cb3; }
    .page-contact .contact-form span.hotline {
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      line-height: 40px; }
      @media screen and (max-width: 1440px) {
        .page-contact .contact-form span.hotline {
          font-size: 20px; } }
      @media screen and (max-width: 420px) {
        .page-contact .contact-form span.hotline {
          font-size: 18px; } }
      .page-contact .contact-form span.hotline strong {
        color: #30318c; }
    .page-contact .contact-form .select2-container--default .select2-selection--single {
      background-color: #fff;
      border: 0;
      border-bottom: 1px solid #d7e0f0;
      border-radius: 0;
      height: 40px; }
      @media screen and (max-width: 1366px) {
        .page-contact .contact-form .select2-container--default .select2-selection--single {
          height: auto;
          padding-bottom: 5px; } }
      .page-contact .contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        padding-left: 0;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000; }
        @media screen and (max-width: 1366px) {
          .page-contact .contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
            font-size: 17px; } }

@media screen and (max-width: 480px) {
  .page-products .page-title, .page-news .page-title {
    margin-top: 80px; } }

.page-products .news_detail p, .page-news .news_detail p {
  font-size: 18px;
  font-weight: 300; }

.page-products .news_detail .other_post .title, .page-news .news_detail .other_post .title {
  padding-top: 50px; }
  @media screen and (max-width: 480px) {
    .page-products .news_detail .other_post .title, .page-news .news_detail .other_post .title {
      padding-top: 25px; } }

.page-products .news_detail .other_post header, .page-news .news_detail .other_post header {
  padding-top: 15px; }

.page-products .news_detail .other_post figure img:hover, .page-news .news_detail .other_post figure img:hover {
  opacity: 0.7; }

.page-products .news_detail .other_post a, .page-news .news_detail .other_post a {
  color: #000; }
  .page-products .news_detail .other_post a:hover, .page-news .news_detail .other_post a:hover {
    color: #30318c; }

.page-products .news_detail .other_post .readmore, .page-news .news_detail .other_post .readmore {
  color: #30318c;
  font-size: 24px;
  font-weight: 400; }

.macsot {
  position: fixed;
  right: 6rem;
  bottom: 0;
  width: 105px;
  height: 185px;
  background: transparent url(../img/mascot.png) no-repeat center center;
  border: none;
  font-size: 0;
  display: block;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  outline: 0;
  text-indent: -9999px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-size: contain; }
  @media screen and (max-width: 1280px) {
    .macsot {
      right: 4rem; } }
  @media screen and (max-width: 420px) {
    .macsot {
      right: 5px;
      bottom: 0;
      width: 75px;
      height: 135px; } }
  .macsot a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 9999px; }

.footer {
  background: #f6f6f6;
  position: relative;
  padding-top: 140px; }
  @media screen and (max-width: 1366px) {
    .footer {
      padding-top: 100px; } }
  @media screen and (max-width: 480px) {
    .footer {
      padding-top: 100px; } }
  .footer .group {
    border-bottom: 1px solid #d7e0f0;
    padding-bottom: 33px; }
    @media screen and (max-width: 480px) {
      .footer .group {
        padding-bottom: 0; } }
  .footer .copyright {
    background-color: #e3e3e3;
    padding: 34px 0; }
    @media screen and (max-width: 480px) {
      .footer .copyright {
        padding: 25px 0; } }
    .footer .copyright p {
      margin: 0;
      font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #000000; }
  .footer-medium {
    padding: 30px 0 30px; }
    @media screen and (max-width: 480px) {
      .footer-medium {
        padding: 45px 0 0; } }
    .footer-medium .address {
      display: block;
      position: relative; }
      @media screen and (max-width: 480px) {
        .footer-medium .address {
          margin-bottom: 42px;
          display: inline-block;
          width: 100%;
          padding: 0 0; } }
      .footer-medium .address-img {
        float: left;
        width: 56px; }
      .footer-medium .address-content {
        float: left;
        width: calc(100% - 56px);
        padding-left: 5px; }
        .footer-medium .address-content p,
        .footer-medium .address-content h6 {
          margin: 0;
          font-size: 16px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #30318c;
          font-family: "IDMC Aeroport", sans-serif; }
        .footer-medium .address-content p {
          font-weight: 300;
          color: #000; }
  .footer .widget {
    position: relative;
    display: block; }
    .footer .widget-title h5 {
      font-size: 20px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #30318c; }
    .footer .widget-title p {
      font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #000000; }
    .footer .widget-text .thank-you {
      font-size: 16px;
      font-weight: 300;
      padding-top: 15px;
      padding-bottom: 15px;
      color: #30318c; }
    .footer .widget-text .form-control {
      font-size: 20px; }
    .footer .widget-text.has-menu {
      display: block;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 420px) {
        .footer .widget-text.has-menu {
          padding-bottom: 30px;
          display: inline-block;
          width: 100%; } }
      .footer .widget-text.has-menu #menu-quick-link-2.menu,
      .footer .widget-text.has-menu #menu-quick-link.menu {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 50%;
        float: left; }
        @media screen and (max-width: 420px) {
          .footer .widget-text.has-menu #menu-quick-link-2.menu,
          .footer .widget-text.has-menu #menu-quick-link.menu {
            width: 100%; } }
        .footer .widget-text.has-menu #menu-quick-link-2.menu li,
        .footer .widget-text.has-menu #menu-quick-link.menu li {
          display: inline-block;
          width: 100%;
          margin-bottom: 5px;
          position: relative; }
          @media screen and (max-width: 480px) {
            .footer .widget-text.has-menu #menu-quick-link-2.menu li,
            .footer .widget-text.has-menu #menu-quick-link.menu li {
              padding-bottom: 10px; } }
          .footer .widget-text.has-menu #menu-quick-link-2.menu li::before,
          .footer .widget-text.has-menu #menu-quick-link.menu li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 30px;
            background: transparent url(../img/arrow.png) no-repeat center center;
            background-size: contain; }
          .footer .widget-text.has-menu #menu-quick-link-2.menu li a,
          .footer .widget-text.has-menu #menu-quick-link.menu li a {
            font-weight: 300;
            color: #000;
            font-size: 16px;
            line-height: normal;
            padding-left: 25px; }
            .footer .widget-text.has-menu #menu-quick-link-2.menu li a:hover,
            .footer .widget-text.has-menu #menu-quick-link.menu li a:hover {
              color: #30318c; }
            .footer .widget-text.has-menu #menu-quick-link-2.menu li a i,
            .footer .widget-text.has-menu #menu-quick-link.menu li a i {
              margin-right: 5px;
              color: #30318c; }
      .footer .widget-text.has-menu #menu-quick-link.menu {
        width: 45%; }
        @media screen and (max-width: 420px) {
          .footer .widget-text.has-menu #menu-quick-link.menu {
            width: 100%; } }
      .footer .widget-text.has-menu #menu-quick-link-2.menu {
        width: calc(100% - 45%); }
        @media screen and (max-width: 420px) {
          .footer .widget-text.has-menu #menu-quick-link-2.menu {
            width: 100%; } }
    @media screen and (max-width: 480px) {
      .footer .widget.subscibe {
        padding-right: 0;
        border: 0;
        padding: 42px 0 25px;
        border-top: 1px solid #d7e0f0; } }
    .footer .widget.subscibe .widget-title p {
      padding-right: 35px; }
    .footer .widget.subscibe .widget-text .form {
      margin: 0;
      position: relative; }
    .footer .widget.subscibe .widget-text .form-control {
      background: white;
      border-radius: 1814px;
      border: solid 1px #d7d7d7;
      background-color: #ffffff;
      height: 50px; }
    .footer .widget.subscibe .widget-text button[type=button] {
      top: 0;
      right: 0;
      position: absolute;
      height: 50px;
      border-radius: 0;
      padding: 0 15px 0 8px;
      min-width: 60px;
      background-color: #30318c;
      color: white;
      border: 0;
      border-top-right-radius: 30px;
      text-align: center;
      border-bottom-right-radius: 30px; }
      .footer .widget.subscibe .widget-text button[type=button]:active, .footer .widget.subscibe .widget-text button[type=button]:focus {
        outline: 0; }
    .footer .widget.contact {
      position: relative;
      padding-right: 20px;
      border-right: 1px solid #d7e0f0; }
      @media screen and (max-width: 480px) {
        .footer .widget.contact {
          padding-right: 0;
          border: 0;
          padding-bottom: 50px;
          border-bottom: 1px solid #d7e0f0;
          margin-bottom: 37px; } }
      @media screen and (max-width: 480px) {
        .footer .widget.contact .widget-title {
          text-align: center; }
          .footer .widget.contact .widget-title img {
            margin: auto; } }
      .footer .widget.contact .text {
        display: block;
        margin-top: 40px; }
        .footer .widget.contact .text p {
          margin: 0;
          font-size: 16px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #000000; }
  .footer .socials {
    position: relative;
    margin-top: 30px;
    padding-left: 35px; }
    @media screen and (max-width: 480px) {
      .footer .socials {
        padding-left: 0;
        text-align: center; } }
    .footer .socials ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .footer .socials ul li {
        display: inline-block;
        position: relative;
        padding-right: 10px; }
        .footer .socials ul li:last-child a {
          font-size: 25px; }
        .footer .socials ul li a {
          font-size: 28px;
          color: #30318C; }
          .footer .socials ul li a:hover {
            opacity: .9; }

/*# sourceMappingURL=app.bundle.css.map */