/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

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

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

@media(min-width: 576px) {
    .d-sm-none {
        display:none !important
    }

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .d-md-none {
        display:none !important
    }

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

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

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

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

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

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

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

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

@media(min-width: 992px) {
    .d-lg-none {
        display:none !important
    }

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

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

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

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

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

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

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

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

@media(min-width: 1200px) {
    .d-xl-none {
        display:none !important
    }

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

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

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

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

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

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

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

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

@media print {
    .d-print-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width: 576px) {
    .float-sm-left {
        float:left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float:left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float:left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1200px) {
    .float-xl-left {
        float:left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

.m-1 {
    margin: .25rem !important
}

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

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

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

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

.m-2 {
    margin: .5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

.p-1 {
    padding: .25rem !important
}

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

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

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

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

.p-2 {
    padding: .5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

@media(min-width: 576px) {
    .m-sm-0 {
        margin:0 !important
    }

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

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

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

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

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .m-md-0 {
        margin:0 !important
    }

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

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

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

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

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 992px) {
    .m-lg-0 {
        margin:0 !important
    }

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

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

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

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

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1200px) {
    .m-xl-0 {
        margin:0 !important
    }

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

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

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

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

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

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

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

@media(min-width: 576px) {
    .text-sm-left {
        text-align:left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

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

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .text-lg-left {
        text-align:left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .text-xl-left {
        text-align:left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

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

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

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

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,a.text-dark:hover {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}
.content-wrapper {
  margin: 0 auto;
}

/* .dnd-section{
padding-left:0 !important;
padding-right:0 !important;
} */

.dnd-section[class*="force-full-width-section"] .row-fluid > .dnd-column,
.dnd-section[class*="force-full-width-section"] > .row-fluid{
  padding:0;
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* Fontfaces of the page */

@font-face {
  font-family: 'Riona Sans Light';
  src: url('//i.mediatek.com/hubfs/MediaTek_Mar_2024/fonts/RionaSans-Light.woff') format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Riona Sans Extra Light';
  src: url('//i.mediatek.com/hubfs/MediaTek_Mar_2024/fonts/RionaSans-ExtraLight.woff') format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Riona Sans Regular';
  src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Riona Sans Italic';
  src: url("https://i.mediatek.com/hubfs/MediaTek_Mar_2024/fonts/RionaSans-RegularItalic.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Riona Sans Medium';
  src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Medium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Riona Sans Bold';
  src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Riona Sans Black';
  src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Black.woff") format("woff");
  font-display: swap;
}



/* html,body{
scroll-behavior: smooth;
}
*/


body {
  line-height: 1.423;
  /*   overflow-wrap: break-word; */
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
/*   word-break: break-all; */
}

/* Paragraphs */

p {
  margin:0 0 16px;
}

.body-container .widget-type-rich_text p:last-of-type{
  margin-bottom:0;
}


/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 16px;
  line-height: 1.2;
}

h2{
  line-height: 1.12;
}

h3{
  line-height: 1.4;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

.main-container-wrapper ul{
  line-height:1.4;
  margin-bottom:0;
}


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

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  max-width:100%;
  height:auto;
  vertical-align:top;
}

/* .dnd_section_wrapper {
padding: 100px 80px;
} */

/* Fix Slider Stacking issue on load */

.slider-container {
  overflow: hidden;
}

.slick-slide:nth-of-child(n+1) {
  display: none;
}

.slick-initialized,
.slick-slide:first-child {
  display: block;
}

/* .cm_hidden { 
display: none;
}
.cm_readmore { 
margin: 0 5px;
} */

.two_col_cont .cont_wrap p.more{
  display: none;
}
.two_col_cont .cont_wrap .read-more{
  display: inline-block;
  font-size: 20px;
}

/* header.header {
background: #444;
position: fixed;
left: 0;
width: 100%;
height: 64px;
transition: top 0.4s ease;
-moz-transition: top 0.4s ease;
-webkit-transition: top 0.4s ease;
}
header.header.default {
top: 0;
}
header.header.fixed {
top: -64px;
transition: top 0.4s ease;
-moz-transition: top 0.4s ease;
-webkit-transition: top 0.4s ease;
}
.header_wrapper.stick_head:has(>div>.default) {
top: 63px;
} */

@media screen and (max-width:767px){

  .body-container .widget-type-rich_text p br {
    display: none;
  }

  h1 br,
  h2 br,
  h3 br,
  h4 br{
    display:none;
  }

  .body-wrapper {
    overflow-x: hidden;
  }

  p {
    margin:0 0 16px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 16px;
  }
  /*   .dnd_section_wrapper {
  padding: 30px 20px;
} */
}

/* main.main-container-wrapper {
padding-top: 104px;
} */
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

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

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}



table {
  border: none;
  height: auto;
  padding: 0;
  width: 100%;
  margin-bottom: 24px;
}

table tr {
  height: auto
}

table tr td p {
  margin: 0;
}

table thead td {
  background: none;
}

table thead td {
  color: #000;
}


table tr:first-child td {
  font-weight: 700;
  padding: 25px 0;
  text-transform: uppercase
}

table tr td {
  padding: 15px 0;
  vertical-align: middle
}

table tr:nth-child(odd) {
  background-color: #e6e7e8
}

table tr:first-child,
table tr:nth-child(2n) {
  background-color: #f4f3f2
}

table tr:first-child {
  border-bottom: 1px solid #d1d3d4
}

table tr:first-child td:first-child {
  padding-left: 20px
}

table tr:first-child td:last-child {
  padding-right: 20px
}

table tr td:first-child {
  padding-left: 20px
}

table tr td:last-child {
  padding-right: 20px
}
@charset 'UTF-8';.slick-loading .slick-list {background: #fff url('./ajax-loader.gif') center center no-repeat;}@font-face {font-family:'slick';font-weight:normal;font-style:normal;src:url('https://i.mediatek.com/hubfs/Summit%202023/fonts/slick.eot');url('https://i.mediatek.com/hubfs/Summit%202023/fonts/slick.woff') format('woff'), url('https://i.mediatek.com/hubfs/Summit%202023/fonts/slick.ttf') format('truetype'), url('https://i.mediatek.com/hubfs/Summit%202023/fonts/slick.svg') format('svg');}.slick-prev,.slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: 0;background: transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {color: transparent;outline: 0;background: transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity: .25;}.slick-prev:before,.slick-next:before {font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-prev {left: -25px;}[dir='rtl'] .slick-prev {right: -25px;left: auto;}.slick-prev:before {content: '←';}[dir='rtl'] .slick-prev:before {content: '→';}.slick-next {right: -25px;}[dir='rtl'] .slick-next {right: auto;left: -25px;}.slick-next:before {content: '→';}[dir='rtl'] .slick-next:before {content: '←';}.slick-slider {margin-bottom: 30px;}.slick-dots {position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: 0;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus {outline: 0;}.slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity: 1;}.slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before {opacity: .75;color: black;}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@charset "UTF-8";
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header style */


.header_wrapper {
  position: sticky;
  top: 0;
  width:100%;
  z-index:100;
  transition:top 0.4s ease;
}

.header_wrapper.stick_head {
  top: -64px;
  transition:top 0.4s ease;
}

.header_bottom{
  background-color: rgba(251, 251, 253, 0.7);
  box-shadow: 0px 14px 10px -21px #111;
  border-top: 1px solid #000;
  -webkit-backdrop-filter: saturate(50%) blur(10px);
  backdrop-filter: saturate(50%) blur(10px);
}


/* .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper{
display: none !important;
} */

.header .header-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 120px;
  position: relative;
  z-index: 10;
  align-items: center;
  background-color: #fff;
}

.header .logo-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%;
}

.header .header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 83.34%;
  /*   position: relative; */
}

.header .header-menu .header_right_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.header .header-menu .hs-menu-wrapper > ul {
  display: block;
  text-align: right;
}

.header .header-menu .hs-menu-wrapper > ul > li {
  display: inline-block;
  padding: 19px 20px;
}

.header .header-menu .hs-menu-wrapper > ul > li > a {
  color: #000000;
  text-decoration: none;
  font-family: inherit;
  display: inline-block;
  font-size:18px;
  transition:all 0.4s ease;
}


/* Mega menu css */

header.header.loading  .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper{
  display:none;
}


.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper {
  position: absolute;
  width: 100%;
  top: 100%;
  background-color:#fff;
  right: auto;
  padding: 80px 125px 90px 125px;
  /*   height: 0; */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none;
  left:0;
  max-width: 100%;
}

.header .header-menu .hs-menu-wrapper > ul > li.menu-open > .megamenu-wrapper {
  opacity:1;
  /*   height:auto; */
  visibility:visible;
  pointer-events:auto;
  width: 100%;
  transition: none;
}

.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul{
  display:none;
}

.show-body .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul{
  display:block;
}


.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}

.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li {
  flex: 0 0 13%;
  max-width: 13%; 
  text-align: left;
  padding-right: 38px;
}


.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li > ul {
  border-top: 1px solid rgba(0,0,0,0.5);
  padding-top: 30px;
}



.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li > a {
  text-decoration: none;
  color: #000;
  position:relative;
  display:block;
  margin-bottom: 0;
  min-height:50px;
  font-family: 'Riona Sans Medium';
  font-size: 16px;
  transition:all 0.4s ease;
}

.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li > a:hover{
  color:#ff9800;
  transition:all 0.4s ease;
}

.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li > ul > li > a:active{
  color:#000;
  transition:all 0.4s ease;
}


/* .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children.Products .megamenu-wrapper > ul {
grid-template-columns: repeat(7, 1fr);
} */

/* .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li.Internet.of.Things {
padding-left: 52px;
} */


.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) .megamenu-wrapper > ul > li:nth-child(7) > a:before,
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) .megamenu-wrapper > ul > li:nth-child(8) > a:before{
  content: "";
  position: absolute;
  width:100%;
  height:0.5px;
  background-color:rgba(0,0,0,0.5);
  bottom: -0;
  left: 0;
}

.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li > ul > li > a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  transition:all 0.4s ease;
  line-height:1.4;
  font-family: 'Riona Sans Regular';
  color: rgba(0, 0, 0, 0.5);
}

.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li > ul > li > a:hover{
  color:#000;
}


.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li > ul > li:last-child > a {
  margin-bottom: 0;
}




/* Test menu header style */


.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li {
  flex: 0 0 100%;
  max-width: 100%;
}


.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}

.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li > a {
  min-height: 50px;
  text-decoration: none;
  color: #000;
  position: relative;
  display: block;
  margin-bottom: 0;
  font-family: 'Riona Sans Medium';
  font-size: 16px;
  transition: all 0.4s ease;
}

.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li > a:hover{
  color: #ff9800;
  transition: all 0.4s ease;
}

.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li {
  flex: 0 0 16%;
  max-width: 16%;
  text-align: left;
  padding-right: 38px;
}

.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  transition: all 0.4s ease;
  line-height: 1.4;
  font-family: 'Riona Sans Regular';
  color: rgba(0, 0, 0, 0.5);
}

.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li > ul > li > a:hover{
  color: #000;
}

.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li > ul {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  padding-top: 30px;
}

/* .test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li:nth-child(5) > a:after, */
.test_menu .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul > li > ul > li:nth-child(6) > a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: -0;
  left: 0;
}







/* 
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li.Custom.ASIC.Solutions {
padding-left: 25px;
}

.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li.Internet.of.Things {
padding-left: 30px;
}
*/



/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Smartphones>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: 0;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Smartphones.svg');
}
*/

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Smart.Home>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: 0;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Smart%20Home.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Connectivity>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 37px;
left: 0;
position: absolute;
width: 40px;
top: -4px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Networking.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Internet.of.Things>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 35px;
top: 0;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/IoT.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Chromebook.Tablets>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: 9px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Chromebook.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.MediaTek.Dimensity.Auto>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: -4px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Dimensity%20Auto.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.ASIC>a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: -5px ;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Custom%20ASIC.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children.Technology .megamenu-wrapper>ul>li:first-child > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left:0;
position: absolute;
top: 7px;
width: 40px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/5G.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Artificial.Intelligence > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 26px;
left: 0;
position: absolute;
top: 9px;
width: 26px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/AI.svg');
} */


/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Camera > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left:0;
position: absolute;
top: 2px;
width: 40px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Camera.svg');
} */


/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Gaming.Technologies > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
top: 6px;
width: 40px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/HyperEngine.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Display > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
top: 10px;
width: 40px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Display.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.Wi-Fi > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: 0;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Wi-Fi.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.CorePilot > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
top: -3px;
width: 40px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/Corepilot.svg');
} */

/* .header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li.White.Papers > a:before {
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 40px;
left: 0;
position: absolute;
top: 3px;
width: 40px;
background-image:url('//728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Mar_2024/images/menu_icons/White%20papers.svg');
} */

/* Dimensity Header css */

.dim_header.header .header-menu {
  display: flex;
  flex: 0 0 83.34%;
  justify-content: end;
  max-width: 83.34%;
}

.dim_header.header .logo-wrapper {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}

.dim_header.header .header-menu {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.right_icons_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li>ul>li>ul > li > a {
  color: #c9bfbf;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  transition: all .4s ease;
}

.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li>ul>li>ul > li > a:hover{
  color:#000;
}

.header .header-menu .hs-menu-wrapper>ul>li.hs-item-has-children .megamenu-wrapper>ul>li>ul>li>ul {
  margin-top: 5px;
}

.breadcurmbs_wrapper .hs-breadcrumb-menu-wrapper > ul > li {
  padding: 0;
}

.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li{
  flex: 0 0 11.11%;
  max-width: 11.11%;
}


/* Supermenu style */



.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul {
  display: flex;
  flex-direction: row;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li:not(:last-child) {
  padding-right: 20px;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul > li > a {
  text-decoration: none;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul > li > ul {
  left: 0 !important;
  top: 100% !important;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li.hs-menu-item {
  display: none;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li.hs-menu-item.active-branch {
  display: block;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li.hs-menu-item:first-child {
  display: block !important;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul > li > ul.active-branch > li > ul,
.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li.hs-menu-item:not(.active-branch){
  display: none;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li.hs-menu-item > ul > li > ul {
  display: none;
}

.supermenu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul > li.hs-menu-item.hs-menu-depth-3.active.active-branch > ul {
  display: none;
}
/* Language switcher */

.header__language-switcher {
  cursor: pointer;
}

.header-lang-switcher svg.svg-globe {
  fill: currentColor;
  cursor: pointer;
  display: block;
  height: 1.25rem;
  vertical-align: middle;
  width: 1.25rem;
  position: relative;
  z-index: 0;
  left: 8px;
}

.header-lang-switcher {
  color: #000;
}
.header__language-switcher--label div#hs_cos_wrapper_language-switcher {
  position: absolute;
}

.header__language-switcher .lang_switcher_class {
  position: static;
  visibility: hidden;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 120px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class,
.header__language-switcher.active .lang_list_class{
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
  /*   need to remove */
  display:none;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

.header .header-menu .hs-menu-wrapper > ul > li.Technology .megamenu-wrapper > ul > li:last-child,
.header .header-menu .hs-menu-wrapper > ul > li.创新研发 .megamenu-wrapper > ul > li:last-child,
.header .header-menu .hs-menu-wrapper > ul > li.創新研發 .megamenu-wrapper > ul > li:last-child,
.header .header-menu .hs-menu-wrapper > ul > li.技術について .megamenu-wrapper > ul > li:last-child{
  padding-left: 0px;
  margin-left: -10px;
}
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(5) .megamenu-wrapper > ul > li > a,
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > a{
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  min-height: 100px;
}
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(3) .megamenu-wrapper > ul > li > ul{
  border-top: none;
}
/* .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li.CorePilot {
padding-left: 50px;
} */
/* .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children.Company .hs-menu-children-wrapper li {
max-width: 10%;
flex: 0 0 10%;
}
.header .header-menu .hs-menu-wrapper > ul > li.Company.hs-item-has-children .megamenu-wrapper > ul > li > a {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
} */
/* .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children.Company > .megamenu-wrapper {
display: none;
}
*/

/* Header IDN */
.cm_head_idn .header-lang-switcher .header--toggle.header__navigation--toggle svg .cls-1 {
  stroke: #000;
  stroke-width: 2px;
}

@media screen and (max-width:1920px){
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li > a {
    min-height: 70px;
  }
}


@media (max-width: 1751px){
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li > a {
    min-height: 100px;
  }
}

@media (max-width: 1499px){
  .header .header-menu .hs-menu-wrapper > ul > li:nth-child(2) .megamenu-wrapper > ul > li:last-child{
    padding-left: 18px;
    margin-left: 0px;
  }
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(2) .megamenu-wrapper > ul > li:nth-child(7) {
    padding-left: 18px;
  }
}


@media screen and (min-width:1025px){

  /*   .header .header-menu .site-search-wrapper .close-icon, */
  .header--toggle.header__navigation--toggle{
    display:none;
  }

  .mobile_menu_wrapper,
  .menu-overlay {
    display:none;
  }
  header.header .mobile-menu ul.hs-menu-children-wrapper{
    display:none;
  }

  header.header .menu-open ul.hs-menu-children-wrapper{ 
    display:block;
  }

  .header .header-menu .hs-menu-wrapper>ul>li>a {
    position: relative;
  }

  /*   .header .header-menu .hs-menu-wrapper>ul>li>a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  width: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 2px;
  overflow: hidden;
  background-color: #000000;
  -webkit-transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  -o-transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

  .header .header-menu .hs-menu-wrapper>ul>li.menu-active>a:after,
  .header .header-menu .hs-menu-wrapper>ul>li>a:hover:after{
  width: 100%;
} */

  .header .header-menu .hs-menu-wrapper>ul>li>a:hover{
    color:#ff9800;
  }

}


/* Header search */



/* Navigation */

#nav-toggle {
  display: none;
}

.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
  margin-top: 20px;
  padding: 10px;
  border-radius: 7px;
}
.hs-search-field--open .hs-search-field__suggestions li {
  margin-bottom: 5px;
}
.hs-search-field--open .hs-search-field__suggestions li a:hover {
  /*   background-color: #fff; */
}



.header .header-menu .hs-menu-wrapper > ul > li.Company.hs-item-has-children .megamenu-wrapper > ul > li:not(:last-child) > a {
  position: relative;
}
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) .megamenu-wrapper > ul > li:not(:last-child) > a:after {
  height: 1px;
  width: 232%;
  display: block;
  content: "";
  position: absolute;
  bottom: -1px;
  background: #000;
}


/*   Desktop search style */

.header__language-switcher--label svg {
  fill: #000;
  width: 24px;
  height: 24px;
}


.header .header-container .serach-icon {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-right: 15px;
  background-color: transparent;
  border-radius: 0px;
  padding-bottom:0;
  cursor: pointer;
}

.header .header-container .serach-icon svg {
  fill: #000;
  width: 24px;
  height: 24px;
}
.header .header-container .serach-icon svg .cls-1 {
  fill: none;
  stroke: #1d1d1b;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.header__language-switcher--label svg .cls-1 {
  stroke: #1d1d1b;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.header .header-menu .site-search-wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  z-index: 10;
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  transition:all 0.4s ease;
  border-radius: 0px;
}

.header .header-menu .site-search-wrapper .close-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 11;
}

.header .header-menu .site-search-wrapper .close-icon svg line.cls-1 {
  stroke: #fff;
}

.header .header-menu .site-search-wrapper > div {
  height: 100%;
}

.header .header-menu .site-search-wrapper .hs-search-field {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}

.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar {
  width: 60%;
  padding: 0 30px;
  position: relative;
  transition: top 0.4s ease-in-out;
  top: 50px;
}

.header .header-menu .site-search-wrapper.search-open .hs-search-field .hs-search-field__bar {
  top: 0;
}


.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input {
  background: none;
  border: none;
  border-bottom: 2px solid #fff;
  padding: 0 15px;
  height: 40px;
  outline:none;
  color:#fff;
  font-size:18px;
  width: 100%;
}


.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


.header .header-menu .site-search-wrapper .hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
  position: absolute;
  top: 51%;
  border: none;
  background-color: #FFF;
  border-radius: 0;
  width: 100%;
  max-width: calc(60% - 60px);
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}


/* Header language bar */

.header__language-switcher .lang_list_class {
  top: calc(100% + 17px);
  min-width: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* left: calc(100% - 91px); */
  right: -10px;
  border: none;
  background-color: #333333;
  transform: none;
  left: auto;
}
.header__language-switcher .lang_list_class li a {
  white-space: nowrap;
  color: #fff;
}
.header__language-switcher .lang_list_class li {
  padding: 18px 16px;
  background: none;
}
.header__language-switcher {
  position: relative;
}
.header__language-switcher:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 21px;
  height: 30px;
  width: 40px;
}
.globe_class:hover .lang_list_class {
  display: flex !important;
}
.lang_list_class:after,
.lang_list_class:before{
  display: none !important;
}
.header__language-switcher .lang_list_class li a:hover {
  color: #fff;
}

/* Inline search style */
.header .header-container .serach-icon {
  order: 2;
}
.header .header-menu .site-search-wrapper {
  order: 1;
  padding: 4px 0px;
  height: auto;
  background-color: #333333;
  position: absolute;
  width: auto;
  max-width: 20%;
  right: 12vw;
  left: auto;
  top: 10px;
}
.header-lang-switcher {
  order: 3;
}
.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar {
  width: 100%;
  padding: 0px;
}
.header .site-search-wrapper form:after {
  color: #fff;
  right: auto;
  left: 0px;
}
.header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input {
  border-bottom: none;
  padding-left: 30px;
  min-width: auto;
}
.header .header-menu .site-search-wrapper .hs-search-field--open .hs-search-field__suggestions {
  max-width: 100%;
  top: 32px;
  width: 100%;
}
.header .header-menu .site-search-wrapper .hs-search-field {
  padding: 0 20px;
}
.site-search-wrapper {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 0px;
  transition: all 0.2s ease-in-out;
}

.site-search-wrapper.search-open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  height: auto;
}
.header .header-menu .site-search-wrapper .close-icon{
  display:none;
}
.header__language-switcher:hover svg,
.header .header-container .serach-icon.active svg,
.header__language-switcher.active svg{
  fill: #ff9800;
}
.header__language-switcher:hover svg .cls-1,
.header .header-container .serach-icon.active svg .cls-1{
  stroke: #ff9800;
}
.header__language-switcher .lang_list_class li:first-child a {
  color: #ff9800;
}

/* breadcrumb-click open menu */

.breadcrumbs ul.hs-breadcrumb-menu > li.Technology > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  z-index: 10;
} 


/* IDN Header */
.cm_head_idn.header .header-menu .hs-menu-wrapper > ul > li.Ruang .megamenu-wrapper > ul > li > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  min-height: 100px;
}
/* .cm_head_idn + .header_bottom {
display: none;
} */

/* Mobile toggles */

@media screen (max-width: 1620px){
  .header .header-menu .site-search-wrapper{
    right: 14vw;
  }
}

@media screen and (max-width:1599px){
  .header .header-menu .hs-menu-wrapper > ul > li {
    padding: 19px 7px;
  }
  .header .header-menu .site-search-wrapper{
    right: 13.7vw;
  }
}

@media screen and (max-width:1550px){
  .header .header-menu .hs-menu-wrapper > ul > li {
    padding: 19px 7px;
  }
}

@media screen and (max-width:1378px){
  .header .logo-wrapper {
    flex: 0 0 13%;
    max-width: 13%;
  }
  .header .header-menu {
    flex: 0 0 87%;
    max-width: 87%;
  }
  .header .header-menu .hs-menu-wrapper > ul > li {
    padding: 19px 7px;
  }
}


@media screen and (max-width:1400px) and (min-width:1141px){

  /*   Header menu responsive style */

  .header .header-menu .hs-menu-wrapper > ul > li {
    padding: 19px 7px;
  }
  /*   .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper{
  padding-right:25px;
} */
  .site-search-wrapper input.hs-search-field__input {
    padding: 6px 20px 5px;
  }
  .header .header-menu .site-search-wrapper{
    right: 15vw;
  }
}

@media screen and (max-width:1245px) and (min-width:1025px){
  .header .header-menu .site-search-wrapper{
    right: 15vw;
    top: 6px;
  }
}

@media screen and (min-width:1025px){

  /* Updated Site Search */


  .site-search-wrapper {
    display: none;
    position: absolute;
    top: 80%;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 3px 0.5px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 3px 0.5px rgba(189,189,189,1);
    box-shadow: 0px 0px 3px 0.5px rgba(189,189,189,1);
    width: 390px;
    right: 107px;
  }

  .serach-icon {
    padding-right: 20px;
  }

  .serach-icon .cross{
    display:none;
  }

  .serach-icon .search-open .cross {
    display: inline-block;
    width: 24px;
    height: 24px;
  }

  .serach-icon .search-open .search {
    display: none;
  }

  .site-search-wrapper.search-active {
    display: block;
  }

  .site-search-wrapper input.hs-search-field__input {
    border: 1px solid #D1D6DC;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1.1;
    transition: all 0.4s ease;
    outline:none;
  }

  .site-search-wrapper:before {
    margin-left: 23px;
    margin-top:15px;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 10px solid #e1e1e1;
    border-bottom: 8px solid transparent;
    border-left-color: #e1e1e1;
    transition:.3s;
    content: "";
    position: absolute;
    top: -29px;
    transform: rotate(-90deg);
    right: 35px;
  }




  .header .site-search-wrapper {
    box-shadow: none;
    padding: 0;
    background: transparent;
    position: static;
    top: 11px;
    right: 128px;
    display: block;
    background-color: #000;
    border-radius: 50px;
  }

  .header .serach-icon {
    padding: 8px 14px;
    display: block;
    width: auto;
    background-color: #000;
    border-radius: 50px;
    display: none;
  }
  .header .site-search-wrapper:before {
    display: none;
  }

  .site-search-wrapper input.hs-search-field__input {
    background-color: #000;
    border: none;
    border-radius: 50px;
    padding: 12px 20px;
    width: 300px;
    transition: 0.2s all ease-in-out;
    transition: none;
    color: #fff;
    padding: 10px 20px 5px;
    padding-left: 0px;
  }
  .header .serach-icon .fa-xmark {
    width: 0px;
    height: 0px;
    transition: 0.2s all ease-in-out;
    display: none;
  }
  .header .serach-icon a {
    color: #fff;
    font-size: 18px;
  }
  .header .serach-icon a i {
    width: 16px;
    height: 16px;
    z-index: 10;
    position: relative;
  }

  .header .serach-icon a.search-open .fa-xmark {
    width: 16px;
    height: 16px;
    position: relative;
    right: 2px;
    display: inline-block;
    z-index: 10;
  }

  .header .site-search-wrapper.site_open input.hs-search-field__input::-webkit-input-placeholder {
    font-size: 16px;
    transition: 0.2s all ease-in-out;
    color: #fff;
  }

  .header .site-search-wrapper.site_open input.hs-search-field__input {
    width: 350px;
    transition: 0.2s all ease-in-out;
  }

  .hs-search-field--open .hs-search-field__suggestions{
    border: 1px solid #000;
    margin-top: 20px;
    padding: 10px;
    border-radius: 7px;
    position: absolute;
    top: 27px;
    left: -1px;
    width: 100%;
    display: block;
    background-color: #000;
    width: 400px;
    left: -150px;
  }

  .hs-search-field--open .hs-search-field__suggestions li a {
    text-decoration: none;
    color: #ff9800;
    transition: 0.2s all ease-in-out;
  }

  .hs-search-field--open .hs-search-field__suggestions li {
    margin-bottom: 10px;
  }

  .hs-search-field--open .hs-search-field__suggestions li a:hover {
    color: #ff9800;
    transition: 0.2s all ease-in-out;
  }

  .header .site-search-wrapper {
    background: transparent;
    width: 250px;
  }

  .site-search-wrapper input.hs-search-field__input {
    background: #fff;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: #000;
    width: 250px;
  }

  .site-search-wrapper input.hs-search-field__input::-webkit-input-placeholder{
    color: rgba(0,0,0,0.5)
  }

  .site-search-wrapper input.hs-search-field__input:focus {
    border-bottom-color: #ff9800;
    border-radius: 0px;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }

  .header .site-search-wrapper form {
    position: relative;
  }

  .header .site-search-wrapper form:after {
    content: "\f002";
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000;
    position: absolute;
    top: 10px;
    right: 7px;

    color: #fff;
    right: auto;
  }
}




@media screen and (max-width:1140px) and (min-width:1025px){
  .header .header-menu .hs-menu-wrapper > ul > li {
    padding: 19px 5px;
  }

  .header .header-menu .hs-menu-wrapper > ul > li > a {
    font-size: 16px;
  }
}




@media (max-width: 1270px) and (min-width: 1025px){
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper {
    max-width: 100%;
  }
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li {
    padding-left: 20px;
    flex: 0 0 12%;
    max-width: 12%;
    padding-right:20px;
  }
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li:first-of-type {
    padding-left: 0;
  }
}



@media screen and (max-width:1180px) and (min-width:1025px){
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper {
    max-width: 100%;
    left: 0;
    padding: 80px 60px 90px 60px;
  }
  /*   .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul {
  width: 100%;
  max-width: 971px;
}
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li {
  flex: 0 0 15%;
  max-width: 15%;
  padding-right: 27px;
} */
}


@media screen and (max-width:1120px) and (min-width:1025px){
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul {
    max-width: 860px;
  }
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper {
    padding: 80px 40px 90px 40px;
  }
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children .megamenu-wrapper > ul > li {
    flex: 0 0 13%;
    max-width: 13%;
    padding-right: 15px;
  }
}


@media (max-width: 1024px) and (min-width: 768px){
  .header_wrapper.stick_head{
    top: -67px;
  }
}

@media (max-width: 1024px) {

  .header .header-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header__language-switcher {
    padding: 0 12px;
  }

  .header-lang-switcher .header--toggle.header__navigation--toggle {
    margin-left: 20px;
  }

  .header-lang-switcher {
    display: inline-flex;
    padding-top: 8px;
  }

  /*   .header__navigation--toggle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: cover;
  height: 25px;
  width: 25px;
} */


  .header--toggle.header__navigation--toggle {
    display: block;
    width: 30px;
    height: 30px;
  }


  .header__language-switcher--label div#hs_cos_wrapper_language-switcher {
    top: -3px;
    left: -9px;
  }
  .header-lang-switcher svg.svg-globe{
    left: 0px;
  }

  .header__language-switcher .lang_list_class{
    top: calc(100% + 6px);
  }

  .header__language-switcher--label {
    display: inline-block;
  }

  .header-lang-switcher {
    display: inline-flex;
  }

  .header-lang-switcher .header--toggle.header__navigation--toggle {
    cursor:pointer;
  }

  .header .header-menu .dekstop-menu {
    display: none;
  }
  .header .header-menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  main.media-tek-research-page {
    padding-top: 61px;
  }

  /*   .header__language-switcher{
  margin-top: 3px;
} */
  .header .header-container{
    padding-top:14px;
    padding-bottom:14px;
  }

  /*   Mobile search style */


  .header .header-container .serach-icon {
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-right: 15px;
  }

  .header .header-container .serach-icon svg {
    fill: #000;
    width: 24px;
    height: 24px;
  }

  .header .header-menu .site-search-wrapper {
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 10;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    transition:all 0.4s ease;
    max-width: 100%;
    right: 0px;
  }

  .header .header-menu .site-search-wrapper .close-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11;
    display: block;
    cursor: pointer;
  }

  .header .header-menu .site-search-wrapper .close-icon svg line.cls-1 {
    stroke: #fff;
  }

  .header .header-menu .site-search-wrapper > div {
    height: 100%;
  }

  .header .header-menu .site-search-wrapper .hs-search-field {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
  }

  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar {
    width: 100%;
    padding: 0 30px;
    position: relative;
    transition: top 0.4s ease-in-out;
    top: 50px;
  }

  .header .header-menu .site-search-wrapper.search-open .hs-search-field .hs-search-field__bar {
    top: 0;
  }


  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input {
    background: none;
    border: none;
    border-bottom: 2px solid #fff;
    padding: 0 15px;
    height: 40px;
    outline:none;
    color:#fff;
    font-size:18px;
  }


  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
  }
  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
  }
  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
  }
  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
  }


  .header .header-menu .site-search-wrapper .hs-search-field--open .hs-search-field__suggestions {
    border: 1px solid #000;
    position: absolute;
    top: 51%;
    border: none;
    background-color: #FFF;
    border-radius: 0;
    width: 100%;
    max-width: 89%;
  }




  /*   ************************* */


  .mobile-menu .hs-menu-wrapper > ul {
    display: block;
  }

  .mobile-menu .hs-menu-wrapper > ul > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .mobile-menu .hs-menu-wrapper>ul>li>ul > li > a {
    color: #000;
    text-decoration: none;
  }

  .mobile-menu .hs-menu-wrapper ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
  }
  .mobile-menu .hs-menu-wrapper ul > li.child-open > ul.hs-menu-children-wrapper  {
    display: block;
  }

  .mobile-menu .hs-menu-wrapper > ul > li > a {
    text-decoration: none;
    color: #000;
  }

  .mobile_menu_wrapper {
    height: 100%;
    position: fixed;
    right: -300px;
    width: 300px;
    z-index: 101;
    top: 0;
    transition:right 0.4s ease;
    background-color: #fff;
  }
  .menu-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:all 0.4s ease;
  }
  .mobile_menu_wrapper .mobile-menu {
    padding: 30px;
  }

  .mobile-open .mobile_menu_wrapper{
    right:0;
    overflow-y: scroll;
  }
  body.mobile-open{
    overflow: hidden;
  }
  .mobile-open .menu-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .close_trigger {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 6px;
    right: 0;
    cursor:pointer;
  }

  .close_trigger span {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .close_trigger span:before,
  .close_trigger span:after {
    content: "";
    position: absolute;
    background-color: #000;
    width: 30px;
    height: 2px;
  }

  .close_trigger span:before {
    top: 0;
    transform: rotate(45deg);
  }

  .close_trigger span:after {
    top: 0;
    transform: rotate(-45deg);
  }

  .mobile-menu .hs-menu-wrapper  ul > li {
    position: relative;
  }
  .mobile-menu .hs-menu-wrapper > ul > li > .child-trigger {
    display: block;
    position: absolute;
    min-height: 23px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
  }
  .mobile-menu .hs-menu-wrapper ul li.hs-item-has-children ul.hs-menu-children-wrapper ul {
    display: block !important;
    height: auto !important;
    padding-left: 15px;
  }

  .mobile-menu .hs-menu-wrapper > ul > li > ul {
    padding-left: 10px;
  }

  .mobile-menu .hs-menu-wrapper .hs-menu-depth-2 > a {
    color: #000;
    display: block;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    margin: 4px 0px;
  }
  .mobile-menu .hs-menu-wrapper .hs-menu-depth-3 > a,
  .mobile-menu .hs-menu-wrapper .hs-menu-depth-4 > a {
    color: #c9bfbf;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    transition: all .4s ease;
  }
  .mobile-menu .hs-menu-wrapper .hs-menu-depth-3 > a:hover,
  .mobile-menu .hs-menu-wrapper .hs-menu-depth-4 > a:hover {
    color: #000;
  }

  .mobile-menu .hs-menu-wrapper > ul > li > ul > li:not(:last-child) {
    margin-bottom: 15px;
  }




}



@media screen and (max-width:767px){

  /*   Bookmark CSS */


  .header_bottom .container.full-width .bookmarks ul#bookmark_menu_ul {
    display: none;
  }
  .header_bottom .container.full-width{
    flex-direction:row;
  }


  .header .logo-wrapper {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .header .header-menu {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }


  .footer .form-section .form-title {
    font-size: 39px;
    font-family: Riona Sans Regular, sans-serif;
  }

  .footer .form-section form fieldset.form-columns-2 .hs-form-field {
    width: 50%;
  }

  .footer .form-section form fieldset.form-columns-2 .hs-form-field:first-child {
    padding-right: 25px;
  }

  .footer .form-section form fieldset.form-columns-2 .hs-form-field:last-child {
    padding-left: 25px;
  }

  .footer .form-section form .actions {
    text-align: center;
    margin-top: 0;
  }

  .footer .form-section form fieldset.form-columns-1 .hs-form-field {
    margin-bottom: 16px;
  }

  .footer .container .form-section form {
    padding-bottom: 50px;
  }

  .footer .container .form-section .form-title {
    margin-top: 0;
  }

  .footer .container .form-section {
    padding-top: 30px;
  }
  .header__language-switcher .lang_list_class {
    min-width: auto;
    flex-direction: column;
  }


}

@media screen and (max-width:480px){
  .header .header-menu .site-search-wrapper .hs-search-field .hs-search-field__bar input.hs-search-field__input{
    min-width: auto;
  }
}
.footer .container {
  margin: 0 auto;
  padding: 100px 80px 0;
}
.footer .container .row {
  display: flex;
  margin: 0 -15px;
  flex-wrap:wrap;
}
.footer .container .col {
  padding: 0 15px;
}
.footer .container .col-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}
.footer .container .col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.footer .menu-section .hs-menu-wrapper > ul {
  display: flex;
}
.footer .menu-section .hs-menu-wrapper > ul > li {
  max-width: 25%;
  flex: 0 0 25%;
}
.footer .menu-section .hs-menu-wrapper > ul > li > a {
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: none;
  color: #000;
  font-family: 'Riona Sans Medium';
  font-size: 16px;
  transition: all 0.4s ease;
  cursor:text;
}
/* .footer .menu-section .hs-menu-wrapper > ul > li > a:hover {
color: #ff9800;
transition: all 0.4s ease;
} */
.footer .menu-section .hs-menu-wrapper > ul > li > ul > li > a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  transition: all 0.4s ease;
  line-height: 1.4;
  font-family: 'Riona Sans Regular';
  color: rgba(0, 0, 0, 0.5);
}
.footer .menu-section .hs-menu-wrapper > ul > li > ul > li > a:hover{
  color: #000;
}
.footer .menu-section .hs-menu-wrapper > ul > li > ul {
  margin-top: 10px;
}
.footer .menu-section .hs-menu-wrapper > ul > li > ul > li:not(:last-child) {
  margin-bottom: 5px;
}
.footer .form-section .form-title {
  font-size: 18px;
  font-weight: 500;
  font-family: Riona Sans Medium,sans-serif;
  margin-bottom: 20px;
}
.footer .form-section form .actions {
  margin-top: 14px;
}
.footer .form-section form input.hs-button.primary.large {
  background-color: #FF9800;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  border:none;
  padding: 9px 21px 9px;
  line-height:normal;
  text-decoration: none;
}
.footer .form-section form fieldset.form-columns-2 > div {
  width: auto;
}
.footer .form-section form fieldset.form-columns-2 {
  display: flex;
  justify-content: space-between;
}
.footer .form-section form fieldset.form-columns-2 .hs-input, 
.footer .form-section form fieldset.form-columns-1 .hs-input {
  border: none;
  border-bottom: 1px solid #000;
  outline:none;
}
.footer .form-section form fieldset.form-columns-1 .hs-input {
  width: 100%;
}
.footer .form-section form ul.hs-error-msgs li label {
  color: #f00;
  color: #ef6b51;
}
.footer .container .row:first-child {
  border-bottom: 1px solid #000;
  padding-bottom: 50px;
  border-top: 1px solid #000;
  padding-top: 64px;
}
.footer  .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.footer .logo_and_copyright {
  display: flex;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  align-items: center;
}
.footer .logo_and_copyright .copyright_text p {
  margin: 0;
}
.footer .logo_and_copyright .copyright_text {
  padding-left: 20px;
}
.footer .footer_social_links ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer .footer_social_links {
  padding: 30px 0;
}
.footer .footer_social_links ul li a {
  display: block;
}
.footer .footer_social_links ul li a img {
  height: 30px;
  width: 30px;
}
.footer .container .col-4 ul.hs-error-msgs > li {
  margin: 0;
}
.footer .container .col-4 fieldset.form-columns-1 .hs-form-field {
  margin-bottom: 10px;
}
.footer .container .col-4 .hs_error_rollup ul.hs-error-msgs {
  display: none !important;
}
.footer .form-section form fieldset.form-columns-1 .hs-input.error {
  border-bottom-color: #ef6b51;
}
.footer .form-section form fieldset.form-columns-1 .hs-input.error::-webkit-input-placeholder {
  color: #ef6b51;
}
.footer .form-section form fieldset.form-columns-1 .hs-input::-webkit-input-placeholder,
.footer .form-section form fieldset.form-columns-2   .hs-input::-webkit-input-placeholder{
  font-style:italic; 
  color: rgba(0,0,0,0.5);
}


/* Footer form style */


.footer .form-section form {
  background-color: #fbfbfb;
  padding: 20px;
  border-radius: 25px;
}
.footer .form-section form .hs-form-field.hs_firstname .hs-input,
.footer .form-section form .hs-form-field.hs_email .hs-input {
  margin: 0;
  border: 1px solid #000;
  background-color: transparent;
  padding: 15px 20px;
}
.footer .form-section form .hs-form-field.hs_firstname .hs-input:focus,
.footer .form-section form .hs-form-field.hs_email .hs-input:focus{
  outline:none;
  border: 1px solid #FF9800;
}
.footer .form-section form .hs-form-field.hs_firstname  label:not(.hs-error-msg),
.footer .form-section form .hs-form-field.hs_email label:not(.hs-error-msg) {
  padding: 0 10px;
  transition: all 300ms;
  font-size: 12px;
  color: #000;
  width: -moz-fit-content;
  width: fit-content;
  top: 14px;
  position: relative;
  left: 15px;
  background:#fbfbfb;
}
.footer .form-section form .hs-form-field.hs_firstname.input-focused label:not(.hs-error-msg), 
.footer .form-section form .hs-form-field.hs_email.input-focused label:not(.hs-error-msg) {
  top: 0;
  left: 0;
  color:#000;
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input {
  --primary-color: #1677ff;
  --secondary-color: #fff;
  --primary-hover-color: #4096ff;
  --checkbox-diameter: 15px;
  --checkbox-border-radius: 5px;
  --checkbox-border-color: #d9d9d9;
  --checkbox-border-width: 1px;
  --checkbox-border-style: solid;
  --checkmark-size: 1.2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--checkbox-diameter);
  height: var(--checkbox-diameter);
  border-radius: var(--checkbox-border-radius);
  background: var(--secondary-color);
  border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  top: -1px;
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -o-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input:before {
  top: 40%;
  left: 50%;
  content: "";
  position: absolute;
  width: 4px;
  height: 7px;
  border-right: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input:hover {
  border-color: var(--primary-color);
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input:checked {
  background: var(--primary-color);
  border-color: transparent;
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input:checked:before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.footer .form-section form .hs-fieldtype-booleancheckbox.field.hs-form-field .hs-input:checked:not(:checked)::after {
  -webkit-transition: none;
  -o-transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: none;
  opacity: 1;
}

.footer_bottom {
  padding: 24px 0;
}
.footer .footer_bottom .right_sec {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.footer .privacy_menu .hs-menu-wrapper > ul > li {
  padding: 0 30px;
}
.footer .privacy_menu .hs-menu-wrapper > ul > li > a {
  text-decoration: none;
  color: rgba(0,0,0,0.5);
  font-weight: 400;
  font-size:15px;
  transition:all 0.4s ease; 
}
.footer .privacy_menu .hs-menu-wrapper > ul > li > a:hover{
  color:#000;
}
.footer .copyright_text p {
  margin: 0;
  font-weight: 400;
  color: rgba(0,0,0,0.5);
  font-size:15px;
  line-height: normal;
}
.footer .copyright_text {
  padding-left: 30px;
}
footer.footer .menu-section .mob_menu{
  display: none;
}

/* Back to top js */

.back-to-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  background-color: #4c4c4c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  transform: translateX(100px);
  cursor:pointer;
  z-index:10;
  transition:transform 0.4s ease;
}
.back-to-top:hover{
  -webkit-animation: pulsebtt 2s infinite;
  animation: pulsebtt 1.5s infinite;
  background-position: 100%;
  background-size: 300% auto;
}
.back-to-top i{
  color:#fff;
}
.back-to-top.show{
  transform: translateX(0);
}


/* footer */
.footer.cm_foot_v5 .desk_soc .footer_social_links {
  padding: 0px;
}
.footer.cm_foot_v5 .desk_soc .footer_social_links ul {
  max-width: 69%;
  gap: 15px;
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap {
  gap: 15px;
  padding-top: 30px;
  width: max-content;
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap li a {
  display: inline-block;
}
.footer.cm_foot_v5 .menu-section .desk_menu .hs-menu-wrapper > ul {
  gap: 60px;
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap.foot_soc {
  gap: 0px;
  top: 0px;
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap.foot_soc .share-item {
  padding: 0 15px;
}
.cm_foot_v5 .desk_menu .foot_soc .share-item:not(:last-child) {
  border-bottom: none;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap.foot_soc .share-item:first-child {
  padding-left: 0px;
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap.foot_soc .share-item:last-child {
  padding-right: 0px;
}


/* Footer IDN */

.cm_foot_v5 .desk_menu ul.foot_soc_wrap .lazada_share img,
.brand_idn.footer .footer_social_links .lazada_share img {
  height: 40px;
  width: 40px;
}
.brand_idn.footer .footer_social_links .lazada_share img {
  position: relative;
  top: 3px;
}
.cm_foot_v5 .desk_menu ul.foot_soc_wrap .lazada_share,
.cm_foot_v5 .desk_menu ul.foot_soc_wrap .lazada_share a,
.brand_idn.footer .footer_social_links .lazada_share a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer.cm_foot_v5.idn_foot.brand_idn .share-item {
  border: none;
}
.footer.idn_foot .container .col-8 {
  flex: 0 0 100%;
  max-width: 100%;
}
.footer.idn_foot .container .col-8 ul.social_share.foot_soc {
  max-width: 100%;
  justify-content: center;
}
footer.footer.idn_foot.brand_idn .row.footer_top {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*
.brand_idn.footer .container .row:first-child {
justify-content: center;
flex-direction: column;
align-items: center;
} 
.brand_idn .social_share .share-item:not(:last-child) {
border-bottom: none;
}
.brand_idn.footer .footer_social_links {
gap: 20px;
display: flex;
}
.brand_idn.footer .footer_social_links ul {
gap: 20px;
display: flex;
}
.brand_idn.footer .footer_social_links ul li a {
font-size: 35px;
}
*/

@media screen and (max-width: 1024px){
  .footer .footer_social_links ul .share-item.lazada_share img {
    height: 40px;
    width: 40px;
  }
  .footer .footer_social_links ul .share-item.lazada_share,
  .footer .footer_social_links ul .share-item.lazada_share a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .brand_idn.footer .social_links.desk_soc_idn{
    display: none;
  }
  .brand_idn.footer .container .footer_bottom .mobile_footer .footer_social_links {
    padding-top: 50px;
  }
  .brand_idn.footer .footer_social_links{
    justify-content: center;
  }
  footer.footer.idn_foot.brand_idn .row.footer_top{
    display:none;
  }
}

@media screen and (max-width: 1199px){
  .cm_foot_v5 .desk_menu ul.foot_soc_wrap.foot_soc .share-item {
    padding: 0 8px;
  }
}

@media screen and (min-width:768px){
  .mobile_footer{
    display:none;
  }
  .footer .privacy_menu .hs-menu-wrapper > ul > li:last-child {
    padding-right: 0;
  }
  /*   .footer .menu-section .hs-menu-wrapper > ul > li:not(:last-child){
  padding-right:20px;
} */
  .footer .container .row {
    padding-left:30px;
    padding-right:30px;
  }
  .footer .menu-section .hs-menu-wrapper > ul > li:last-child {
    /*     display: none; */
  }
}

@media screen and (max-width:1380px) and (min-width:768px){
  .footer .privacy_menu .hs-menu-wrapper > ul > li {
    padding: 0 15px;
  }
}

/* 
@media screen and (max-width:1024px) and (min-width:768px){
.footer .menu-section .hs-menu-wrapper > ul > li {
max-width: 50%;
flex: 0 0 50%;
}

.footer .menu-section .hs-menu-wrapper > ul > li {
padding-right: 0;
}

.footer .menu-section .hs-menu-wrapper > ul > li:nth-child(3),
.footer .menu-section .hs-menu-wrapper > ul > li:last-child {
padding-top: 24px;
}
} */

@media screen and (max-width:1024px){
  .footer .menu-section .hs-menu-wrapper > ul > li.hs-item-has-children > a {
    position: relative;
    display: block;
    text-align: left;
    margin-bottom:0;
    cursor: pointer;
  }
  .footer .menu-section .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    content: "";
    height: 22px;
    position: absolute;
    right: 0;
    top: 13px;
    width: 22px;
    transition:all 0.4s ease;
    background: url('https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/raw_assets/public/MediaTek_Jan_2024/images/icon-bold-navigation-open-down.svg') no-repeat center/100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .footer .menu-section .hs-menu-wrapper>ul>li.hs-item-has-children>a.slide_up:after {
    transform: rotate(180deg);
    top: 4px;
  }
  .footer .menu-section .hs-menu-wrapper>ul>li.hs-item-has-children  ul.hs-menu-children-wrapper {
    display: none;
  }
  .brand_idn.footer .container .footer_bottom .mobile_footer .footer_social_links {
    padding-top: 0px;
  }
  .brand_idn.footer .container .footer_bottom .right_sec .privacy_menu {
    padding-top: 30px;
  }
  /*   .footer .menu-section .hs-menu-wrapper > ul > li{
  padding-right:20px;
} */

  .footer .container .col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* 
  .footer .container .form-section {
  background-color: #f1f2f2;
} */

  .footer .container .form-section form .hs-input {
    background: none;
  }
  .footer .container .form-section .form-title {
    margin-top: 20px;
    background: none;
    text-align: center;
  }
  .footer .container .form-section form {
    max-width: 70%;
    margin: 0 auto;
    padding-bottom: 64px;
  }
  /*   .footer .form-section form fieldset.form-columns-2>div {
  width: 100%;
}
  .footer .form-section form fieldset.form-columns-2 {
  display: block;
} */
  /*   .footer .menu-section .hs-menu-wrapper>ul {
  text-align: center;
} */

  .footer .menu-section .hs-menu-wrapper>ul>li {
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer .menu-section .hs-menu-wrapper>ul>li:not(:last-child) {
    margin-bottom: 30px;
  }
  .footer .logo_and_copyright .copyright_text {
    padding: 0;
    text-align: center;
    margin-top: 30px;
  }
  .footer .logo_and_copyright {
    display: block;
    text-align: center;
  }
  .footer .footer_social_links {
    padding: 10px 0;
  }
  .footer .footer_social_links ul {
    justify-content: center;
  }
  .footer .menu-section .hs-menu-wrapper > ul > li > ul > li {
    text-align: left;
  }
  .footer .container {
    padding:0;
  }
  .footer .container .row:first-child {
    border:none;
    padding-top :50px;
  }
  .footer .container .row {
    margin:0;
  }
  .footer .container .col {
    padding:0;
  }
  .footer .container .menu-section {
    border-top: 1px solid #000;
    max-width: 95% !important;
    margin: 0 auto;
    width: 100%;
    padding: 12px 30px 50px;
  }
  .footer .container .footer_bottom {
    padding: 0;
  }
  .footer .container .footer_bottom .logo,
  .footer .container .footer_bottom .right_sec {
    display: none;
  }
  .footer .container .footer_bottom .mobile_footer {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 50px;
  }
  .footer .container .footer_bottom .mobile_footer .footer_social_links {
    padding: 0;
  }
  .footer .container .footer_bottom .mobile_footer  .social_links {
    width: 100%;
    padding-bottom: 50px;
  }
  .footer .container .footer_bottom .mobile_footer .footer_social_links ul > li {
    padding: 0 20px;
  }
  .footer .container .footer_bottom .mobile_footer .copyright_mobile p {
    margin: 0;
    color: rgba(0,0,0,0.5);
    font-size:18px;
  }
  .footer .container .footer_bottom .mobile_footer .copyright_mobile {
    text-align: center;
    padding: 0 30px;
  }
  footer.footer .menu-section .mob_menu{
    display: block;
  }
  footer.footer .menu-section .desk_menu{
    display: none;
  }
  .footer .footer_social_links ul .share-item {
    padding: 0 15px;
  }
  .footer .footer_social_links ul .share-item:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid rgba(0, 0, 0, 0.5);
  }
  .footer .footer_social_links ul .share-item:first-child {
    padding-left: 0px;
  }
  .footer .container .form-section form {
    max-width: 80%;
  }
  .footer .container .footer_bottom .right_sec .privacy_menu ul {
    flex-direction: row;
    justify-content: center;
    padding-bottom: 40px;
    row-gap: 10px;
  }
  .footer .container .footer_bottom .right_sec .privacy_menu ul li {
    padding: 0 10px;
  }
  .footer .container .footer_bottom .right_sec {
    display: block;
  }
  .footer .container .footer_bottom .right_sec .copyright_text {
    display: none;
  }
}

@media screen and (max-width: 767px){
  .footer .container .footer_bottom .mobile_footer .copyright_mobile p{
    font-size: 15px;
  }
}

@media (max-width: 479px){
  .footer .form-section form fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
  }
  .footer .form-section form fieldset.form-columns-2 {
    display: block;
  }
  .footer .form-section form fieldset.form-columns-2 .hs-form-field:first-child {
    padding-right: 0px;
  }
  .footer .form-section form fieldset.form-columns-1 .hs-form-field .input,
  .footer .form-section form fieldset.form-columns-2 .hs-form-field .input {
    margin: 0;
  }
  .footer .form-section form fieldset.form-columns-2 .hs-form-field:last-child {
    padding-left: 0;
  }
  .footer .form-section form fieldset.form-columns-2 .hs-input,
  .footer .form-section form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
  }
  .back-to-top{
    right:20px;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

.hs-menu-children-wrapper.open-menu-list{
  display:none !important;
  opacity:0 !important;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* Hide from the pages */

.lang_zh-cn .bookmarks,
.lang_zh-tw .bookmarks,
.lang_ja-jp .bookmarks,
.lang_es .bookmarks{
  display: none;
}






/* Home page layout style */


.body-container .lead_text{
  font-size: 50px;
  font-weight: 500;
  display:inline-block;
  line-height:1;
  font-family: Riona Sans Medium, Helvetica, Arial, Lucida, sans-serif;
}



.header_bottom .container.full-width {
  padding: 15px 120px;
  display: flex;
  justify-content: space-between;
  align-items:center;
}

.breadcrumbs ul.hs-breadcrumb-menu >li {
  float: none;
  padding: 0 10px;
  padding-right: 0;
}

.breadcrumbs ul.hs-breadcrumb-menu {
  display: flex;
}

.breadcrumbs ul.hs-breadcrumb-menu > li > a {
  text-decoration: none;
  color: rgba(0,0,0,0.5);
}

.breadcrumbs ul.hs-breadcrumb-menu >li span{
  color: #000;
  font-weight: 500;
  font-family: Riona Sans Medium;
}

.breadcrumbs ul.hs-breadcrumb-menu >li:first-child {
  padding-left: 0;
}

.breadcrumbs ul.hs-breadcrumb-menu >li span.hs-breadcrumb-menu-divider:before {
  content: "/";
  color: rgba(0, 0, 0, 0.5);
}


/* .home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2:first-child {
display: none;
}

.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2{
flex: 0 0 14.28%;
max-width: 14.28%;
} */

.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2:first-child{
  display: none !important;
}

.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2:first-child .nav_inner:before,
.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2:first-child .nav_inner:after {
  content: none;
}

.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2:first-child .nav_inner {
  padding-top: 0;
}

/* .home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2.active-tab:first-child .nav_inner span {
color: #ff9800;
}
*/
.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2:first-child .nav_inner span {
  font-size: 24px;
}
.home_middle_sec .tabber_slider .slider-tab-navigation .slider_tab_slide.slide-2 {
  flex: 0 0 14.28%;
  max-width: 14.28%;
}



/* Genio Landing page 2025 style */

.gen_land_page .slider_nav_wrapper .slider-navigation .slider_nav_slide.nav_slid_3 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

/* .gen_land_page .home_page_wrapper .slider_nav_wrapper .slider_title {
display: none;
} */

.gen_land_page .home_page_wrapper .slider_nav_wrapper {
  padding: 0;
}

/* .gen_land_page .home_page_wrapper .slider_nav_wrapper .nav_inner {
padding-top: 0;
} */

.gen_land_page .home_page_wrapper .slider_nav_wrapper {
  top: -80px;
}


/* Kompanio Ultra Landing page style */







/* Chromebook page style */




.content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left:before{
  background:none !important;
  background-position: right center;
}

.content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left {
  position: relative;
  min-height: 510px;
  background-position: 50% center;
}

/* Hide style */

.hide_on_live{
  display:none;
}



/* PBM page style */

.pbm_home_page .tabber_slider .slider-tab-navigation .slider_tab_slide {
  flex: 0 0 16.7%;
  max-width: 16.7%;
}



.pbm_home_page .content_with_bg.two_col_left.style_dark{
  background-position:center center;
}





/* About page style */


.page_tabs {
  padding: 20px 80px;
  background-color: #FF9800;
}

.page_tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page_tabs ul li:not(:last-child) {
  padding-right: 40px;
}

.page_tabs ul li a {
  color: #fff;
  text-decoration: none;
  text-transform:uppercase;
}

.banner_tabber .banner_tab_content {
  display: none;
}

.banner_tabber .banner_tab_content.active{
  display:block;
}

.single_col_text_inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 56.25rem;
  padding-top: 90px;
}
.single_col_text_inner .hs_cos_wrapper ul {
  padding-left: 20px;
}

.company_main_cat .cm_cat_tab.style_two_col_full_wid.theme_light .slider_nav_wrapper .nav_inner .slider_title {
  color: #fff;
}


.desk_menu ul.foot_soc_wrap {
  position:relative;
  z-index:10;
}


/* 404 page */
.cm_404_main_wrap .cm_404_img img {
  height: auto;
  width: 100%;
  max-width: 150px;
}
.cm_404_main_wrap .cm_404_main {
  text-align: center;
}
.cm_404_main_wrap .cm_404_cont {
  padding-top: 0px;
}
.cm_404_main_wrap .page-center {
  padding: 90px 20px;
}
.cm_404_main_wrap .cm_404_cont p {
  font-family: Riona Sans Light, sans-serif;
}
.cm_404_search {
  margin: 90px auto 60px;
  max-width: 700px;
}
.cm_404_search form {
  position: relative;
}
.cm_404_search form input[type=text] {
  background-color: #e4e5e6;
  border: none;
  border-radius: 50px;
  font-family: Riona Sans Regular;
  font-size: 16px;
  padding: 14px 20px;
  padding-left: 50px;
  width: 100%;
  transition: all .2s ease-in-out;
}
.cm_404_site .btn_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cm_404_site .back_btn button {
  background-color: #fff;
  border: none;
  color: #000;
  font-family: Riona Sans Regular;
  padding: 0px;
  padding-right: 40px;
}
.cm_404_site .hm_btn a {
  background-color: #ff9800;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  padding: 5px 21px;
  text-decoration: none;
  text-transform: capitalize;
}
.cm_404_search form input[type=text]:focus {
  outline: none;
  border: none;
}
.cm_404_search .hs-search-field--open .hs-search-field__suggestions {
  width: 100%;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  top: 40px;
  border-radius: 20px;
}
.cm_404_search form button {
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 26px;
  transform: translateY(-50%);
  left: 20px;
}
.cm_404_search form button svg {
  height: 18px;
}
.cm_404_main_wrap {
  border-top: 1px solid #000;
}
.cm_404_search .hs-search-field--open .hs-search-field__suggestions li#results-for {
  color: #fff;
  /* text-align: left; 
  padding-left: 20px; */
}

html[lang="de"] .header_bottom.com_lev,
html[lang="fr"] .header_bottom.com_lev,
html[lang="id"] .header_bottom.com_lev{
  display: none;
}


/* Location page */
@media (min-width: 768px){
  .two_col_loc_acc_wrapper{
    display: none;
  } 
}

@media screen and (min-width:1101px){
  .pbm_home_page .content_with_bg.two_col_right.style_light.wht_txt h2 {
    color: #fff;
  }

  .pbm_home_page .content_with_bg.two_col_right.style_light.wht_txt .btn-wrap a {
    background-color: #fff;
    color: #000;
  }

}

/* Tech diaries page */

.tech_diaries_page  .bottom_section .cards_slider_prod .cards_sec_title h2 {
  text-align: center;
}


/* D9400 Campaign page style */

.camp_page .full_width-img_content.img_btm .cm_inner .full_width_img {
  max-width: 100%;
}

.camp_page .content_with_img-slider .item_slide .item_slide_inner{
  justify-content: space-between;
}



/* Exec talk page style */



@media screen and (max-width:1580px){

  /* Discover page tabber style */

  .discover_tabber.style_two_col_full_wid .cate_tab_slider .home-slide .col_slide.home-slide_content {
    padding-right: 64px;
  }

  .discover_tabber .slider_nav_wrapper .slider-navigation {
    flex-wrap: wrap;
  }

  .discover_tabber .slider_nav_wrapper .slider-navigation .slider_nav_slide {
    margin-bottom: 10px;
  }

  .discover_tabber .slider_nav_wrapper .slider-navigation {
    margin-bottom: -10px;
  }

  .pbm_home_page .content_with_bg.two_col_right.style_light{
    background-position:23% center;
  }

}



@media screen and (max-width:1100px){

  .pbm_home_page .content_with_bg.two_col_left.style_dark,
  .pbm_home_page .content_with_bg.two_col_right.style_light{
    background-image: none !important;
    flex-wrap: wrap;
    padding: 0;
    background-color:#000 !important;
  }
  .pbm_home_page .content_with_bg.two_col_left.style_dark .page-center .content-col, 
  .pbm_home_page .content_with_bg.two_col_right.style_light .page-center .content-col {
    max-width: 100%;
    flex:0 0 100%;
  }

  .pbm_home_page .content_with_bg.two_col_left.style_dark .page-center .blank_space,
  .pbm_home_page .content_with_bg.two_col_left.style_dark .page-center .left_space,
  .pbm_home_page .content_with_bg.two_col_right.style_light .page-center .blank_space,
  .pbm_home_page .content_with_bg.two_col_right.style_light .page-center .left_space{
    display:none;
  }

  .pbm_home_page .content_with_bg.two_col_left.style_dark:before,
  .pbm_home_page .content_with_bg.two_col_right.style_light:before{
    content: none;
  }

  .pbm_home_page .content_with_bg.two_col_left.style_dark .mobile_bg_img,
  .pbm_home_page .content_with_bg.two_col_right.style_light .mobile_bg_img{
    display: block;
    width: 100%;
    position:static;
    z-index:1;
  }

  .pbm_home_page .content_with_bg.two_col_left.style_dark .mobile_bg_img img,
  .pbm_home_page .content_with_bg.two_col_right.style_light .mobile_bg_img img{
    width: 100%;
  }

  .pbm_home_page .content_with_bg.two_col_left.style_dark .page-center,
  .pbm_home_page .content_with_bg.two_col_right.style_light .page-center{
    max-width: 100%;
    padding: 60px 30px;
  }

  .pbm_home_page .content_with_bg.two_col_right.style_light.wht_txt h2,
  .pbm_home_page .content_with_bg.two_col_right.style_light.wht_txt p{
    color: #fff;
  }


  .content_with_bg.two_col_right.ultra_camp_page:before {
    content: none;
  }



}



@media (max-width: 767px){
  .location_wrapper_loc_page{
    display: none;
  } 




}

a.no_link {
  color: #000 !important;
  pointer-events:none;
}

@keyframes pulsebtt {
  0% {
    box-shadow: 0 0 0 0 #4c4c4c;
  }

  70% {
    box-shadow: 0 0 0 10px rgba(76, 76, 76, 0);
  }

  to {
    box-shadow: 0 0 0 0 rgba(76, 76, 76, 0);
  }
}


@keyframes pulse512 {
  0% {
    box-shadow: 0 0 0 0 #f39a1e66;
  }

  70% {
    box-shadow: 0 0 0 10px rgba(218,103,68,0);
  }

  to {
    box-shadow: 0 0 0 0 rgba(218,103,68,0);
  }
}


/* Sub-Category home page for first review */
.sub_cat .button-wrapper a.button {
  text-decoration: none;
  font-weight: 400;
}




/* IDN page style */

.blogs_wrapper {
  padding: 90px 0 90px;
  background-color: #F1F2F2;
}
.blogs_wrapper .cards_slider_prod .cards_sec_title{
  text-align:center !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 56.25rem;
  padding-left:0;
  padding-right:0;
}



/* Event page style */

.incredible_awrads_tabber .awrards_intro_content p{
  max-width:100% !important;
}

.incredible_awrads_tabber .awrards_intro_content{
  padding:0 !important;
  margin-bottom:60px;
}

.devices_slider .device_slide .device_slider_inner:before {
  background: #0C0C0C !important;
  background: linear-gradient(to top left, #0C0C0C 14%, #4B4B4D 100%, #0C0C0C 86%, #000000 82%) !important;
  border: 2px solid #afb4b7;
}

.event_bg_wrapper{
  background: #0C0C0C;
  background: linear-gradient(to top left, #0C0C0C 0%, #4B4B4D 16%, #0C0C0C 84%, #000000 100%);
}




/* PBM Influencers page style */

.pbm_page_tabber .pbm_page_content {
  display: none;
}

.pbm_page_tabber .pbm_page_content.active {
  display: block;
}



.pbm_page_tabber .pbm_tabber_list {
  padding: 90px 0;
  text-align: center;
}

.pbm_page_tabber .pbm_tabber_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pbm_page_tabber .pbm_tabber_list ul li {
  padding: 0 40px;
  position: relative;
}

.pbm_page_tabber .pbm_tabber_list ul li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 1.0);
  font-family: Riona Sans Regular, sans-serif;
  font-size: 44px;
  font-weight: 500;
}

.pbm_page_tabber .pbm_tabber_list ul li:not(:last-child):before {
  content: "";
  width: 2px;
  height: 84%;
  position: absolute;
  right: 0;
  top: 4px;
  background-color: #000;
}

.pbm_page_tabber .pbm_tabber_list ul li a.active {
  color: #ff9800;
}




/* Exec Talk page style */

.camp_page .blog_card_section .slick-track {
  display: block !important;
}

.camp_page .blog_cards_wrapper .blog-item{
  max-width:100%;
}

.camp_page .blog_cards_wrapper .blog-item .blog-item-inner .blog-img img {
  max-height: unset;
  min-height: unset;
  object-fit: unset;
}

@media screen and (min-width:768px){
  .microsite_event_page .top_sec .content_with_bg.full_width .sec_title {
    max-width: 58rem;
  }

  .devices_slider .devices_content,
  .incredible_awrads_tabber .awrards_intro_content{
    margin-left: auto;
    margin-right: auto;
    max-width: 56.25rem;
  }

}



@media screen and (min-width:1141px){
  .pbm_home_page .tabber_slider .main_tab_slide_inner .slide-left h3 {
    display: none;
  }
}



@media screen and (max-width:1290px){
  .content_with_bg.two_col_right.ultra_camp_page {
    background-position: 30% 100%;
  }
}




@media screen and (max-width:1280px){
  .content_with_bg.two_col_right.style_light.wht_txt{
    background-position:30% center;
  }
}



@media screen and (max-width:767px){
  .blogs_wrapper {
    padding: 64px 0px;
  }
  .blogs_wrapper .cards_slider_prod .cards_sec_title{
    padding: 0 30px;
  }
  .blogs_wrapper .cards_slider_prod .cards_sec_title h2{
    margin-bottom: 24px;
  }
}



/* @media screen and (max-width:1200px){
.header_bottom .container.full-width {
padding: 15px 40px;
}
}
*/



/* Dynamic page style */

.investor_news_dynamic_wrapper {
  padding: 90px 0 0;
}
.breadcrumbs.dynamic_breadcrumbs ul.hs-breadcrumb-menu >li.last-crumb span {
  font-weight: normal;
  font-family: 'Riona Sans Light';
  color: rgba(0,0,0,0.5);
}

/* slick Slider CSS default */

/* .slick-slider {
margin-bottom: 0px !important;
}
*/




@media screen and (max-width:1250px) and (min-width:768px){
  .bookmarks ul li a {
    font-size: 14px;
  }

  .breadcrumbs ul.hs-breadcrumb-menu > li > a,
  .breadcrumbs ul.hs-breadcrumb-menu > li span {
    font-size: 12px;
  }

  .bookmarks ul li {
    padding: 0 10px !important;
  }

  .header .header-container, .header_bottom .container.full-width {
    padding-left: 60px;
    padding-right: 60px;
  }

}



@media screen and (max-width:1180px){
  .tech_diaries_page  .bottom_section .cards_slider_prod .slick-dots{
    margin:0;
  }
  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left {
    background-position: 70% center;
  }
  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left:before{
    background:none !important;
  }
  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left .page-center .content-col{
    flex: 0 0 45%;
    max-width: 45%;
  }
}

@media screen and (max-width:1024px) and (min-width:768px){

  .pbm_page_tabber .pbm_tabber_list ul li a{
    font-size:35px;
  }

  .header .header-container,
  .header_bottom .container.full-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .bookmarks ul li a {
    font-size: 12px;
  }

  .hero-banner.overlay.tech-diaries:before {
    content: "";
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }


  .breadcrumbs ul.hs-breadcrumb-menu > li > a,
  .breadcrumbs ul.hs-breadcrumb-menu > li span {
    font-size: 12px;
  }
  .bookmarks ul li:not(:last-child) {
    padding-right: 0 !important;
  }

  .content_with_bg.two_col_right.ultra_camp_page .page-center .content-col {
    flex: 0 0 45%;
    max-width: 45%;
    text-align:left;
  }

  .content_with_bg.two_col_right.ultra_camp_page .page-center {
    flex-direction: row-reverse;
  }

  .content_with_bg.two_col_right.ultra_camp_page .page-center .blank_space {
    display: none;
  }


}

@media screen and (max-width:800px){
  .pbm_home_page .content_with_bg.two_col_left .sec_title,
  .pbm_home_page .content_with_bg.two_col_right .sec_title{
    text-align:left !important;
  }
}


@media (max-width: 767px){
  .header_bottom .container.full-width {
    flex-direction: column;
    gap: 0;
    padding: 15px 20px;
  } 
  .breadcrumbs ul.hs-breadcrumb-menu {
    display: flex;
    align-items: center;
  }
  .body-container .lead_text {
    font-size: 24px;
  }

  .breadcrumbs ul.hs-breadcrumb-menu > li > a,
  .breadcrumbs ul.hs-breadcrumb-menu > li span {
    font-size: 12px;
  }
  .single_col_text_inner {
    padding: 64px 30px 50px;
  }
  .hero-banner.overlay.tech-diaries:before {
    content: "";
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}


@media screen and (max-width:767px){


  .mobile_hide{
    display:none;
  }

  .pbm_home_page .tabber_slider .main_tab_slide_inner .slide-left .slide_content h2 {
    font-size: 24px;
  }

  .pbm_home_page .tabber_slider .main_tab_slide_inner .slide-left h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .pbm_home_page .tabber_slider.type_1 .main_tab_slide_inner .slide-left p {
    margin-bottom: 0;
  }



  .pbm_page_tabber .pbm_tabber_list {
    padding: 64px 30px;
  }

  .pbm_page_tabber .pbm_tabber_list ul li {
    padding: 0 20px;
  }

  .pbm_page_tabber .pbm_tabber_list ul li a {
    font-size: 24px;
  }

  .pbm_page_content_warpper .social_content {
    padding: 0 30px;
  }


  .bottom_sec .widget-type-rich_text h2 br {
    display: none;
  }

  .camp_page .full_width-img_content.img_btm {
    padding-right: 0;
    padding-left: 0;
  }

  .camp_page .full_width-img_content.img_btm  .sec_title_wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  /*   Chromebook page mobile style */

  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left.mobile_img:before {
    background: none;
  }

  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left.mobile_img .content-col {
    padding: 40px 30px;
  }

  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left.mobile_img {
    display: flex;
    flex-wrap: wrap;
  }
  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left.mobile_img .mobile_bg_img {
    position: static;
    height: 100%;
    width: 100%;
    z-index:1;
    order: 1;
  }

  .content_with_bg_wrapper.camp_pge .content_with_img.content_with_bg.two_col_left.mobile_img {
    padding: 0;
    height: auto;
    background-color: #000 !important;
  }


  .pbm_home_page .tabber_slider .main_tab_slide_inner .slide-left .button_wrap a {
    top: 22px;
  }


  .content_with_bg.two_col_right.ultra_camp_page {
    padding: 0 !important;
    height: auto;
    background-color: #000 !important;
    display: flex;
    flex-direction: column;
  }

  .content_with_bg.two_col_right.ultra_camp_page:before {
    content: none !important;
  }

  .content_with_bg.two_col_right.ultra_camp_page .mobile_bg_img {
    position: static;
    height: 100%;
    width: 100%;
    z-index: 1;
    order: 1;
  }

  .content_with_bg.two_col_right.ultra_camp_page .page-center .content-col {
    padding: 40px 30px;
  }


}


/* Template CSS */

/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.7rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}


/* Search result page */


.search_results_wrapper {
  padding-top: 100px;
}

.search_results_wrapper h1.page-title {
  text-align: center;
}

.search_results_wrapper .search_input_type {
  margin: 0 auto;
  max-width: 60%;
}

.search_results_wrapper .search_input_type input.hs-search-field__input {
  background-color: #E4E5E6;
  border: none;
  border-radius: 30px;
  padding: 15px 30px 15px 50px;
  font-size: 16px;
  outline:none;
}

.systems-page--search-results {
  padding: 100px 0 0;
}

.systems-page--search-results h2 {
  text-align: center;
}

.systems-page--search-results .hs-search-results__listing li:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
}

.systems-page--search-results .hs-search-results__listing li a {
  font-size: 24px;
  text-decoration: none;
  color: #000;
  margin-bottom: 20px;
  display: block;
}

.systems-page--search-results .hs-search-results__listing {
  padding-top: 100px;
}

.hs-search-results__pagination a.hs-search-results__next-page,
.hs-search-results__pagination a.hs-search-results__prev-page{
  text-decoration: none;
  background-color: #ff9800;
  color: #fff;
  padding: 8px 11px;
  border-radius: 30px;
}

.search_results_wrapper .search_input_type form button {
  border: none;
  background: none;
  padding: 14px 15px;
  position: absolute;
  left: 0;
}

.search_results_wrapper .search_input_type form button span{
  display:none;
}

.search_results_wrapper .search_input_type form {
  position: relative;
}

.search_results_wrapper .search_input_type form button span svg {
  display: none;
}

.search_results_wrapper .search_input_type form button svg {
  height: 20px;
}

.search_results_wrapper .search_input_type form span.clear_input {
  position: absolute;
  padding: 14px 15px;
  right: 10px;
  top: 1px;
  cursor:pointer;
}
.search_results_wrapper .search_input_type form span.clear_input svg{
  height:20px;
}
.search_input_type .hs-search-field--open .hs-search-field__suggestions {
  width: 100%;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  top: 40px;
  border-radius: 20px;
}


/* Additional CSS
Add the CSS in one file
*/

/* Blog breadcrumb style */


.hs-blog-post .header_bottom .breadcrumbs ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: flex;
}

.hs-blog-post .header_bottom .breadcrumbs ul li {
  padding: 0 10px;
  padding-right: 0;
}

.hs-blog-post .header_bottom .breadcrumbs ul li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

.hs-blog-post .header_bottom .breadcrumbs ul li:not(:last-child):after {
  content: "/";
  padding-left: 10px;
}

/* Blog Post page style */



/* Blockquote post style */


.hs-blog-post blockquote,
.blog-bottom-text blockquote{
  border-left: 10px solid #878787;
  margin: 60px 0;
  position: relative;
  padding: 40px 50px;
  background-color: #EFEFEF;
}

.hs-blog-post blockquote:before,
.blog-bottom-text blockquote:before{
  content: "";
  background-image: url('//i.mediatek.com/hubfs/MediaTek_Mar_2024/images/Quote.png');
  position: absolute;
  width: 43px;
  height: 35px;
  top: 0;
  left: -11px;
}

.hs-blog-post blockquote p:last-of-type:{
  margin-bottom:0;
}

.blog-post-page .blog-content ol li:not(:last-child) {
  margin-bottom: 15px;
}

.blog-post-page .blog-content ul{
  font-family: Riona Sans Extra Light, Helvetica, Arial, Lucida, sans-serif;
}

.post_top_section {
  margin-left: auto;
  margin-right: auto;
  max-width: 64rem;
  padding-bottom: 90px;
}

.post_top_section {
  margin-left: auto;
  margin-right: auto;
  max-width: 64rem;
}

.post_top_section .blog-post__tags a {
  text-decoration: none;
  background-color: #E4E5E6;
  color: #000;
  padding: 5px 16px;
  border-radius: 30px;
  margin-right:10px;
  display:inline-block;
}
.post_top_section .blog-post__tags a:not(:last-child){
  margin-right:10px;
}

.blog-post-page {
  padding-top: 90px;
}

.post_top_section .blog-post__tags {
  margin-bottom: 40px;
}

.post_top_section h1 {
  margin-bottom: 10px;
}

.post_top_section .post_date {
  color: rgba(0,0,0,0.5);
}

.blog-layouts-wrapper {
  position: relative;
}

.blog-post-page.cm_no_feat .post_top_section {
  padding-bottom: 0px;
}

/* .blog-layouts-wrapper .post_feature_img {
position: relative;
height: 680px;
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
} */

.blog-content {
  padding-top: 90px;
  max-width: 1024px;
  margin: 0 auto;
  width:100%;
}

.social_share {
  position: sticky;
  top: 90px;
  padding-top: 90px;
}

.blog-post-page:not(.pr_blog_post) .social_share{
  height: 100%;
}

.blog-layouts-wrapper .post_main_content {
  display: flex;
  flex-wrap: nowrap;
}

.social_share .share-item a {
  font-size: 30px;
  color: #000;
  display: inline-block;
}

.social_share .share-item {
  text-align: center;
  padding: 10px 0px;
}

.social_share .share-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.social_share .share-item span.copied_text {
  position: absolute;
  bottom: -40px;
  left: -30px;
  width: 90px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.1);
  padding: 8px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.4s ease;
  visibility: hidden;
  pointer-events: none;
}

.social_share .share-item.link_copied span.copied_text{
  opacity: 1;
  transition: opacity 0.4s ease;
  visibility: visible;
  pointer-events:auto;
}

.social_share .share-item span.copied_text:before {
  border-style: solid;
  border-width: 11px;
  border-color: rgba(0,0,0,0.1);
  content: "";
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  position: absolute;
  top: -22px;
  left: 31px;
}

.blog-layouts-wrapper .post_feature_img {
  max-width: 1024px;
  margin: 0 auto;
}

.blog-layouts-wrapper .post_feature_img img {
  border-radius: 30px;
}

.progressBar {
  height: 10px;
  background-color: #FF9800;
  width: 0%;
  position: sticky;
  top: 53px;
  z-index:10;
  max-width: 100%;
}




/* Related posts style */


.related_posts_wrapper {
  padding-top: 90px;
  padding-left: 60px;
  padding-right: 60px;
}

.related_posts_wrapper section.blog-related-posts {
  padding-top: 90px;
  border-top: 1px solid #000;
}

.related_posts_wrapper section.blog-related-posts h2 {
  margin-bottom: 35px;
}

/* .blog-related-posts .blog-related-posts__list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
} */

.blog-related-posts .blog-related-posts__list .slick-track {
  display: flex !important;
  margin: 0 -15px;
}

.blog-related-posts .blog-related-posts__list article {
  border: 1px solid #999;
  border-radius: 10px;
  height: inherit !important;
  margin: 0 15px;
  overflow: hidden;
  padding: 0;
}

.blog-related-posts .blog-related-posts__list article .blog_related_posts_inner{
  height: 100%;
  display: flex;
  flex-direction: column;

  display: block;
}
.blog-related-posts .blog-related-posts__list article .blog_related_posts_inner > a{
  display: block;
  height: 100%;
  text-decoration: none;
}

.blog-related-posts .blog-related-posts__list article .blog-related-posts__post-image-wrapper {
  display: block;
  min-height: 250px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.blog-related-posts .blog-related-posts__list article .blog-related-posts__post-image-wrapper img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.blog-related-posts .blog-related-posts__list article .blog-related-posts__content {
  background-color: #ffffff;
  color: #fff;
  padding: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;

  flex: 0 0 auto;
  /*   padding-bottom: 5px; */
}

.blog-related-posts .blog-related-posts__list article .blog-related-posts__content .blog-related-date {
  color: rgba(0,0,0,0.5);
}

.blog-related-posts .blog-related-posts__list article .blog-related-posts__title {
  margin-bottom: 24px;

  margin-bottom: 0px;
}
.blog-related-posts .blog-related-posts__list article .blog-related-posts__title h3{
  margin-bottom: 0px;
  margin-top: 16px;
}

.blog-related-posts .blog-related-posts__list article h3 a {
  text-decoration: none;
  color: #000;
  height: -webkit-fill-available;
  display:block;
  transition: 0.2s all ease-in-out;
}
.blog-related-posts .blog-related-posts__list article h3 a:hover {
  color: #ff9800;
  transition: 0.2s all ease-in-out;
}

.blog-related-posts .blog-related-posts__list article h3 a:first-letter {
  text-transform: uppercase;
}
.post_top_section .blog-post__tags a.feature {
  display: none;
}


.related_posts_wrapper .slick-arrow {
  z-index: 10;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  cursor: pointer;
  display: block;
  background-color: #ff9800;
  border-radius: 30px;
  color: #fff;
  font-size: inherit;
  height: 35px;
  top: 58%;
  width: 35px;
}
.related_posts_wrapper .slick-arrow::before {
  display: none;
}
.related_posts_wrapper .slick-arrow.slick-disabled {
  display: none !important;
}
.related_posts_wrapper .slick-arrow.slick-prev {
  left: -50px;
}
.related_posts_wrapper .slick-arrow.slick-next {
  right: -30px;
}
.blog-post-page .blog-content {
  margin: 0 auto;
  max-width: 56.25rem;
}

.blog-layouts-wrapper .post_feature_img {
  margin: 0 auto;
  max-width: 56.25rem;
}
.post_top_section .page-center > h1 {
  font-size: 35px;
  font-family: 'Riona Sans Light';
}
.blog-post-page .blog-content .hs-embed-wrapper {
  border-radius: 25px;
  overflow: hidden;
}


@media screen and (min-width:1025px){
  .post_top_section .page-center {
    margin: 0 auto;
    max-width: 56.25rem;
  }
}



@media screen and (max-width:767px){
  .blog-post-page {
    padding: 0;
  }

  .post_top_section {
    padding: 64px 30px;
    max-width:100%;
  }
  .blog-post-page .blog-content {
    padding: 64px 30px;
  }

  .blog-layouts-wrapper .post_feature_img {
    max-width: 100%;
    padding: 0 30px;
  }

  .hs-blog-post blockquote, 
  .blog-bottom-text blockquote {
    margin: 40px 0;
  }

  .related_posts_wrapper {
    padding: 0 0 64px;
  }

  .related_posts_wrapper section.blog-related-posts {
    padding: 64px 0 0;
  }

  .related_posts_wrapper section.blog-related-posts h2 {
    padding: 0 30px;
  }

  .blog-post-page:not(.pr_blog_post) .social_share{
    height: auto;
  }

  @supports (-webkit-hyphens: none) and (not (-ms-accelerator: true)) {
    /* Safari-specific override: undo the height */
    .blog-post-page:not(.pr_blog_post) .social_share {
      height: 100% !important;
    }
  }
}
.tek_blog .categories_wrapper .widget-module ul {
  list-style: none;
  display: flex;
  margin-bottom: 0px;
  align-items: center;
  border-radius: 0;
  padding: 0;
  flex-wrap:wrap;
  row-gap:20px;
}
.tek_blog .categories_wrapper .widget-module ul li {
  display: inline-block;
  padding: 0 15px;
  text-align: left;
}
.tek_blog .categories_wrapper .widget-module ul li:first-child a {
  align-items: center;
  display: flex;
  text-decoration: none;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.tek_blog .categories_wrapper .widget-module ul li a {
  background: #fff;
  border-radius: 50px;
  color: #b3b3b3;
  font-family: Riona Sans Light, sans-serif;
  font-size: 16px;
  padding: 8px 23px 7px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  border: 1px solid #b3b3b3;
  display:inline-block;
  line-height: 1;
}
.tek_blog .categories_wrapper .widget-module ul li:first-child a svg {
  height: 18px;
  margin-left: 15px;
  width: 18px;
}
.tek_blog .categories_wrapper .widget-module ul li:first-child a svg .cls-1 {
  stroke: #b3b3b3;
}
.tek_blog .categories_wrapper {
  padding: 24px 0;
  border-bottom: 1px solid #000;
}
.tek_blog .categories_wrapper .block h3 {
  display: none;
}
.tek_blog .categories_wrapper .widget-module ul li.act_tab a {
  background-color: #666666;
  transition: all .3s ease-in-out;
  color: #fff;
  border-color: #666666;
}
.tek_blog .categories_wrapper .widget-module ul li.act_tab:first-child a svg .cls-1 {
  stroke: #fff;
}
.tek_blog .blog-with-sidebar-wrapper {
  padding-top: 90px;
}
.tek_blog .blog-with-sidebar-wrapper .blg_sid_main {
  display: flex;
}
.tek_blog .blg_sid_main .blog-listing-content {
  max-width: 75%;
  flex: 0 0 75%;
  padding-right: 100px;
}
.tek_blog .blg_sid_main .blog-sidebar {
  max-width: 25%;
  flex: 0 0 25%;
}
.tek_blog .blg_sid_main .blog-index__post {
  padding-bottom: 90px;
  position: relative;
  margin-bottom: 90px;
}
.tek_blog .blg_sid_main .blog-index__post:before {
  position: absolute;
  height: 1px;
  width: 96%;
  background-color: #000;
  display: block;
  bottom: 0;
  left: 0;
  content: "";
}
.tek_blog .blg_sid_main .blog-index__post:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.tek_blog .blg_sid_main .blog-index__post:last-child:before {
  display: none;
}
.tek_blog .blg_sid_main .blog-index__post .blog-index__post-image {
  display: inline-block;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.tek_blog .blg_sid_main .blog-index__post .blog-index__post-image img {
  width: 100%;
  object-fit: cover;
}
.tek_blog .blg_sid_main .blog-index__post .blog-post__tags {
  padding: 38px 0 40px;
}
.tek_blog .blg_sid_main .blog-index__post .blog-post__tags a {
  text-decoration: none;
  color: #000;
  background: #e4e5e6;
  padding: 10px 20px;
  border-radius: 40px;
  display: inline-block;
}
.tek_blog .blg_sid_main .blog-index__post h2 a {
  color: #000;
  text-decoration: none;
}
.tek_blog .blg_sid_main .blog-index__post h2 {
  font-family: 'Riona Sans Light';
}
.tek_blog .blg_sid_main .blog-index__post .post_date {
  margin-bottom: 40px;
}
.tek_blog .blg_sid_main .blog-index__post .post_date p {
  margin-bottom: 0px;
}
.tek_blog .blg_sid_main .blog-index__post .post_summary p {
  font-family: 'Riona Sans Light';
}
.tek_blog .blg_sid_main .blog-index__post .blog-post__read-more a {
  background-color: #ff9800;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  padding: 5px 21px;
  text-decoration: none;
  text-transform: lowercase;
}
.tek_blog .blg_sid_main .blog-index__post .blog-post__read-more a:first-letter {
  text-transform: uppercase;
}
.tek_blog .blg_sid_main .blog-sidebar form {
  position: relative;
}
.tek_blog .blg_sid_main .blog-sidebar form input {
  background-color: #e4e5e6;
  border: none;
  border-radius: 50px;
  font-family: Riona Sans Regular;
  font-size: 16px;
  padding: 14px 20px;
  padding-left: 50px;
  width: 70%;
  transition: all .2s ease-in-out;
}
.tek_blog .blg_sid_main .blog-sidebar form input::-webkit-input-placeholder {
  color: #89898a;
}
.tek_blog .blg_sid_main .blog-sidebar form button {
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 26px;
  transform: translateY(-50%);
  left: 20px;
}
.tek_blog .blg_sid_main .blog-sidebar form button svg {
  height: 18px;
  width: 18px;
}
.tek_blog .blg_sid_main .blog-sidebar form input:focus {
  border: none;
  outline: none;
  width: 100%;
  transition: all .2s ease-in-out;
}
.tek_blog .blg_sid_main .blog-sidebar .hs-search-field--open .hs-search-field__suggestions {
  padding: 20px;
  margin-bottom: 40px;
}
.tek_blog .blg_sid_main .blog-sidebar .hs-search-field__suggestions li {
  margin-bottom: 8px;
}
.blog_sid_inn {
  position: sticky;
  top: 100px;
}


/* Search Suggestions style */


.tek_blog .blg_sid_main .blog-sidebar .hs-search-field--open .hs-search-field__suggestions #results-for {
  font-size: 20px;
  margin-bottom: 16px;
}
.tek_blog .blg_sid_main .blog-sidebar .hs-search-field__suggestions li a {
  color: #000;
  text-decoration: none;
  line-height: 1.3;
  transition: 0.2s all ease-in-out;
}
.tek_blog .blg_sid_main .blog-sidebar .hs-search-field__suggestions li a:hover {
  color: #ff9800;
  transition: 0.2s all ease-in-out;
}

.tek_blog .blg_sid_main .blog-sidebar .hs-search-field--open .hs-search-field__suggestions {
  z-index: 10;
  color: #fff;
  left: 0;
}

.tek_blog .blg_sid_main .blog-sidebar .hs-search-field--open .hs-search-field__suggestions li a {
  color: #fff;
}


.blog_sid_soc {
  padding-top: 64px;
}
.blog_sid_soc .social_share {
  padding-top: 20px;
  display: flex;
}
.blog_sid_soc .social_share .share-item:not(:last-child) {
  border-bottom: none;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0 20px;
}
.blog_sid_soc .social_share .share-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog_sid_soc .social_share .share-item:last-child {
  padding: 0 20px;
}
.tek_blog .blg_sid_main .blog-index__post .blog-post__tags a.feature {
  display: none;
}
.tek_blog .categories_wrapper .widget-module ul li.feature.act_tab {
  display: none;
}
.blog_sid_soc .social_share .share-item:first-child {
  padding-left: 0px;
}


.tek_blog .blg_sid_main .blog-index__post .no_tag_post {
  padding-top: 30px;
}


@media screen and (min-width:768px){
  .tek_blog .blg_sid_main .blog-index__post h2 {
    font-size: 35px;`
  }
}



@media screen and (max-width:1280px) and (min-width:1025px){
  .blog_sid_soc .social_share .share-item:not(:last-child),
  .blog_sid_soc .social_share .share-item:last-child {
    padding: 0 10px;
  }
}


@media screen and (max-width:1140px) and (min-width:1025px){
  .tek_blog .blg_sid_main .blog-listing-content {
    padding-right: 64px;
    max-width: 65%;
    flex: 0 0 65%;
  }

  .tek_blog .blg_sid_main .blog-sidebar {
    max-width: 35%;
    flex: 0 0 35%;
  }
}

@media screen and (max-width:1024px){
  .tek_blog .blg_sid_main .blog-listing-content{
    padding-right: 64px;
  }
}


@media screen and (max-width:767px){
  .tek_blog .blog-with-sidebar-wrapper {
    padding:  64px 30px;
  }

  .tek_blog .blg_sid_main .blog-listing-content {
    padding-right: 0;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .tek_blog .blog-with-sidebar-wrapper .blg_sid_main {
    flex-wrap: wrap;
  }

  .tek_blog .blg_sid_main .blog-sidebar {
    max-width: 100%;
    flex: 0 0 100%;
    padding-top:64px;
  }

  .tek_blog .blg_sid_main .blog-sidebar form input {
    width: 100%;
  }

  .tek_blog .categories_wrapper {
    padding: 64px 30px;
  }

  .tek_blog .blg_sid_main .blog-index__post {
    padding-bottom: 64px;
    margin-bottom: 64px;
  }
  .tek_blog .blg_sid_main .blog-index__post .blog-post__tags {
    padding: 15px 0;
  }

  .tek_blog .blg_sid_main .blog-index__post .blog-post__tags a {
    padding: 6px 12px;
  }

  .tek_blog .blg_sid_main .blog-index__post .post_date {
    margin-bottom: 20px;
  }



}



@media screen and (max-width:479px){
  .tek_blog .categories_wrapper .widget-module ul li a {
    padding: 5px 16px;
  }

  .tek_blog .categories_wrapper .widget-module ul li {
    padding: 0 5px;
  }

  .tek_blog .blg_sid_main .blog-index__post {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }


}
.pr_blog_banner .hero-banner.hero_banner .hero_banner_img {
  z-index: 0;
}
.pr_blog_banner .hero-banner .page-center {
  z-index: 0;
}
.pr_top_section {
  position: relative;
  border-bottom: 1px solid #000;
  padding: 24px 0;
}
.pr_top_section .page-center {
  display: flex;
  justify-content: space-between;
}
.pr_top_section .cm_blog_search form input {
  background-color: #e4e5e6;
  border: none;
  border-radius: 50px;
  padding: 15px 20px;
  font-family: 'Riona Sans Regular';
  font-size: 16px;
}
.pr_top_section .cm_blog_search form button {
  padding: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.pr_top_section .cm_blog_search form {
  position: relative;
  width: 310px;
}
.pr_top_section #year-filter {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
.pr_top_section #year-filter .old_item {
  display: none;
  position: relative;
}
.pr_top_section #year-filter li:nth-child(6) + .old_item {
  display: block;
}
.pr_top_section #year-filter .old_item ul {
  position: absolute;
  padding: 20px;
  list-style: none;
  background: #666666;
  top: 16px;
  left: 0;
  width: 100%;
  display: block;
  border-radius: 0px 0 20px 20px;
  display: none;
  z-index: 1;
}
.pr_top_section #year-filter li a {
  background: #fff;
  border-radius: 50px;
  color: #000;
  font-family: Riona Sans Light, sans-serif;
  font-size: 16px;
  padding: 10px 23px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}
.pr_top_section #year-filter > li.act_tab > a {
  background-color: #666666;
  transition: all .3s ease-in-out;
  color: #fff;
  border-color: #666666;
}
.pr_top_section #year-filter > li:first-child > a {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.pr_top_section #year-filter > li:first-child > a svg {
  height: 18px;
  margin-left: 11px;
  width: 18px;
}
.pr_top_section #year-filter > li:first-child > a svg .cls-1 {
  stroke: #000;
}
.pr_top_section #year-filter > li.act_tab:first-child > a svg .cls-1 {
  stroke: #fff;
}
.pr_top_section .cm_blog_search form button svg {
  height: 18px;
  width: 18px;
}
.pr_top_section .cm_blog_search form input::-webkit-input-placeholder {
  color: #89898a;
}
.pr_top_section .cm_blog_search form input:focus {
  outline: none;
  border: none;
}
.pr_top_section #year-filter > .old_item > a:after {
  content: "\f0da";
  font-family: Font Awesome\ 6 Free;
  -webkit-font-smoothing: antialiased;
  color: #000;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  margin-left: 12px;
  position: relative;
  text-rendering: auto;
  top: 0;
  transform: rotate(90deg);
  transition: all .4s ease-in-out;
}
.pr_top_section #year-filter > .old_item.act_tab > a:after{
  color: #fff;
  transition: all .4s ease-in-out;
  transform: rotate(270deg);
  top: 1px;
}
.pr_top_section #year-filter .old_item ul li:not(:last-child) {
  margin-bottom: 5px;
}
.pr_top_section #year-filter .old_item ul li a {
  background: #666666;
  padding: 10px 0;
  color: #fff;
}
.pr_top_section #year-filter .old_item ul li {
  display: block;
}
.cm_pr_listing .cm_main_listing {
  padding-top: 90px;
}
.cm_pr_listing .pr_listing_wrap {
  display: flex;
}
.cm_pr_listing .pr_main_listing {
  max-width: 75%;
  flex: 0 0 75%;
  padding-right: 100px;
}
.cm_pr_listing .pr_list_sid {
  max-width: 25%;
  flex: 0 0 25%;
}
.cm_pr_listing .pr_main_listing .pr-item {
  padding-bottom: 44px;
  position: relative;
  margin-bottom: 44px;
}
.cm_pr_listing .pr_main_listing .pr-item:before {
  position: absolute;
  height: 1px;
  width: 96%;
  background-color: #000;
  display: block;
  bottom: 0;
  left: 0;
  content: "";
}
.cm_pr_listing .pr_main_listing .pr-item .pr-item-title {
  font-family: 'Riona Sans Light';
  font-size: 30px;
}
.cm_pr_listing .pr_main_listing .pr-item .pr-item-title a {
  color: inherit;
  text-decoration: none;
}
.cm_pr_listing .pr-item .pr_item_date {
  margin-bottom: 24px;
}
.cm_pr_listing .pr-item .pr_item_date p {
  margin-bottom: 0px;
}
.cm_pr_listing .pr-item .pr_item_date p:first-letter {
  text-transform: uppercase;
}

.cm_pr_listing .pr-item .pr-item-excerpt {
  margin-bottom: 16px;
}
.cm_pr_listing .pr-item .pr_read_more a {
  background-color: #ff9800;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  padding: 5px 21px;
  text-decoration: none;
  text-transform: lowercase;
}
.cm_pr_listing .pr-item .pr_read_more a:first-letter {
  text-transform: uppercase;
}
.cm_pr_listing .pr_list_sid .pr_list_sid_inn {
  position: sticky;
  top: 100px;
}
.cm_pr_listing .pr_main_listing .pr-item:last-child:before {
  display: none;
}
.pr_blog_post .post_top_section .page-center {
  max-width: 1434px;
}
.pr_blog_post .post_top_section {
  max-width: 100%;
  padding-bottom: 0px;
}
.pr_blog_post .post_top_section > .page-center {
  max-width: 56.25rem;
  padding-left: 20px;
}
.pr_blog_post .post_top_section .post_date > i {
  position: relative;
  top: 0px;
  margin-right: 5px;
  color: #F79B00;
}
.pr_blog_post .post_top_section h1 {
  margin-bottom: 24px;
}
.pr_blog_post .blog-content {
  padding-top: 44px;
}
.cm_pr_listing .recent_posts .rec_post_item .post_image {
  display: none;
}
.pr_blog_post .blog-content strong {
  font-family: 'Riona Sans Regular';
  font-weight: 700;
}

.cm_pr_listing .social_share {
  height: auto;
  position: static;
}
.post_top_section .post_date span:first-letter,
.post_top_section .post_date p:first-letter{
  text-transform: uppercase;
}
.post_top_section .post_date p {
  display: inline-block;
  margin-bottom: 0px;
}
.cm_pr_listing .pr-item .pr_item_date p:first-letter {
  text-transform: uppercase;
}

@media screen and (min-width: 768px){
  .cm_pr_listing .share_btn,
  .share_btn{
    display: none;
  }
  .pr_blog_post .post_top_section .social_share {
    height: 100%;
  }
}

@media screen and (max-width: 1525px){
  .pr_blog_post .social_share {
    left: 8vw;
  }
}

@media screen and (max-width: 1200px){
  .pr_blog_post .blog-content,
  .pr_blog_post .post_top_section > .page-center{
    max-width: 42.25rem;
  }
}

@media screen and (max-width: 1024px){
  .cm_pr_listing .pr_main_listing {
    padding-right: 50px;
  }
  .blog_sid_soc .social_share {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .cm_pr_listing .pr_list_sid .pr_list_sid_inn {
    top: 50px;
  }
  .blog_sid_soc .social_share {
    padding-top: 0px;
  }
  .blog_sid_soc {
    padding-top: 44px;
  }
  .blog_sid_soc .social_share {
    row-gap: 10px;
  }
  .blog_sid_soc .social_share .share-item.linkedin_share {
    padding-left: 0px;
  }
}

@media screen and (max-width: 991px){
  .pr_top_section #year-filter > li > a {
    padding: 10px 15px;
  }
  .pr_blog_post .blog-content,
  .pr_blog_post .post_top_section > .page-center{
    max-width: 33.25rem;
  }
}

@media screen and (max-width: 861px){
  .blog_sid_soc .social_share .share-item.linkedin_share {
    padding-left: 20px;
  }
  .blog_sid_soc .social_share .share-item:not(:last-child) {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px){
  .blog_sid_soc .sid_soc_title {
    margin-top: 44px;
  }
  .cm_pr_listing .blog-pagination>div {
    display: flex;
  }
  .share_btn {
    display: none;
  }
  .pr_top_section {
    padding: 24px 30px;
  }
  .blog_sid_soc {
    padding: 0;
  }
  .cm_pr_listing .cm_main_listing {
    padding: 64px 30px 50px;
  }
  .cm_pr_listing .pr_listing_wrap {
    flex-direction: column;
    gap: 64px;
  }
  .cm_pr_listing .pr_main_listing {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
  }
  .cm_pr_listing .pr_list_sid {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cm_pr_listing .pr_main_listing .pr-item:last-child {
    margin-bottom: 0px;
  }
  .cm_pr_listing .blog-pagination {
    margin-top: 0px;
  }
  .cm_pr_listing .pr_main_listing .pr-item {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .cm_pr_listing .pr-item .pr_item_date {
    margin-bottom: 16px;
  }
  .recent_posts {
    gap: 16px;
  }
  .cm_pr_listing .pr_main_listing .pr-item .pr-item-title {
    font-size: 24px;
  }
  .cm_pr_listing .pr_list_sid .sec_title h3 {
    font-size: 24px;
  }
  .blog_sid_soc .sid_soc_title {
    font-size: 24px;
  }
  .blog_sid_soc .social_share .share-item:last-child {
    padding: 0 10px;
  }
  .pr_top_section #year-filter {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .pr_top_section #year-filter .old_item ul{
    z-index: 1;
  }
  .blog_soc_share .share_btn img{
    max-width: 23px;
  }
  .blog_soc_share .share_btn{
    display: inline-block;
    padding: 10px;
    background-color: #000;
    border-radius: 50%;
    position: fixed;
    bottom: 35px;
    left: 15px;
    z-index: 22;
    cursor: pointer;
  }
  .blog_soc_share .sid_soc_title{
    display: none;
  }
  .blog_soc_share .share_btn:hover{
    transition: 0.3s box-shadow ease-in-out;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .blog_soc_share .social_share .facebook_share {
    background-color: #000;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
  }
  .blog_soc_share .social_share .twitter_share{
    background-color: #000;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
  }
  .blog_soc_share .social_share .instagram_share {
    background-color: #000;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
  }
  .blog_soc_share .social_share .linkedin_share {
    background-color: #000;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
  }
  .blog_soc_share .social_share .youtube_share {
    background-color: #000;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  }
  .blog_soc_share .social_share .share-item {
    transform: scale(0);
    opacity: 0;
  }
  .blog_soc_share .social_share.open .share-item {
    transform: scale(1);
    opacity: 1;
    padding: 8px 10px;
    margin-bottom: 20px;
    border-radius: 50%;
    /* transform: translate(0px, -15px); */
  }
  .blog_soc_share .social_share .share-item a {
    font-size: 20px;
    position: relative;
    top: 1px;
  }
  .blog_soc_share .social_share.open .share-item.facebook_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
  }
  .blog_soc_share .social_share.open .share-item.twitter_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
  }
  .blog_soc_share .social_share.open .share-item.instagram_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
  }
  .blog_soc_share .social_share.open .share-item.linkedin_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
  }
  .blog_soc_share .social_share.open .share-item.youtube_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  }
  .blog-post-page.blog_soc_share .social_share .linkedin_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
    background-color: #000;
  }
  .blog-post-page.blog_soc_share .social_share.open .share-item.linkedin_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
  }
  .blog-post-page.blog_soc_share .social_share .email_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
    background-color: #000;
  }
  .blog-post-page.blog_soc_share .social_share.open .share-item.email_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
  }
  .blog-post-page.blog_soc_share .social_share .threads_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    background-color: #000;
  }
  .blog-post-page.blog_soc_share .social_share.open .share-item.threads_share{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  }
  .blog-post-page.blog_soc_share .social_share .copy_link{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s;
    background-color: #000;
  }
  .blog-post-page.blog_soc_share .social_share.open .share-item.copy_link{
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s;
  }
  .blog_soc_share .social_share .share-item a {
    color: #fff;
  }
  .blog_soc_share .social_share .share-item:not(:last-child) {
    border: none;
  }

  .blog_soc_share .social_share {
    row-gap: 0px;
    left: 5px;
    padding: 10px;
    position: fixed;
    bottom: 77px;
    z-index: 20;
    display: inline-block;
    top: unset;
    height: auto;
  }
}

@media screen and (max-width: 479px){
  .pr_top_section #year-filter > li > a {
    padding: 10px 13px;
  }
}

@media screen and (max-width: 362px){

}