/* Minification failed. Returning unminified contents.
(2644,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2660,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2676,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2684,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2692,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(19240,1): run-time error CSS1019: Unexpected token, found '}'
(19268,1): run-time error CSS1019: Unexpected token, found '}'
(19570,46): run-time error CSS1039: Token not allowed after unary operator: '-shad-blue-2'
(19659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19677,38): run-time error CSS1039: Token not allowed after unary operator: '-shad-blue'
(19682,42): run-time error CSS1039: Token not allowed after unary operator: '-shad-blue-2'
(19689,39): run-time error CSS1039: Token not allowed after unary operator: '-shad-aqua'
(19693,43): run-time error CSS1039: Token not allowed after unary operator: '-shad-aqua-2'
(19709,17): run-time error CSS1039: Token not allowed after unary operator: '-mid-blue'
(20344,1): run-time error CSS1019: Unexpected token, found '@import'
(20344,9): run-time error CSS1019: Unexpected token, found '"https://www.e2language.com/Content/css"'
(21907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21908,8): run-time error CSS1035: Expected colon, found '{'
 */
/*! normalize.css v8.0.0 | 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
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, 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: bolder;
}

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

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* 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 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*
	Description: E2Language Website
	Version: 1.0
	Author: Rod Sot
	Author URI: http://rodsot.com/web-designer
*/
/*--------

    CONTENT INDEX

    1. GLOBAL
    2. FONTS
    3. STRUCTURE AND GENERAL STYLES
    4. FLEXGRID
    5. COLORS AND SPECIFIC STYLES
    6. HEADER
    7. GENERAL WEBSITE
    8. TABLES
    9. BUTTONS
    10. FOOTER
    11. FORMS
    12. OTHER
    13. RESPONSIVE
    14. MISC
    15. PRINT

----------*/
/*------------------------------------*\
    1. GLOBAL
\*------------------------------------*/
/* global box-sizing */
*, *:after, *:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased; /*font-smoothing:antialiased;text-rendering:optimizeLegibility;*/
}

html {
    font-size: 87.5%;
}
/* 100% = 16px = 1 rem / In this case 1 rem = 15px */
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #0E2653;
    background: white;
    line-height: 1.2;
}


img {
    max-width: 100%;
    height: 300px;
}

a {
    color: blue;
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease;
}

    a:hover {
        opacity: 0.5;
        transition: all .2s ease;
    }

    a:focus, a:hover, a:active, input:focus, textarea:focus, select:focus {
        outline: 0;
    }

p, li {
    font-size: 1rem;
}

p {
    line-height: 1.7;
}

a.reset-hover:hover {
    opacity: initial;
}
/* Reset Hover opacity by default */

/*------------------------------------*\
    2. FONTS
\*------------------------------------*/


/*------------------------------------*\
    3. STRUCTURE AND GENERAL STYLES
\*------------------------------------*/
.wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.wrapper-1400 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.wrapper-absolute {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
}

/* Width Columns */
.col-5 {
    width: 5%;
}

.col-10 {
    width: 10%;
}

.col-15 {
    width: 15%;
}

.col-20 {
    width: 20%;
}

.col-16 {
    width: 16.6%;
}

/* Five Columns */
.col-25 {
    width: 25%;
}
/* Four Columns */
.col-30 {
    width: 30%;
}

.col-33 {
    width: 33.3%;
}
/* Three Columns */
.col-35 {
    width: 35%;
}

.col-40 {
    width: 40%;
}

.col-45 {
    width: 45%;
}

.col-50 {
    width: 50%;
}
/* Two Columns */
.col-55 {
    width: 55%;
}

.col-60 {
    width: 60%;
}

.col-65 {
    width: 65%;
}

.col-66 {
    width: 66.6%
}
/* Two Columns Size + One Column */
.col-70 {
    width: 70%;
}

.col-75 {
    width: 75%;
}

.col-80 {
    width: 80%;
}

.col-85 {
    width: 85%;
}

.col-90 {
    width: 90%;
}

.col-95 {
    width: 95%;
}

.col-100 {
    width: 100%;
}

.col-auto {
    width: auto;
}

/* Offsets Columns */
.col-offset-0 {
    margin-left: 0;
}

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

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

.col-offset-15 {
    margin-left: 15%;
}

.col-offset-20 {
    margin-left: 20%;
}

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

.col-offset-30 {
    margin-left: 30%;
}

.col-offset-33 {
    margin-left: 33.3%;
}

.col-offset-35 {
    margin-left: 35%;
}

.col-offset-40 {
    margin-left: 40%;
}

.col-offset-45 {
    margin-left: 45%;
}

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

.col-offset-55 {
    margin-left: 55%;
}

.col-offset-60 {
    margin-left: 60%;
}

.col-offset-65 {
    margin-left: 65%;
}

.col-offset-70 {
    margin-left: 70%;
}

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

.col-offset-80 {
    margin-left: 80%;
}

.col-offset-85 {
    margin-left: 85%;
}

.col-offset-90 {
    margin-left: 90%;
}

.col-offset-95 {
    margin-left: 95%;
}

.col-offset-100 {
    margin-left: 100%;
}

/* Wrap Columns borders */
.wrap-0r {
    margin-left: 0rem;
    margin-right: 0rem;
}

.wrap-0_5r {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.wrap-1r {
    margin-left: -1rem;
    margin-right: -1rem;
}

.wrap-2r {
    margin-left: -2rem;
    margin-right: -2rem;
}

.wrap-3r {
    margin-left: -3rem;
    margin-right: -3rem;
}

.wrap-4r {
    margin-left: -4rem;
    margin-right: -4rem;
}

.wrap-5r {
    margin-left: -5rem;
    margin-right: -5rem;
}

.wrap-6r {
    margin-left: -6rem;
    margin-right: -6rem;
}

.wrap-tb-0r {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.wrap-tb-0_5r {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.wrap-tb-1r {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.wrap-tb-2r {
    margin-top: -2rem;
    margin-bottom: -2rem;
}

.wrap-tb-3r {
    margin-top: -3rem;
    margin-bottom: -3rem;
}

.wrap-tb-4r {
    margin-top: -4rem;
    margin-bottom: -4rem;
}

.wrap-tb-5r {
    margin-top: -5rem;
    margin-bottom: -5rem;
}

.wrap-tb-6r {
    margin-top: -6rem;
    margin-bottom: -6rem;
}

/* Floats */
.nonef {
    float: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    color: black;
    margin: 1.5rem 0;
}

h1 {
    font-size: 2.4rem;
}
/* 36px */
h2 {
    font-size: 2rem;
}
/* 30px */
h3 {
    font-size: 1.6rem;
}
/* 24px */
h4 {
    font-size: 1.2rem;
}
/* 18px */
h5 {
    font-size: 1.06rem;
}
/* 16px */
h6 {
    font-size: 0.93rem;
}
/* 14px */

/* Centered Content */
.center-content {
    margin: 0 auto;
}

.center-auto {
    margin-left: auto;
    margin-right: auto;
}

.center-block {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.center-vertical {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.center-horizontal {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.center-hv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.center-image {
    display: block;
    margin: 0 auto;
}

.center-absolute {
    margin: 0 auto;
    right: 0;
    left: 0;
}

/* Displays */
.disp-block {
    display: block;
}

.disp-none {
    display: none;
}

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

.disp-inline {
    display: inline;
}

.disp-table {
    display: table;
}

/* Positions */
.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

.pos-fix {
    position: fixed;
}

.pos-fix-top0 {
    position: fixed;
    top: 0;
    z-index: 100;
}

/* Lists */
.list-none {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-none-wl {
    list-style: none;
}

.list-none-wm {
    list-style: none;
    padding: 0;
}

.list-none-wp {
    list-style: none;
    margin: 0;
}

.list-inlinebl {
    font-size: 0;
}

    .list-inlinebl li {
        display: inline-block;
    }

/* Borders */
.border-none {
    border: none;
}

.border-left-none {
    border-left: none;
}

.border-top-none {
    border-top: none;
}

.border-right-none {
    border-right: none;
}

.border-bottom-none {
    border-bottom: none;
}

.border-radius-0_2r {
    border-radius: 0.2rem;
}

.border-radius-0_4r {
    border-radius: 0.4rem;
}


/* Others */
.circle {
    border-radius: 100%;
}

.full-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Margins */
.mrg-0_5r {
    margin: 0.5rem;
}

.mrg-top-0_5r {
    margin-top: 0.5rem;
}

.mrg-right-0_5r {
    margin-right: 0.5rem;
}

.mrg-bottom-0_5r {
    margin-bottom: 0.5rem;
}

.mrg-left-0_5r {
    margin-left: 0.5rem;
}

.mrg-1r {
    margin: 1rem;
}

.mrg-top-1r {
    margin-top: 1rem;
}

.mrg-right-1r {
    margin-right: 1rem;
}

.mrg-bottom-1r {
    margin-bottom: 1rem;
}

.mrg-left-1r {
    margin-left: 1rem;
}

.mrg-1_5r {
    margin: 1.5rem;
}

.mrg-top-1_5r {
    margin-top: 1.5rem;
}

.mrg-right-1_5r {
    margin-right: 1.5rem;
}

.mrg-bottom-1_5r {
    margin-bottom: 1.5rem;
}

.mrg-left-1_5r {
    margin-left: 1.5rem;
}

.mrg-2r {
    margin: 2rem;
}

.mrg-top-2r {
    margin-top: 2rem;
}

.mrg-right-2r {
    margin-right: 2rem;
}

.mrg-bottom-2r {
    margin-bottom: 2rem;
}

.mrg-left-2r {
    margin-left: 2rem;
}

.mrg-2_5r {
    margin: 2.5rem;
}

.mrg-top-2_5r {
    margin-top: 2.5rem;
}

.mrg-right-2_5r {
    margin-right: 2.5rem;
}

.mrg-bottom-2_5r {
    margin-bottom: 2.5rem;
}

.mrg-left-2_5r {
    margin-left: 2.5rem;
}

.mrg-3r {
    margin: 3rem;
}

.mrg-top-3r {
    margin-top: 3rem;
}

.mrg-right-3r {
    margin-right: 3rem;
}

.mrg-bottom-3r {
    margin-bottom: 3rem;
}

.mrg-left-3r {
    margin-left: 3rem;
}

.mrg-4r {
    margin: 4rem;
}

.mrg-top-4r {
    margin-top: 4rem;
}

.mrg-right-4r {
    margin-right: 4rem;
}

.mrg-bottom-4r {
    margin-bottom: 4rem;
}

.mrg-left-4r {
    margin-left: 4rem;
}

.mrg-5r {
    margin: 5rem;
}

.mrg-top-5r {
    margin-top: 5rem;
}

.mrg-right-5r {
    margin-right: 5rem;
}

.mrg-bottom-5r {
    margin-bottom: 5rem;
}

.mrg-left-5r {
    margin-left: 5rem;
}

.mrg-6r {
    margin: 6rem;
}

.mrg-top-6r {
    margin-top: 6rem;
}

.mrg-right-6r {
    margin-right: 6rem;
}

.mrg-bottom-6r {
    margin-bottom: 6rem;
}

.mrg-left-6r {
    margin-left: 6rem;
}

.mrg-7r {
    margin: 7rem;
}

.mrg-top-7r {
    margin-top: 7rem;
}

.mrg-right-7r {
    margin-right: 7rem;
}

.mrg-bottom-7r {
    margin-bottom: 7rem;
}

.mrg-left-7r {
    margin-left: 7rem;
}

.mrg-8r {
    margin: 8rem;
}

.mrg-top-8r {
    margin-top: 8rem;
}

.mrg-right-8r {
    margin-right: 8rem;
}

.mrg-bottom-8r {
    margin-bottom: 8rem;
}

.mrg-left-8r {
    margin-left: 8rem;
}

.mrg-9r {
    margin: 9rem;
}

.mrg-top-9r {
    margin-top: 9rem;
}

.mrg-right-9r {
    margin-right: 9rem;
}

.mrg-bottom-9r {
    margin-bottom: 9rem;
}

.mrg-left-9r {
    margin-left: 9rem;
}

.mrg-0 {
    margin: 0;
}

.mrg-top-0 {
    margin-top: 0;
}

.mrg-right-0 {
    margin-right: 0;
}

.mrg-bottom-0 {
    margin-bottom: 0;
}

.mrg-left-0 {
    margin-left: 0;
}

.mrg-top-auto {
    margin-top: auto;
}

.mrg-right-auto {
    margin-right: auto;
}

.mrg-bottom-auto {
    margin-bottom: auto;
}

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

/* Paddings */
.pdg-0_5r {
    padding: 0.5rem;
}

.pdg-top-0_5r {
    padding-top: 0.5rem;
}

.pdg-right-0_5r {
    padding-right: 0.5rem;
}

.pdg-bottom-0_5r {
    padding-bottom: 0.5rem;
}

.pdg-left-0_5r {
    padding-left: 0.5rem;
}

.pdg-1r {
    padding: 1rem;
}

.pdg-top-1r {
    padding-top: 1rem;
}

.pdg-right-1r {
    padding-right: 1rem;
}

.pdg-bottom-1r {
    padding-bottom: 1rem;
}

.pdg-left-1r {
    padding-left: 1rem;
}

.pdg-1_5r {
    padding: 1.5rem;
}

.pdg-top-1_5r {
    padding-top: 1.5rem;
}

.pdg-right-1_5r {
    padding-right: 1.5rem;
}

.pdg-bottom-1_5r {
    padding-bottom: 1.5rem;
}

.pdg-left-1_5r {
    padding-left: 1.5rem;
}

.pdg-2r {
    padding: 2rem;
}

.pdg-top-2r {
    padding-top: 2rem;
}

.pdg-right-2r {
    padding-right: 2rem;
}

.pdg-bottom-2r {
    padding-bottom: 2rem;
}

.pdg-left-2r {
    padding-left: 2rem;
}

.pdg-2_5r {
    padding: 2.5rem;
}

.pdg-top-2_5r {
    padding-top: 2.5rem;
}

.pdg-right-2_5r {
    padding-right: 2.5rem;
}

.pdg-bottom-2_5r {
    padding-bottom: 2.5rem;
}

.pdg-left-2_5r {
    padding-left: 2.5rem;
}

.pdg-3r {
    padding: 3rem;
}

.pdg-top-3r {
    padding-top: 3rem;
}

.pdg-right-3r {
    padding-right: 3rem;
}

.pdg-bottom-3r {
    padding-bottom: 3rem;
}

.pdg-left-3r {
    padding-left: 3rem;
}

.pdg-4r {
    padding: 4rem;
}

.pdg-top-4r {
    padding-top: 4rem;
}

.pdg-right-4r {
    padding-right: 4rem;
}

.pdg-bottom-4r {
    padding-bottom: 4rem;
}

.pdg-left-4r {
    padding-left: 4rem;
}

.pdg-5r {
    padding: 5rem;
}

.pdg-top-5r {
    padding-top: 5rem;
}

.pdg-right-5r {
    padding-right: 5rem;
}

.pdg-bottom-5r {
    padding-bottom: 5rem;
}

.pdg-left-5r {
    padding-left: 5rem;
}

.pdg-6r {
    padding: 6rem;
}

.pdg-top-6r {
    padding-top: 6rem;
}

.pdg-right-6r {
    padding-right: 6rem;
}

.pdg-bottom-6r {
    padding-bottom: 6rem;
}

.pdg-left-6r {
    padding-left: 6rem;
}

.pdg-7r {
    padding: 7rem;
}

.pdg-top-7r {
    padding-top: 7rem;
}

.pdg-right-7r {
    padding-right: 7rem;
}

.pdg-bottom-7r {
    padding-bottom: 7rem;
}

.pdg-left-7r {
    padding-left: 7rem;
}

.pdg-8r {
    padding: 8rem;
}

.pdg-top-8r {
    padding-top: 8rem;
}

.pdg-right-8r {
    padding-right: 8rem;
}

.pdg-bottom-8r {
    padding-bottom: 8rem;
}

.pdg-left-8r {
    padding-left: 8rem;
}

.pdg-9r {
    padding: 9rem;
}

.pdg-top-9r {
    padding-top: 9rem;
}

.pdg-right-9r {
    padding-right: 9rem;
}

.pdg-bottom-9r {
    padding-bottom: 9rem;
}

.pdg-left-9r {
    padding-left: 9rem;
}

.pdg-0 {
    padding: 0;
}

.pdg-top-0 {
    padding-top: 0;
}

.pdg-right-0 {
    padding-right: 0;
}

.pdg-bottom-0 {
    padding-bottom: 0;
}

.pdg-left-0 {
    padding-left: 0;
}

.pdg-top-auto {
    padding-top: auto;
}

.pdg-right-auto {
    padding-right: auto;
}

.pdg-bottom-auto {
    padding-bottom: auto;
}

.pdg-left-auto {
    padding-left: auto;
}

/* Dual Margins and Paddings */
.mrg-tb-0_5r {
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.mrg-tb-1r {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mrg-tb-1_5r {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mrg-tb-2r {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mrg-tb-2_1r {
    margin-top: 2.1rem;
    margin-bottom: 2.1rem;
}

.mrg-tb-2_5r {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.mrg-tb-3r {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mrg-tb-4r {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.mrg-tb-5r {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.mrg-tb-6r {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.mrg-tb-7r {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.mrg-tb-8r {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.mrg-tb-9r {
    margin-top: 9rem;
    margin-bottom: 9rem;
}

.mrg-tb-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mrg-tb-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.mrg-lr-0_5r {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mrg-lr-1r {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mrg-lr-1_5r {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.mrg-lr-2r {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mrg-lr-2_5r {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

.mrg-lr-3r {
    margin-left: 3rem;
    margin-right: 3rem;
}

.mrg-lr-4r {
    margin-left: 4rem;
    margin-right: 4rem;
}

.mrg-lr-5r {
    margin-left: 5rem;
    margin-right: 5rem;
}

.mrg-lr-6r {
    margin-left: 6rem;
    margin-right: 6rem;
}

.mrg-lr-7r {
    margin-left: 7rem;
    margin-right: 7rem;
}

.mrg-lr-8r {
    margin-left: 8rem;
    margin-right: 8rem;
}

.mrg-lr-9r {
    margin-left: 9rem;
    margin-right: 9rem;
}

.mrg-lr-0 {
    margin-left: 0;
    margin-right: 0;
}

.mrg-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.pdg-tb-0_5r {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pdg-tb-1r {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pdg-tb-1_5r {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pdg-tb-2r {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pdg-tb-2_5r {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.pdg-tb-3r {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.pdg-tb-4r {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.pdg-tb-5r {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pdg-tb-6r {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.pdg-tb-7r {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.pdg-tb-8r {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.pdg-tb-9r {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.pdg-tb-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pdg-tb-auto {
    padding-top: auto;
    padding-bottom: auto;
}

.pdg-lr-0_5r {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.pdg-lr-1r {
    padding-left: 1rem;
    padding-right: 1rem;
}

.pdg-lr-1_5r {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.pdg-lr-2r {
    padding-left: 2rem;
    padding-right: 2rem;
}

.pdg-lr-2_5r {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.pdg-lr-3r {
    padding-left: 3rem;
    padding-right: 3rem;
}

.pdg-lr-4r {
    padding-left: 4rem;
    padding-right: 4rem;
}

.pdg-lr-5r {
    padding-left: 5rem;
    padding-right: 5rem;
}

.pdg-lr-6r {
    padding-left: 6rem;
    padding-right: 6rem;
}

.pdg-lr-7r {
    padding-left: 7rem;
    padding-right: 7rem;
}

.pdg-lr-8r {
    padding-left: 8rem;
    padding-right: 8rem;
}

.pdg-lr-9r {
    padding-left: 9rem;
    padding-right: 9rem;
}

.pdg-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.pdg-lr-auto {
    padding-left: auto;
    padding-right: auto;
}

/* Size Typography and Formatting */
.text-10r {
    font-size: 10rem;
}

.text-9_5r {
    font-size: 9.5rem;
}

.text-9r {
    font-size: 9rem;
}

.text-8_5r {
    font-size: 8.5rem;
}

.text-8r {
    font-size: 8rem;
}

.text-7_5r {
    font-size: 7.5rem;
}

.text-7r {
    font-size: 7rem;
}

.text-6_5r {
    font-size: 6.5rem;
}

.text-6r {
    font-size: 6rem;
}

.text-5_5r {
    font-size: 5.5rem;
}

.text-5r {
    font-size: 5rem;
}

.text-4_5r {
    font-size: 4.5rem;
}

.text-4r {
    font-size: 4rem;
}

.text-3_5r {
    font-size: 3.5rem;
}

.text-3r {
    font-size: 3rem;
}

.text-2_5r {
    font-size: 2.5rem;
}

.text-2_4r {
    font-size: 2.4rem;
}

.text-2_3r {
    font-size: 2.3rem;
}

.text-2_2r {
    font-size: 2.2rem;
}

.text-2_1r {
    font-size: 2.1rem;
}

.text-2r {
    font-size: 2rem;
}

.text-1_9r {
    font-size: 1.9rem;
}

.text-1_8r {
    font-size: 1.8rem;
}

.text-1_7r {
    font-size: 1.7rem;
}

.text-1_6r {
    font-size: 1.6rem;
}

.text-1_5r {
    font-size: 1.5rem;
}

.text-1_4r {
    font-size: 1.4rem;
}

.text-1_3r {
    font-size: 1.3rem;
}

.text-1_2r {
    font-size: 1.2rem;
}

.text-1_1r {
    font-size: 1.1rem;
}

.text-1r {
    font-size: 1rem;
}

.text-0_9r {
    font-size: 0.9rem;
}

.text-0_8r {
    font-size: 0.8rem;
}

.text-0_7r {
    font-size: 0.7rem;
}

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

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

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

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

.text-upper {
    text-transform: uppercase;
}

.text-lower {
    text-transform: lowercase;
}

.text-cap {
    text-transform: capitalize;
}

.text-italic {
    font-style: italic;
}

.text-smallcaps {
    font-variant: small-caps;
}

.underline {
    text-decoration: underline;
}

strong, b, .bold {
    font-weight: 700;
}

.text-shadow-1p {
    text-shadow: black 1px 1px;
}

.text-shadow-2p {
    text-shadow: black 2px 2px;
}

.text-shadow-2_1p {
    text-shadow: black 2px 1px;
}

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
}

.wrapline {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.lh-normal {
    line-height: normal;
}

.lh-inherit {
    line-height: inherit;
}

.lh-0_6 {
    line-height: 0.6;
}

.lh-1 {
    line-height: 1;
}

.lh-1_1 {
    line-height: 1.1;
}

.lh-1_2 {
    line-height: 1.2;
}

.lh-1_3 {
    line-height: 1.3;
}

.lh-1_4 {
    line-height: 1.4;
}

.lh-1_5 {
    line-height: 1.5;
}

.lh-1_7 {
    line-height: 1.7;
}

/* Min width an heights */
.minh-1r {
    min-height: 1rem;
}

.minh-2r {
    min-height: 2rem;
}

.minh-3r {
    min-height: 3rem;
}

.minh-4r {
    min-height: 4rem;
}

.minh-5r {
    min-height: 5rem;
}

.minh-6r {
    min-height: 6rem;
}

.minh-7r {
    min-height: 7rem;
}

.minh-8r {
    min-height: 8rem;
}

.minh-9r {
    min-height: 9rem;
}

.minh-10r {
    min-height: 10rem;
}

.minw-1r {
    min-width: 1rem;
}

.minw-2r {
    min-width: 2rem;
}

.minw-3r {
    min-width: 3rem;
}

.minw-4r {
    min-width: 4rem;
}

.minw-5r {
    min-width: 5rem;
}

.minw-6r {
    min-width: 6rem;
}

.minw-7r {
    min-width: 7rem;
}

.minw-8r {
    min-width: 8rem;
}

.minw-9r {
    min-width: 9rem;
}

.minw-10r {
    min-width: 10rem;
}

.h100 {
    height: 100%;
}

.hauto {
    height: auto;
}


/* Aligns */
.vertical-middle-all > * {
    vertical-align: middle
}

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

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

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

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

/* Helper Classes */
.clear:before, .clear:after {
    content: ' ';
    display: table;
    clear: both;
}

.invisible {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.show {
    display: block;
}

.hidden {
    display: none;
}

.pointer {
    cursor: pointer;
}

/* Images */
.imagerender {
    image-rendering: -webkit-optimize-contrast;
}


/* Transitions */
.transition-0_5s {
    transition: .5s ease all;
}

.transition-1_5s {
    transition: 1.5s ease all;
}

/* Shadows */
.box-shadow-card-lv1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.box-shadow-card-lv2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.box-shadow-card-lv3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.box-shadow-card-lv4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.box-shadow-card-lv5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

/* Opacities */
.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

/* Colors */
.color-inherit {
    color: inherit;
}

.color-white {
    color: white;
}

.color-black {
    color: black;
}

.color-red {
    color: red;
}

.color-green {
    color: #12d637;
}

.bg-inherit {
    background: inherit;
}

.bg-white {
    background: white;
}

.bg-black {
    background: black;
}


/* Hovers */
.opacity-anim {
    opacity: 1;
    transition: all .2s ease;
}

    .opacity-anim:hover {
        opacity: 0.6;
        transition: all .2s ease;
    }

.color-anim-bo {
    color: blue;
    cursor: pointer;
    transition: all .2s ease;
}

    .color-anim-bo:hover {
        color: orange;
        transition: all .2s ease;
    }

.hov-black-gray {
    color: black;
}

    .hov-black-gray:hover {
        color: gray;
    }

/* Responsive Iframe */
.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}

    .responsive-iframe iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

.iframe-map iframe {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.alt-responsive-iframe {
    position: relative;
    height: 100%;
}
    /* Alternative Responsive Iframe, for width or heights dynamics */
    .alt-responsive-iframe iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

/*justify*/
.j-c-center {
    justify-content:center;
}


/*------------------------------------*\
    4. FLEXGRID
\*------------------------------------*/
/* Flexbox Container*/
.fl-c {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fl-c-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.fl-c-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.fl-c-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fl-c-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.fl-c-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.fl-c-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fl-c-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.fl-c-juscon-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.fl-c-juscon-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.fl-c-juscon-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fl-c-juscon-space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fl-c-juscon-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.fl-c-alitems-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.fl-c-alitems-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.fl-c-alitems-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fl-c-alitems-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.fl-c-alitems-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.fl-c-alicontent-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.fl-c-alicontent-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.fl-c-alicontent-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.fl-c-alicontent-space-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.fl-c-alicontent-space-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.fl-c-alicontent-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

/* Flexbox Items */
.fl-i-order {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.fl-i-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.fl-i-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.fl-i-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.fl-i-flex {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.fl-i-grow {
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
}

.fl-i-shrink {
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}

.fl-i-basis {
    -webkit-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
}

.fl-i-grow-1 {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.fl-i-aliself-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.fl-i-aliself-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.fl-i-aliself-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.fl-i-aliself-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.fl-i-aliself-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.fl-i-aliself-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}



/*------------------------------------*\
    5. COLORS AND SPECIFIC STYLES
\*------------------------------------*/
/* Colors */
.color-e2l-01 {
    color: #31c5ce;
}
/* rgb(49, 197, 206)  Light Blue */
.color-e2l-02 {
    color: #ff8b1f;
}
/* rgb(255, 139, 31)  Orange */
.color-e2l-02_1 {
    color: #e77306;
}
/* rgb(231, 115, 6)  Stronger Orange  */
.color-e2l-03 {
    color: #32588b;
}
/* rgb(50, 88, 139)   Blue  */
.color-e2l-03_1 {
    color: #1f3450;
}
/* rgb(31, 52, 80)   Dark Blue  */
.color-e2l-03_2 {
    color: #85b8fd;
}
/* rgb(133, 184, 253)   Light Blue  */

.color-e2l-ielts {
    color: var(--dark-blue);
}

.color-e2l-ielts-academic {
    color: #f75843;
}

.color-e2l-ielts-general {
    color: #e58b54;
}
/* rgb(247, 88, 67) */
.color-e2l-ielts-70o {
    color: rgba(247, 88, 67,0.7);
}

.color-e2l-oet {
    color: var(--dark-blue);
}
/* rgb(15, 119, 183) */
.color-e2l-oet-70o {
    color: rgba(15, 119, 183,0.7);
}

.color-e2l-oet-2-2 {
    color: #0f77b7;
}

.color-e2l-oet-2-3 {
    color: #20a8b0;
}

.color-e2l-pte {
    color: var(--dark-blue);
}
/* rgb(0, 130, 135) */
.color-e2l-pte-70o {
    color: rgba(0, 130, 135,0.7);
}

.color-e2l-toefl {
    color: var(--dark-blue);
}
/* rgb(16, 32, 131) */
.color-e2l-toefl-70o {
    color: rgba(16, 32, 131,0.7);
}

.color-e2l-toeic {
    color: var(--dark-blue);
}

/* rgb(0, 87, 52) */
.color-e2l-toeic-70o {
    color: rgba(0, 87, 52,0.7);
}

.color-e2s-01 {
    color: #36b1c1
}
/* rgb(54, 177, 193)  Light Blue */
.color-e2s-02 {
    color: #ef6461
}
/* rgb(239, 100, 97)  Red */
.color-e2s-03 {
    color: #ffd166
}
/* rgb(255, 209, 102)  Yellow */
.color-e2s-04 {
    color: #073b4c
}
/* rgb(7, 59, 76)  Dark Blue */
.color-e2s-05 {
    color: #d1d5de
}
/* rgb(209, 213, 222)  Light Gray */

/* Backgrounds */
.bg-e2l-01 {
    background-color: #31c5ce;
}
/* rgb(49, 197, 206)  Light Blue */
.bg-e2l-02 {
    background-color: #ff8b1f;
}
.bg-e2l-green {
    background-color: #00b050;
}
/* rgb(255, 139, 31)  Orange */
.bg-e2l-02_1 {
    background-color: #e77306;
}
/* rgb(231, 115, 6)  Stronger Orange  */
.bg-e2l-03 {
    background-color: #32588b;
}
/* rgb(50, 88, 139)   Blue  */
.bg-e2l-03_1 {
    background: #1f3450;
}
/* rgb(31, 52, 80)   Dark Blue  */
.bg-e2l-03_2 {
    background: #85b8fd;
}
/* rgb(133, 184, 253)   Light Blue  */
.bg-e2l-ielts {
    background-color: #ED6A5E;
}

.bg-e2l-ielts-academic {
    background-color: #f75843;
}

.bg-e2l-ielts-general {
    background-color: #e58b54;
}
/* rgb(247, 88, 67) */
.bg-e2l-ielts-70o {
    background-color: rgba(247, 88, 67,0.7);
}

.bg-e2l-oet {
    background-color: #68C3CD;
}

.bg-e2l-oet20 {
    background-color: #31c5ce;
}
/* rgb(15, 119, 183) */
.bg-e2l-oet-70o {
    background-color: rgba(15, 119, 183,0.7);
}

.bg-e2l-pte {
    background-color: #41BB7A;
}
/* rgb(0, 130, 135) */
.bg-e2l-pte-70o {
    background-color: rgba(0, 130, 135,0.7);
}

.bg-e2l-toefl {
    background-color: #9E78FB;
}
/* rgb(16, 32, 131) */
.bg-e2l-toefl-70o {
    background-color: rgba(16, 32, 131,0.7);
}

.bg-e2l-toeic {
    background-color: #FFA350;
}

.bg-e2s-01 {
    background-color: #36b1c1
}
/* rgb(54, 177, 193)  Light Blue */
.bg-e2s-02 {
    background-color: #ef6461
}
/* rgb(239, 100, 97)  Red */
.bg-e2s-03 {
    background-color: #ffd166
}
/* rgb(255, 209, 102)  Yellow */
.bg-e2s-04 {
    background-color: #073b4c
}
/* rgb(7, 59, 76)  Dark Blue */
.bg-e2s-05 {
    background-color: #d1d5de
}
/* rgb(209, 213, 222)  Light Gray */

.bg-hi-blue {
    background-color: #517DFF;
}

/* Fonts */
.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin: 0;
    color: white;
}

/* SVG */
.svg-500 svg {
    width: 500px;
}

.svg-300 svg {
    width: 300px;
}

.svg-150 svg {
    width: 150px;
}

.svg-140 svg {
    width: 140px;
}

.svg-120 svg {
    width: 120px;
}

.svg-100 svg {
    width: 100px;
}

.svg-80 svg {
    width: 80px;
}

.svg-60 svg {
    width: 60px;
}

.svg-50 svg {
    width: 50px;
}

.svg-30 svg {
    width: 30px;
}

.svg-24 svg {
    width: 24px;
}

.svg-20 svg {
    width: 20px;
}

.svg-18 svg {
    width: 18px;
}


.svg_e2l-fill-white svg * {
    fill: #ffffff;
}

.svg_e2l-fill-01 svg * {
    fill: #31c5ce;
}
/* rgb(49, 197, 206)  Lightblue */
.svg_e2l-fill-02 svg * {
    fill: #ff8b1f;
}
/* rgb(255, 139, 31)  Orange */
.svg_e2l-fill-02_1 svg * {
    fill: #e77306;
}
/* rgb(231, 115, 6)  Stronger Orange  */
.svg_e2l-fill-03 svg * {
    fill: #32588b;
}
/* rgb(50, 88, 139)   Blue  */
.svg_e2l-fill-03_1 svg * {
    fill: #1f3450;
}
/* rgb(31, 52, 80)   Dark Blue  */
.svg_e2l-fill-03_2 svg * {
    fill: #85b8fd;
}
/* rgb(133, 184, 253)   Light Blue  */

.symbol-logo-footer svg * {
    fill: rgba(0, 0, 0, 0.1);
}

/*------------------- */

/* Dimensions */
.dimensions-e2l {
    position: relative;
}

    .dimensions-e2l .d-layer-above {
        position: relative;
        z-index: 10;
    }

    .dimensions-e2l .d-layer-below {
        position: absolute;
        z-index: 9;
    }

.s1-homepage .dimensions-e2l .d-layer-below {
    right: 0;
    top: 3rem;
}

    .s1-homepage .dimensions-e2l .d-layer-below .img-bg {
        min-height: 22rem;
    }
/*.s2-homepage .dimensions-e2l .d-layer-above {padding-top: 17rem;}
.s2-homepage .dimensions-e2l .d-layer-above .d-layer-button {padding-top: 8rem;}
.s2-homepage .dimensions-e2l .d-layer-below .img-bg {min-height: 26rem;}*/
.s3-homepage .dimensions-e2l .d-layer-above {
    top: -1.3rem;
}

.s4-homepage .dimensions-e2l .d-layer-above .d-layer-title {
    left: -14rem;
}

.s4-homepage .dimensions-e2l .d-layer-above .d-layer-button {
    margin-top: 7rem;
    left: -10rem;
}

.s4-homepage .dimensions-e2l .d-layer-below .img-bg {
    min-height: 31rem;
}

.s5-homepage .dimensions-e2l .d-layer-below {
    right: 8%;
}

    .s5-homepage .dimensions-e2l .d-layer-below .img-bg {
        min-height: 26rem;
    }

.s2-homepage .dimensions-e2l .d-layer-title {
    top: 2rem;
    left: 40%;
}

.s2-homepage .dimensions-e2l .d-layer-button {
    top: -1rem;
}

.s2-homepage .dimensions-e2l .d-layer-slider {
    margin-top: 13rem;
}

.s2-homepage .dimensions-e2l .img-bg {
    min-height: 25rem;
}

.s7-homepage.dimensions-e2l .d-layer-button {
    top: -1rem;
}

.s7-homepage.dimensions-e2l .img-bg {
    min-height: 18rem;
}

.s1-aboutus .dimensions-e2l .d-layer-below {
    right: 0;
}

    .s1-aboutus .dimensions-e2l .d-layer-below .img-bg {
        min-height: 23rem;
    }

.s2-aboutus .dimensions-e2l .d-layer-above .d-layer-title {
    left: -7rem;
}

.s2-aboutus .dimensions-e2l .d-layer-above .d-layer-button {
    margin-top: 5rem;
    left: -10rem;
}

.s2-aboutus .dimensions-e2l .d-layer-below .img-bg {
    min-height: 25rem;
}

.s3-aboutus .dimensions-e2l .d-layer-above {
    top: -4rem;
}

.s4-aboutus .dimensions-e2l .d-layer-below {
    right: 0;
}

    .s4-aboutus .dimensions-e2l .d-layer-below .img-bg {
        min-height: 23rem;
    }

.s1-ourteam .dimensions-e2l .d-layer-below {
    left: 0;
}

    .s1-ourteam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 24rem;
    }

.s1-testimonials .dimensions-e2l .d-layer-below {
    right: 0;
}

    .s1-testimonials .dimensions-e2l .d-layer-below .img-bg {
        min-height: 20rem;
    }

.s2-testimonials .dimensions-e2l {
    padding-top: 5rem;
    padding-bottom: 8rem;
}

    .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-below {
        right: 0;
    }

    .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-below {
        left: 0;
    }

    .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-below:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #31c5ce;
        z-index: 8;
        left: -5rem;
        top: 2.5rem;
    }

    .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-below:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 90%;
        background: #ff8b1f;
        z-index: 7;
        right: -1.5rem;
        top: 5.5rem;
    }

    .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-below:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 90%;
        background: #31c5ce;
        z-index: 7;
        left: -1.5rem;
        top: 5.5rem;
    }

    .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-below:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ff8b1f;
        z-index: 8;
        right: -5rem;
        top: 2.5rem;
    }

    .s2-testimonials .dimensions-e2l .d-layer-below .img-bg {
        min-height: 40rem;
        position: relative;
        z-index: 10;
    }

    .s2-testimonials .dimensions-e2l .d-layer-above {
        min-height: 40rem;
    }

        .s2-testimonials .dimensions-e2l .d-layer-above .d-layer-title {
            position: relative;
        }

    .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-above .d-layer-title h2 {
        position: relative;
        z-index: 10;
        margin-left: 10%;
    }

    .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-above .d-layer-title div {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        z-index: 9;
    }

    .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-above .d-layer-title div {
        position: absolute;
        bottom: 0.5rem;
        right: 0;
        z-index: 9;
        transform: scale(-1, 1);
    }

    .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-above .d-layer-title h2 {
        position: relative;
        z-index: 10;
        margin-right: 10%;
    }

.s1-help .dimensions-e2l .d-layer-below {
    right: 0;
}

    .s1-help .dimensions-e2l .d-layer-below .img-bg {
        min-height: 25rem;
        transform: scale(-1, 1);
    }

.s1-help .search {
    margin-top: 18rem;
}

.s2-help .dimensions-e2l .d-layer-title {
    position: relative;
}

    .s2-help .dimensions-e2l .d-layer-title h3 {
        position: relative;
        z-index: 10;
        margin-left: 2.5rem;
    }

    .s2-help .dimensions-e2l .d-layer-title div {
        position: absolute;
        z-index: 9;
        top: -1.5rem;
        left: 0;
    }

.s1-blog .dimensions-e2l .d-layers {
    min-height: 28rem;
}

.s1-blog .dimensions-e2l .d-layer-below {
    right: 0;
}

    .s1-blog .dimensions-e2l .d-layer-below .img-bg {
        min-height: 28rem;
    }

.s1-blog .dimensions-e2l .d-layer-title {
    margin-top: 3rem;
}

.s1-blog .dimensions-e2l .d-layer-date {
    position: relative;
    left: 90%;
    top: -1rem;
}

.s2-blog .dimensions-e2l .d-layer-height {
    min-height: 20rem;
}

.s2-blog .dimensions-e2l .d-layer-below .img-bg {
    min-height: 20rem;
}

.s2-blog .dimensions-e2l .d-layer-excerpt {
    margin-top: 1rem;
}

.s2-blog .dimensions-e2l .d-layer-title {
    margin-top: -3rem;
    margin-left: 2rem;
}

.s2-blog .dimensions-e2l .d-layer-date {
    position: absolute;
    top: -8rem;
    left: 2rem;
}

.s1-exam .dimensions-e2l .d-layer-below {
    top: 4rem;
}

    .s1-exam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 25rem;
    }

.s2-exam .dimensions-e2l .d-layer-below {
    right: 0;
}

    .s2-exam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 30rem;
    }

.s2-exam .dimensions-e2l .d-layer-button {
    margin-top: 13rem;
    margin-bottom: 4rem;
}

.s2-exam .dimensions-e2l .d-layer-text {
    margin-top: -3rem;
    position: relative;
    z-index: 10;
}


/*---------------------*/

/* Decorations */
.word-underline-homepage-s1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    background: #DFF1FC;
    bottom: 3px;
    left: 0;
}

.word-underline-ourteam-s2 > span {
    z-index: 10;
    position: relative;
}

.word-underline-ourteam-s2:after {
    content: '';
    position: absolute;
    width: 20rem;
    height: 1rem;
    background: #31c5ce;
    bottom: 0.5rem;
    left: -1rem;
    z-index: 9;
}

.word-underline-ourteam-s3 > span {
    z-index: 10;
    position: relative;
}

.word-underline-ourteam-s3:after {
    content: '';
    position: absolute;
    width: 22rem;
    height: 1.5rem;
    background: #ff8b1f;
    bottom: 5rem;
    left: 40%;
    z-index: 9;
}

.word-underline-exams-s1 > span {
    position: relative;
}

    .word-underline-exams-s1 > span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: #e77306;
        bottom: -3px;
        left: 0;
    }

.word-underline-ielts-s1 > span, .word-underline-pte-s1 > span, .word-underline-oet-s1 > span, .word-underline-toefl-s1 > span {
    position: relative;
}

    .word-underline-ielts-s1 > span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: #f75843;
        bottom: -3px;
        left: 0;
    }

    .word-underline-pte-s1 > span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: #008287;
        bottom: -3px;
        left: 0;
    }

    .word-underline-oet-s1 > span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: #0f77b7;
        bottom: -3px;
        left: 0;
    }

    .word-underline-toefl-s1 > span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: #102083;
        bottom: -3px;
        left: 0;
    }


/*.bg-e2l-ielts {background-color: #f75843;}
.bg-e2l-oet {background-color: #0f77b7;}
.bg-e2l-pte {background-color: #008287;}
.bg-e2l-toefl {background-color: #102083;}*/

.s4-homepage-vertical-line:before {
    content: '';
    position: absolute;
    background: #ff8b1f;
    width: 1rem;
    height: 700px;
    z-index: 10;
    left: 12%;
    top: 3rem;
}

.s7-homepage-vertical-line:before {
    content: '';
    position: absolute;
    background: #32588b;
    width: 1rem;
    height: 100%;
    z-index: 10;
    left: 49.5%;
    top: 0;
}


/*------------------------------------*\
    6. HEADER
\*------------------------------------*/
header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    header nav > ul > li > a {
        color: white;
        padding: 1rem;
        font-weight: 500;
        font-size: 1.3rem;
    }

    header nav > ul > li:last-child a {
        padding: 1rem 0rem 1rem 1rem;
    }

    header .nav-desktop ul li.hassubmenu {
        padding-right: 20px;
        position: relative;
    }

        header .nav-desktop ul li.hassubmenu:after {
            content: '';
            position: absolute;
            right: 11px;
            top: 6px;
            border-left: 8px solid transparent;
            border-top: 8px solid #32588b;
            border-right: 8px solid transparent;
        }

    header .nav-desktop ul li ul.submenu {
        display: none;
        position: absolute;
        width: 200%;
        left: 0;
        padding: 0;
        padding: 1rem 0.2rem;
        text-align: left;
    }

    header .nav-desktop ul li:hover ul.submenu {
        display: block;
        z-index: 100;
    }

    header .nav-desktop ul.submenu a {
        color: white;
        padding: 0.3rem 1rem;
        font-weight: 500;
        font-size: 1.2rem;
    }

body.lightblue-top header ul.submenu {
    background: #31c5ce;
}

body.blue-top header ul.submenu {
    background: #32588b;
}

body.orange-top header ul.submenu {
    background: #ff8b1f;
}

header .nav-exams > ul > li > a {
    padding: 1rem 0.7rem;
    font-size: 1.4rem;
    font-weight: 700;
}

header .nav-exams > ul > li:last-child a {
    padding: 1rem 0rem 1rem 1rem;
}

header .nav-exams ul li.hassubmenu {
    padding-right: 20px;
    position: relative;
}

    header .nav-exams ul li.hassubmenu:after {
        content: '';
        position: absolute;
        right: 11px;
        top: 6px;
        border-left: 6px solid transparent;
        border-top: 6px solid white;
        border-right: 6px solid transparent;
    }

header .nav-exams ul li ul.submenu {
    display: none;
    position: absolute;
    width: 200%;
    left: 0;
    padding: 0;
    padding: 1rem 0.2rem;
    text-align: left;
}

header .nav-exams ul li:hover ul.submenu {
    display: block;
    z-index: 100;
}

header .nav-exams ul.submenu li {
    padding: 0.3rem 0;
}

header .nav-exams ul.submenu a {
    padding: 0.3rem 0.7rem;
    font-size: 1.4rem;
    font-weight: 700;
}

body.lightblue-top header .nav-exams ul li.hassubmenu:after, body.orange-top header .nav-exams ul li.hassubmenu:after {
    border-top: 6px solid #32588b;
}

body.blue-top header .nav-exams ul li.hassubmenu:after {
    border-top: 6px solid #31c5ce;
}




body.lightblue-top header .nav-exams ul li a, body.orange-top header .nav-exams ul li a {
    color: #32588b;
}

body.blue-top header .nav-exams ul li a {
    color: #31c5ce;
}

body.lightblue-top header .nav-top .login, body.orange-top header .nav-top .login {
    color: #32588b;
}

    body.lightblue-top header .nav-top .login svg *, body.orange-top header .nav-top .login svg * {
        fill: #32588b;
    }

body.lightblue-top header .nav-top .sign-up, body.orange-top header .nav-top .sign-up {
    background: #32588b;
    color: white;
}

body.blue-top header .nav-top .login {
    color: #31c5ce;
}

    body.blue-top header .nav-top .login svg * {
        fill: #31c5ce;
    }

body.blue-top header .nav-top .sign-up {
    background: #31c5ce;
    color: white;
}

.nav-responsive, .nav-responsive-menu {
    display: none;
}

/* Responsive */
.nav-responsive-menu {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #31c5ce;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 999;
    display: none;
    overflow: auto;
}

    .nav-responsive-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .nav-responsive-menu ul li {
            text-align: right;
            padding: 1rem;
            font-size: 3rem;
        }

            .nav-responsive-menu ul li a {
                padding: 1rem;
                color: white;
                font-weight: 500;
            }

.wrapper-nav-responsive-menu-ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.open-nav-mobile, .close-nav-mobile {
    cursor: pointer;
}

.nav-mobile_icon-bar {
    background-color: white;
    display: block;
    width: 30px;
    height: 2px;
    margin-top: 6px;
}

    .nav-mobile_icon-bar:first-child {
        margin-top: 0px;
    }

.close-nav-mobile {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 30px;
    height: 30px;
    z-index: 100;
}

.nav-mobile_icon-close {
    background-color: white;
    display: block;
    width: 50px;
    height: 5px;
    position: absolute;
    top: 2rem;
    left: 1rem;
}

    .nav-mobile_icon-close:nth-child(1) {
        transform: rotate(45deg);
    }

    .nav-mobile_icon-close:nth-child(2) {
        transform: rotate(135deg);
    }

/*------------------------------------*\
    7. GENERAL WEBSITE
\*------------------------------------*/
/* GENERAL */
.first-section {
    padding-top: 13rem;
    padding-bottom: 5rem;
}

.exams-group .button {
    position: absolute;
    z-index: 10;
    bottom: -20px;
}

.exams-group .button-ielts-general {
    left: 0.6rem;
}

.exams-group .button-ielts-academic {
    left: 8rem;
}

.exams-group .exams-title {
    margin-bottom: -15px;
}

.container-live-classes .live-class:not(:last-child) {
    border-bottom: 2px solid #e4e4e4;
}

.lock-red {
    position: relative;
    padding-right: 1.5rem;
    top: -3px;
}

    .lock-red:before {
        content: '';
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NDQogIDxwYXRoIGZpbGw9IiNlZDE4MTgiIGQ9Ik04NCAzOGgtNnYtOEM3OCAxNC42IDY1LjQgMiA1MCAyUzIyIDE0LjYgMjIgMzB2OGgtNmMtMS4xIDAtMiAwLjktMiAydjUwYzAgNC40IDMuNiA4IDggOGg1NmM0LjQgMCA4LTMuNiA4LThWNDBDODYgMzguOSA4NS4xIDM4IDg0IDM4ek01NiA3OS44YzAuMSAwLjYtMC4xIDEuMS0wLjUgMS42QzU1LjEgODEuOCA1NC42IDgyIDU0IDgyaC04Yy0wLjYgMC0xLjEtMC4yLTEuNS0wLjdzLTAuNi0xLTAuNS0xLjZsMS4zLTExLjNjLTItMS41LTMuMy0zLjgtMy4zLTYuNCAwLTQuNCAzLjYtOCA4LThzOCAzLjYgOCA4YzAgMi42LTEuMiA0LjktMy4zIDYuNEw1NiA3OS44ek02NiAzOEgzNHYtOGMwLTguOCA3LjItMTYgMTYtMTZzMTYgNy4yIDE2IDE2VjM4eiIvPg0NCjwvc3ZnPg0NCg==') no-repeat;
        width: 1.3rem;
        height: 1.3rem;
        position: absolute;
        left: 0;
    }

.how-e2-works .how-one .line-connection {
    position: absolute;
    width: 20rem;
    height: 10rem;
    left: 15%;
    bottom: -4rem;
    border-left: 0.2rem dashed white;
    border-bottom: 0.2rem dashed white;
}

    .how-e2-works .how-one .line-connection:before {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        background: white;
        border-radius: 100%;
        top: -0.4rem;
        left: -0.6rem;
    }

.how-e2-works .how-two .line-connection {
    position: absolute;
    width: 20rem;
    height: 10rem;
    right: 15%;
    bottom: -4rem;
    border-right: 0.2rem dashed white;
    border-bottom: 0.2rem dashed white;
}

    .how-e2-works .how-two .line-connection:before {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        background: white;
        border-radius: 100%;
        top: -0.4rem;
        right: -0.6rem;
    }

.how-e2-works .how-four .line-connection {
    position: absolute;
    width: 20rem;
    height: 10rem;
    left: 15%;
    top: -4rem;
    border-left: 0.2rem dashed white;
    border-top: 0.2rem dashed white;
}

    .how-e2-works .how-four .line-connection:before {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        background: white;
        border-radius: 100%;
        bottom: -0.4rem;
        left: -0.6rem;
    }

.how-e2-works .how-five .line-connection {
    position: absolute;
    width: 20rem;
    height: 10rem;
    right: 15%;
    top: -4rem;
    border-right: 0.2rem dashed white;
    border-top: 0.2rem dashed white;
}

    .how-e2-works .how-five .line-connection:before {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        background: white;
        border-radius: 100%;
        bottom: -0.4rem;
        right: -0.6rem;
    }



/* OUR TEAM PAGE */
.s2-ourteam .photo-team {
    max-width: 320px;
    min-height: 260px;
    margin: 0 auto;
    position: relative;
}

    .s2-ourteam .photo-team:before {
        content: '';
        position: absolute;
        width: 3.5rem;
        height: 1.3rem;
        left: -0.9rem;
        top: -0.6rem;
        background: #31c5ce;
    }

    .s2-ourteam .photo-team .full-name {
        position: absolute;
        bottom: 3rem;
        right: 0;
        z-index: 10;
    }

        .s2-ourteam .photo-team .full-name .first-name {
            position: relative;
            top: -0.4rem;
            left: -1.2rem;
        }

        .s2-ourteam .photo-team .full-name .last-name {
            position: relative;
            top: -0.3rem;
            left: -1.2rem;
        }

    .s2-ourteam .photo-team .role {
        position: absolute;
        top: 17rem;
        left: 0;
        z-index: 10;
    }

.s3-ourteam .photo-team {
    max-width: 320px;
    min-height: 240px;
    margin: 0 auto;
    position: relative;
}

    .s3-ourteam .photo-team .full-name {
        position: absolute;
        top: -2rem;
        z-index: 10;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .s3-ourteam .photo-team .role {
        position: absolute;
        bottom: -2rem;
        z-index: 10;
        left: 0;
        right: 0;
        margin: 0 auto;
        min-height: 3.4rem;
    }


/* HELP PAGE */
.arrow-anchor-white, .arrow-anchor-orange {
    position: relative;
    padding-left: 2rem;
}

    .arrow-anchor-white:before {
        content: '';
        background: url('/devs/e2l/assets/icons/arrow-anchor-white.svg') no-repeat;
        width: 1.3rem;
        height: 1.3rem;
        position: absolute;
        left: 0;
    }

    .arrow-anchor-orange:before {
        content: '';
        background: url('/devs/e2l/assets/icons/arrow-anchor-orange.svg') no-repeat;
        width: 1.3rem;
        height: 1.3rem;
        position: absolute;
        left: 0;
    }


/* BLOG PAGE */
.s1-blog h1 {
    position: relative;
}

    .s1-blog h1:before {
        content: '';
        background: #ff8b1f;
        width: 20rem;
        height: 1rem;
        position: absolute;
        z-index: 8;
        top: 1rem;
        left: -6rem;
    }

    .s1-blog h1:after {
        content: '';
        background: #ff8b1f;
        width: 23rem;
        height: 1rem;
        position: absolute;
        z-index: 10;
        bottom: 1rem;
        left: 9rem;
    }

    .s1-blog h1 span {
        position: relative;
        z-index: 9;
    }


.date-blog-lightblue {
    background: #31c5ce;
    padding: 0.5rem;
    width: 4.5rem;
}

    .date-blog-lightblue span {
        color: #32588b;
        display: block;
        text-align: center;
    }

        .date-blog-lightblue span.day {
            font-weight: 700;
            font-size: 2.5rem;
            line-height: 0.8;
        }

        .date-blog-lightblue span.month {
            font-weight: 700;
            line-height: 1;
            font-size: 1.5rem;
        }

        .date-blog-lightblue span.year {
            font-size: 1.3rem;
            line-height: 1;
        }

.date-blog-blue {
    background: #32588b;
    padding: 0.5rem;
    width: 4.5rem;
}

    .date-blog-blue span {
        color: white;
        display: block;
        text-align: center;
    }

        .date-blog-blue span.day {
            font-weight: 700;
            font-size: 2.5rem;
            line-height: 0.8;
        }

        .date-blog-blue span.month {
            font-weight: 700;
            line-height: 1;
            font-size: 1.5rem;
        }

        .date-blog-blue span.year {
            font-size: 1.3rem;
            line-height: 1;
        }

.read-more-blog {
    position: relative;
}

    .read-more-blog:after {
        content: '';
        position: absolute;
        bottom: -0.3rem;
        left: 0;
        height: 0.2rem;
        width: 100%;
        background: white;
    }


.blog-post-header .img-bg {
    min-height: 30rem;
}

.blog-post-header h1 {
    top: -4rem;
    position: relative;
    margin-bottom: -4rem;
}

.blog-post-header .date-blog-lightblue {
    position: absolute;
    top: 2rem;
    right: -2rem;
}

.blog-post-categories {
    position: relative;
    top: -2.5rem;
}

.blog-post-continue-reading a:first-child, .blog-post-continue-reading a:last-child {
    position: relative;
}

    .blog-post-continue-reading a:first-child:before {
        content: '';
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        transform: translateY(-50%) rotate(-45deg);
        top: 50%;
        left: -0.1rem;
        border-top: 3px solid #32588b;
        border-left: 3px solid #32588b;
    }

    .blog-post-continue-reading a:last-child:after {
        content: '';
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        transform: translateY(-50%) rotate(-45deg);
        top: 50%;
        right: -0.1rem;
        border-bottom: 3px solid #32588b;
        border-right: 3px solid #32588b;
    }

.blog-post-related .img-bg {
    min-height: 15rem;
    position: relative;
    z-index: 9;
}

.blog-post-related h4 {
    margin-top: -3rem;
    width: 90%;
    margin-left: 10%;
    position: relative;
    z-index: 10;
}


/* EXAMS PAGES */
.packages-section h2 span.package-word {
    position: relative;
    z-index: 10;
}

.packages-section h2 span.exam-word {
    position: relative;
    z-index: 9;
    top: -1rem;
}

    .packages-section h2 span.exam-word:after {
        content: '';
        position: absolute;
        background: rgba(255,255,255,0.2);
        width: 100%;
        height: 3rem;
        left: 0;
        top: 5rem;
    }

.packages-section .tooltip-exams {
    position: relative;
    cursor: pointer;
    padding: 0.3rem;
    top: 1px;
}

    .packages-section .tooltip-exams .bubble-info {
        width: 0.9rem;
        height: 0.9rem;
        border-radius: 100%;
        font-size: 0.6rem;
        font-weight: 700;
        display: inline-block;
        text-align: center;
        position: relative;
    }

        .packages-section .tooltip-exams .bubble-info:after {
            content: 'i';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
        }

.packages-section .tooltip-ielts .bubble-info {
    background: #32588b;
}

.packages-section .tooltip-oet .bubble-info {
    background: #1f3450;
}

.packages-section .tooltip-pte .bubble-info {
    background: #1f3450;
}

.packages-section .tooltip-toefl .bubble-info {
    background: #184786;
}


.tippy-tooltip.ielts-theme {
    background-color: #32588b;
    border-radius: inherit;
    padding: 0.5rem;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.ielts-theme .tippy-arrow {
    border-top: 7px solid #32588b;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.ielts-theme .tippy-arrow {
    border-bottom: 7px solid #32588b;
}

.tippy-tooltip.oet-theme {
    background-color: #1f3450;
    border-radius: inherit;
    padding: 0.5rem;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.oet-theme .tippy-arrow {
    border-top: 7px solid #1f3450;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.oet-theme .tippy-arrow {
    border-bottom: 7px solid #1f3450;
}

.tippy-tooltip.pte-theme {
    background-color: #1f3450;
    border-radius: inherit;
    padding: 0.5rem;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.pte-theme .tippy-arrow {
    border-top: 7px solid #1f3450;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.pte-theme .tippy-arrow {
    border-bottom: 7px solid #1f3450;
}

.tippy-tooltip.toefl-theme {
    background-color: #184786;
    border-radius: inherit;
    padding: 0.5rem;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.toefl-theme .tippy-arrow {
    border-top: 7px solid #184786;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.toefl-theme .tippy-arrow {
    border-bottom: 7px solid #184786;
}

.packages-section .package-button {
    position: relative;
    top: 2rem;
    text-align: center;
}

.packages-section .icon-package {
    position: relative;
    margin-top: -5rem;
    margin-bottom: 1rem;
}

.packages-section .view-package:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 17px;
    transition: 0.5s all ease;
}

.packages-section .view-package.active:before {
    transition: 0.5s all ease;
    transform: rotate(360deg);
    top: 23px;
    left: -12px;
}

.packages-section .view-package-ielts:before {
    border-left: 10px solid #32588b;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.packages-section .view-package-ielts.active:before {
    border-left: 10px solid transparent;
    border-top: 10px solid #32588b;
    border-right: 10px solid transparent;
}

.packages-section .view-package-oet:before {
    border-left: 10px solid #1f3450;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.packages-section .view-package-oet.active:before {
    border-left: 10px solid transparent;
    border-top: 10px solid #1f3450;
    border-right: 10px solid transparent;
}

.packages-section .view-package-pte:before {
    border-left: 10px solid #1f3450;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.packages-section .view-package-pte.active:before {
    border-left: 10px solid transparent;
    border-top: 10px solid #1f3450;
    border-right: 10px solid transparent;
}

.packages-section .view-package-toefl:before {
    border-left: 10px solid #31c5ce;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.packages-section .view-package-toefl.active:before {
    border-left: 10px solid transparent;
    border-top: 10px solid #31c5ce;
    border-right: 10px solid transparent;
}


/* LIVE CLASSES SCHEDULE */
.filter-live-classes span {
    padding: 0.5rem 0.6rem;
    color: #0E2653;
    font-weight: 700;
    margin: 0.2rem;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.2s all ease;
    display: inline-block;
}

    .filter-live-classes span.filter-all {
        background-color: #CDEAFA;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-pte {
        background-color: #41BB7A;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-toefl {
        background-color: #9E78FB;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-oet {
        background-color: #68C3CD;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-ielts {
        background-color: #ED6A5E;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-oet20,
    .filter-live-classes span.filter-oet-2-2 {
        background-color: #68C3CD;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-oet-2-3 {
        background-color: #68C3CD;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-ielts-academic {
        background-color: #ED6A5E;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-ielts-general {
        background-color: #ED6A5E;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-all.active {
        color: #0E2653;
        background-color: #CDEAFA;
        border: 2px solid #0E2653;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-pte.active {
        color: #41BB7A;
        background-color: white;
        border: 2px solid #41BB7A;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-oet.active {
        color: #68C3CD;
        background-color: white;
        border: 2px solid #68C3CD;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-oet20.active,
    .filter-live-classes span.filter-oet-2-2.active {
        color: #68C3CD;
        background-color: white;
        border: 2px solid #68C3CD;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-oet-2-3.active {
        color: #68C3CD;
        background-color: white;
        border: 2px solid #68C3CD;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-ielts.active {
        color: #ED6A5E;
        background-color: white;
        border: 2px solid #ED6A5E;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-ielts-academic.active {
        color: #ED6A5E;
        background-color: white;
        border: 2px solid #ED6A5E;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-ielts-general.active {
        color: #ED6A5E;
        background-color: white;
        border: 2px solid #ED6A5E;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-toefl.active {
        color: #9E78FB;
        background-color: white;
        border: 2px solid #9E78FB;
        transition: 0.2s all ease;
    }

    .filter-live-classes span.filter-toeic {
        background-color: #FFA350;
        transition: 0.2s all ease;
    }

        .filter-live-classes span.filter-toeic.active {
            color: #FFA350;
            background-color: white;
            border: 2px solid #FFA350;
            transition: 0.2s all ease;
        }

/* SLIDERS */
#testimonials-carousel ul.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 21%;
    top: -2rem;
}

    #testimonials-carousel ul.slick-dots li {
        display: inline-block;
        margin: 0.4rem;
    }

        #testimonials-carousel ul.slick-dots li button {
            background: none;
            border: 2px solid white;
            border-radius: 100%;
            width: 1.2rem;
            height: 1.2rem;
            padding: 0;
            text-indent: -9999px;
        }

        #testimonials-carousel ul.slick-dots li.slick-active button {
            background: white;
        }

#students-say-carousel ul.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1rem;
}

    #students-say-carousel ul.slick-dots li {
        display: inline-block;
        margin: 0.4rem;
    }

        #students-say-carousel ul.slick-dots li button {
            background: none;
            border: 2px solid white;
            border-radius: 100%;
            width: 1.2rem;
            height: 1.2rem;
            padding: 0;
            text-indent: -9999px;
        }

        #students-say-carousel ul.slick-dots li.slick-active button {
            background: white;
        }


#videos-carousel ul.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    #videos-carousel ul.slick-dots li {
        display: inline-block;
        margin: 0.4rem;
    }

        #videos-carousel ul.slick-dots li button {
            background: #32588b;
            border: none;
            border-radius: 100%;
            width: 1.2rem;
            height: 1.2rem;
            padding: 0;
            text-indent: -9999px;
        }

        #videos-carousel ul.slick-dots li.slick-active button {
            background: #ff8b1f;
        }

#videos-carousel .img-bg {
    min-height: 17rem;
    width: 100%;
}


/* CTA */
.cta-e2school {
    position: relative;
    overflow: hidden;
}

    .cta-e2school span.cta-deco-1 {
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NDQogIDxwYXRoIGQ9Ik02OS40IDg0LjljLTAuOS0wLjItMS43IDAuMy0xLjkgMS4ybC0xLjYgNi4zYy0wLjIgMC45IDAuMyAxLjcgMS4yIDEuOSAwLjEgMCAwLjMgMCAwLjQgMCAwLjcgMCAxLjQtMC41IDEuNS0xLjJsMS42LTYuM0M3MC44IDg2IDcwLjMgODUuMiA2OS40IDg0Ljl6Ii8+DQ0KICA8cGF0aCBkPSJNNTAgNTMuMmMwLjIgMCAwLjQgMCAwLjYtMC4xbDE3LjQtNy4yYzAuOC0wLjMgMS4yLTEuMyAwLjktMi4xIC0wLjMtMC44LTEuMy0xLjItMi4xLTAuOWwtMTYuOCA3TDUuNiAzMS41VjMxYzAtMC45LTAuNy0xLjYtMS42LTEuNlMyLjQgMzAuMSAyLjQgMzF2MS42YzAgMC42IDAuNCAxLjIgMSAxLjVsNDYgMTlDNDkuNiA1My4xIDQ5LjggNTMuMiA1MCA1My4yeiIvPg0NCiAgPHBhdGggZD0iTTY4LjkgNjkuNGMtMC40LTAuOC0xLjMtMS4xLTIuMS0wLjcgLTMgMS41LTggMy4yLTE1LjIgMy41VjU3LjljMC0wLjktMC43LTEuNi0xLjYtMS42IC0wLjkgMC0xLjYgMC43LTEuNiAxLjZ2MTQuMmMtMTkuNy0wLjYtMjYuMS0xMi42LTI3LTE0LjVWNDYuOGMwLTAuOS0wLjctMS42LTEuNi0xLjZzLTEuNiAwLjctMS42IDEuNnYxMS4xYzAgMC4yIDAgMC40IDAuMSAwLjYgMC4zIDAuNyA3IDE2LjkgMzEuNiAxNi45IDguNiAwIDE0LjYtMi4xIDE4LjItMy44QzY4LjkgNzEuMiA2OS4zIDcwLjIgNjguOSA2OS40eiIvPg0NCiAgPHBhdGggZD0iTTczLjggODYuNWMtMC45IDAtMS42IDAuNy0xLjYgMS42djQuOGMwIDAuOSAwLjcgMS42IDEuNiAxLjYgMC45IDAgMS42LTAuNyAxLjYtMS42di00LjhDNzUuNCA4Ny4yIDc0LjcgODYuNSA3My44IDg2LjV6Ii8+DQ0KICA8cGF0aCBkPSJNOTYgMjkuNGMtMC45IDAtMS42IDAuNy0xLjYgMS42djAuNWwtMTkgNy44di0yLjlsMjEuMi04LjhjMC42LTAuMiAxLTAuOCAxLTEuNSAwLTAuNi0wLjQtMS4yLTEtMS41bC00Ni0xOWMtMC40LTAuMi0wLjgtMC4yLTEuMiAwbC00NiAxOWMtMC42IDAuMi0xIDAuOC0xIDEuNXMwLjQgMS4yIDEgMS41bDQ2IDE5YzAuMiAwLjEgMC40IDAuMSAwLjYgMC4xIDAuMiAwIDAuNCAwIDAuNi0wLjFsMTYuNi02LjljMC44LTAuMyAxLjItMS4zIDAuOS0yLjEgLTAuMy0wLjgtMS4zLTEuMi0yLjEtMC45bC0xNiA2LjZMOC4xIDI2LjIgNTAgOC45bDQxLjkgMTcuMyAtMTguMiA3LjUgLTE3LjQtNi41YzAuMS0wLjMgMC4xLTAuNyAwLjEtMSAwLTIuNy0yLjgtNC44LTYuMy00LjhzLTYuMyAyLjEtNi4zIDQuOFM0Ni40IDMxIDUwIDMxYzEuNiAwIDMtMC40IDQuMS0xLjFsMTguMSA2Ljh2NS4xIDAgMzRjLTEuOCAwLjctMy4yIDIuNC0zLjIgNC41IDAgMi42IDIuMSA0LjggNC44IDQuOHM0LjgtMi4xIDQuOC00LjhjMC0yLjEtMS4zLTMuOC0zLjItNC41di05YzQuNi0zLjQgNi4yLTggNi4zLTguMiAwLjEtMC4yIDAuMS0wLjMgMC4xLTAuNVY0Ni44YzAtMC45LTAuNy0xLjYtMS42LTEuNiAtMC45IDAtMS42IDAuNy0xLjYgMS42djEwLjhjLTAuMyAwLjctMS4yIDIuNy0zLjIgNC44VjQyLjhMOTYuNiAzNGMwLjYtMC4yIDEtMC44IDEtMS41VjMxQzk3LjYgMzAuMSA5Ni45IDI5LjQgOTYgMjkuNHpNNTAgMjcuOGMtMS45IDAtMy4yLTAuOS0zLjItMS42IDAtMC42IDEuMi0xLjYgMy4yLTEuNiAxLjkgMCAzLjIgMC45IDMuMiAxLjZDNTMuMiAyNi45IDUxLjkgMjcuOCA1MCAyNy44ek03My44IDgxLjdjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42Qzc1LjQgODEgNzQuNyA4MS43IDczLjggODEuN3oiLz4NDQogIDxwYXRoIGQ9Ik04MC4xIDg2LjFjLTAuMi0wLjgtMS4xLTEuNC0xLjktMS4yIC0wLjkgMC4yLTEuNCAxLjEtMS4yIDEuOWwxLjYgNi4zYzAuMiAwLjcgMC44IDEuMiAxLjUgMS4yIDAuMSAwIDAuMyAwIDAuNCAwIDAuOS0wLjIgMS40LTEuMSAxLjItMS45TDgwLjEgODYuMXoiLz4NDQo8L3N2Zz4NDQo=') no-repeat center center;
        width: 7rem;
        height: 7rem;
        position: absolute;
        transform: rotate(45deg);
        opacity: 0.1;
        left: 5%;
        top: -2%;
    }

    .cta-e2school span.cta-deco-2 {
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NDQogIDxwYXRoIGQ9Ik02OS40IDg0LjljLTAuOS0wLjItMS43IDAuMy0xLjkgMS4ybC0xLjYgNi4zYy0wLjIgMC45IDAuMyAxLjcgMS4yIDEuOSAwLjEgMCAwLjMgMCAwLjQgMCAwLjcgMCAxLjQtMC41IDEuNS0xLjJsMS42LTYuM0M3MC44IDg2IDcwLjMgODUuMiA2OS40IDg0Ljl6Ii8+DQ0KICA8cGF0aCBkPSJNNTAgNTMuMmMwLjIgMCAwLjQgMCAwLjYtMC4xbDE3LjQtNy4yYzAuOC0wLjMgMS4yLTEuMyAwLjktMi4xIC0wLjMtMC44LTEuMy0xLjItMi4xLTAuOWwtMTYuOCA3TDUuNiAzMS41VjMxYzAtMC45LTAuNy0xLjYtMS42LTEuNlMyLjQgMzAuMSAyLjQgMzF2MS42YzAgMC42IDAuNCAxLjIgMSAxLjVsNDYgMTlDNDkuNiA1My4xIDQ5LjggNTMuMiA1MCA1My4yeiIvPg0NCiAgPHBhdGggZD0iTTY4LjkgNjkuNGMtMC40LTAuOC0xLjMtMS4xLTIuMS0wLjcgLTMgMS41LTggMy4yLTE1LjIgMy41VjU3LjljMC0wLjktMC43LTEuNi0xLjYtMS42IC0wLjkgMC0xLjYgMC43LTEuNiAxLjZ2MTQuMmMtMTkuNy0wLjYtMjYuMS0xMi42LTI3LTE0LjVWNDYuOGMwLTAuOS0wLjctMS42LTEuNi0xLjZzLTEuNiAwLjctMS42IDEuNnYxMS4xYzAgMC4yIDAgMC40IDAuMSAwLjYgMC4zIDAuNyA3IDE2LjkgMzEuNiAxNi45IDguNiAwIDE0LjYtMi4xIDE4LjItMy44QzY4LjkgNzEuMiA2OS4zIDcwLjIgNjguOSA2OS40eiIvPg0NCiAgPHBhdGggZD0iTTczLjggODYuNWMtMC45IDAtMS42IDAuNy0xLjYgMS42djQuOGMwIDAuOSAwLjcgMS42IDEuNiAxLjYgMC45IDAgMS42LTAuNyAxLjYtMS42di00LjhDNzUuNCA4Ny4yIDc0LjcgODYuNSA3My44IDg2LjV6Ii8+DQ0KICA8cGF0aCBkPSJNOTYgMjkuNGMtMC45IDAtMS42IDAuNy0xLjYgMS42djAuNWwtMTkgNy44di0yLjlsMjEuMi04LjhjMC42LTAuMiAxLTAuOCAxLTEuNSAwLTAuNi0wLjQtMS4yLTEtMS41bC00Ni0xOWMtMC40LTAuMi0wLjgtMC4yLTEuMiAwbC00NiAxOWMtMC42IDAuMi0xIDAuOC0xIDEuNXMwLjQgMS4yIDEgMS41bDQ2IDE5YzAuMiAwLjEgMC40IDAuMSAwLjYgMC4xIDAuMiAwIDAuNCAwIDAuNi0wLjFsMTYuNi02LjljMC44LTAuMyAxLjItMS4zIDAuOS0yLjEgLTAuMy0wLjgtMS4zLTEuMi0yLjEtMC45bC0xNiA2LjZMOC4xIDI2LjIgNTAgOC45bDQxLjkgMTcuMyAtMTguMiA3LjUgLTE3LjQtNi41YzAuMS0wLjMgMC4xLTAuNyAwLjEtMSAwLTIuNy0yLjgtNC44LTYuMy00LjhzLTYuMyAyLjEtNi4zIDQuOFM0Ni40IDMxIDUwIDMxYzEuNiAwIDMtMC40IDQuMS0xLjFsMTguMSA2Ljh2NS4xIDAgMzRjLTEuOCAwLjctMy4yIDIuNC0zLjIgNC41IDAgMi42IDIuMSA0LjggNC44IDQuOHM0LjgtMi4xIDQuOC00LjhjMC0yLjEtMS4zLTMuOC0zLjItNC41di05YzQuNi0zLjQgNi4yLTggNi4zLTguMiAwLjEtMC4yIDAuMS0wLjMgMC4xLTAuNVY0Ni44YzAtMC45LTAuNy0xLjYtMS42LTEuNiAtMC45IDAtMS42IDAuNy0xLjYgMS42djEwLjhjLTAuMyAwLjctMS4yIDIuNy0zLjIgNC44VjQyLjhMOTYuNiAzNGMwLjYtMC4yIDEtMC44IDEtMS41VjMxQzk3LjYgMzAuMSA5Ni45IDI5LjQgOTYgMjkuNHpNNTAgMjcuOGMtMS45IDAtMy4yLTAuOS0zLjItMS42IDAtMC42IDEuMi0xLjYgMy4yLTEuNiAxLjkgMCAzLjIgMC45IDMuMiAxLjZDNTMuMiAyNi45IDUxLjkgMjcuOCA1MCAyNy44ek03My44IDgxLjdjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42Qzc1LjQgODEgNzQuNyA4MS43IDczLjggODEuN3oiLz4NDQogIDxwYXRoIGQ9Ik04MC4xIDg2LjFjLTAuMi0wLjgtMS4xLTEuNC0xLjktMS4yIC0wLjkgMC4yLTEuNCAxLjEtMS4yIDEuOWwxLjYgNi4zYzAuMiAwLjcgMC44IDEuMiAxLjUgMS4yIDAuMSAwIDAuMyAwIDAuNCAwIDAuOS0wLjIgMS40LTEuMSAxLjItMS45TDgwLjEgODYuMXoiLz4NDQo8L3N2Zz4NDQo=') no-repeat center center;
        width: 14rem;
        height: 14rem;
        position: absolute;
        transform: rotate(-28deg);
        opacity: 0.1;
        left: 40%;
        top: 10%;
    }

    .cta-e2school span.cta-deco-3 {
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NDQogIDxwYXRoIGQ9Ik02OS40IDg0LjljLTAuOS0wLjItMS43IDAuMy0xLjkgMS4ybC0xLjYgNi4zYy0wLjIgMC45IDAuMyAxLjcgMS4yIDEuOSAwLjEgMCAwLjMgMCAwLjQgMCAwLjcgMCAxLjQtMC41IDEuNS0xLjJsMS42LTYuM0M3MC44IDg2IDcwLjMgODUuMiA2OS40IDg0Ljl6Ii8+DQ0KICA8cGF0aCBkPSJNNTAgNTMuMmMwLjIgMCAwLjQgMCAwLjYtMC4xbDE3LjQtNy4yYzAuOC0wLjMgMS4yLTEuMyAwLjktMi4xIC0wLjMtMC44LTEuMy0xLjItMi4xLTAuOWwtMTYuOCA3TDUuNiAzMS41VjMxYzAtMC45LTAuNy0xLjYtMS42LTEuNlMyLjQgMzAuMSAyLjQgMzF2MS42YzAgMC42IDAuNCAxLjIgMSAxLjVsNDYgMTlDNDkuNiA1My4xIDQ5LjggNTMuMiA1MCA1My4yeiIvPg0NCiAgPHBhdGggZD0iTTY4LjkgNjkuNGMtMC40LTAuOC0xLjMtMS4xLTIuMS0wLjcgLTMgMS41LTggMy4yLTE1LjIgMy41VjU3LjljMC0wLjktMC43LTEuNi0xLjYtMS42IC0wLjkgMC0xLjYgMC43LTEuNiAxLjZ2MTQuMmMtMTkuNy0wLjYtMjYuMS0xMi42LTI3LTE0LjVWNDYuOGMwLTAuOS0wLjctMS42LTEuNi0xLjZzLTEuNiAwLjctMS42IDEuNnYxMS4xYzAgMC4yIDAgMC40IDAuMSAwLjYgMC4zIDAuNyA3IDE2LjkgMzEuNiAxNi45IDguNiAwIDE0LjYtMi4xIDE4LjItMy44QzY4LjkgNzEuMiA2OS4zIDcwLjIgNjguOSA2OS40eiIvPg0NCiAgPHBhdGggZD0iTTczLjggODYuNWMtMC45IDAtMS42IDAuNy0xLjYgMS42djQuOGMwIDAuOSAwLjcgMS42IDEuNiAxLjYgMC45IDAgMS42LTAuNyAxLjYtMS42di00LjhDNzUuNCA4Ny4yIDc0LjcgODYuNSA3My44IDg2LjV6Ii8+DQ0KICA8cGF0aCBkPSJNOTYgMjkuNGMtMC45IDAtMS42IDAuNy0xLjYgMS42djAuNWwtMTkgNy44di0yLjlsMjEuMi04LjhjMC42LTAuMiAxLTAuOCAxLTEuNSAwLTAuNi0wLjQtMS4yLTEtMS41bC00Ni0xOWMtMC40LTAuMi0wLjgtMC4yLTEuMiAwbC00NiAxOWMtMC42IDAuMi0xIDAuOC0xIDEuNXMwLjQgMS4yIDEgMS41bDQ2IDE5YzAuMiAwLjEgMC40IDAuMSAwLjYgMC4xIDAuMiAwIDAuNCAwIDAuNi0wLjFsMTYuNi02LjljMC44LTAuMyAxLjItMS4zIDAuOS0yLjEgLTAuMy0wLjgtMS4zLTEuMi0yLjEtMC45bC0xNiA2LjZMOC4xIDI2LjIgNTAgOC45bDQxLjkgMTcuMyAtMTguMiA3LjUgLTE3LjQtNi41YzAuMS0wLjMgMC4xLTAuNyAwLjEtMSAwLTIuNy0yLjgtNC44LTYuMy00LjhzLTYuMyAyLjEtNi4zIDQuOFM0Ni40IDMxIDUwIDMxYzEuNiAwIDMtMC40IDQuMS0xLjFsMTguMSA2Ljh2NS4xIDAgMzRjLTEuOCAwLjctMy4yIDIuNC0zLjIgNC41IDAgMi42IDIuMSA0LjggNC44IDQuOHM0LjgtMi4xIDQuOC00LjhjMC0yLjEtMS4zLTMuOC0zLjItNC41di05YzQuNi0zLjQgNi4yLTggNi4zLTguMiAwLjEtMC4yIDAuMS0wLjMgMC4xLTAuNVY0Ni44YzAtMC45LTAuNy0xLjYtMS42LTEuNiAtMC45IDAtMS42IDAuNy0xLjYgMS42djEwLjhjLTAuMyAwLjctMS4yIDIuNy0zLjIgNC44VjQyLjhMOTYuNiAzNGMwLjYtMC4yIDEtMC44IDEtMS41VjMxQzk3LjYgMzAuMSA5Ni45IDI5LjQgOTYgMjkuNHpNNTAgMjcuOGMtMS45IDAtMy4yLTAuOS0zLjItMS42IDAtMC42IDEuMi0xLjYgMy4yLTEuNiAxLjkgMCAzLjIgMC45IDMuMiAxLjZDNTMuMiAyNi45IDUxLjkgMjcuOCA1MCAyNy44ek03My44IDgxLjdjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42Qzc1LjQgODEgNzQuNyA4MS43IDczLjggODEuN3oiLz4NDQogIDxwYXRoIGQ9Ik04MC4xIDg2LjFjLTAuMi0wLjgtMS4xLTEuNC0xLjktMS4yIC0wLjkgMC4yLTEuNCAxLjEtMS4yIDEuOWwxLjYgNi4zYzAuMiAwLjcgMC44IDEuMiAxLjUgMS4yIDAuMSAwIDAuMyAwIDAuNCAwIDAuOS0wLjIgMS40LTEuMSAxLjItMS45TDgwLjEgODYuMXoiLz4NDQo8L3N2Zz4NDQo=') no-repeat center center;
        width: 3rem;
        height: 3rem;
        position: absolute;
        transform: rotate(230deg);
        opacity: 0.1;
        left: 90%;
        top: 30%;
    }

.cta-content-e2school {
    position: relative;
    z-index: 100;
}



/*------------------------------------*\
    8. TABLES
\*------------------------------------*/
.table {
    width: 100%;
}

    .table thead th {
        text-align: left;
        border-bottom: 2px solid #2020bc;
        padding: 0.5rem;
    }

    .table tbody td {
        border-top: 1px solid #2020bc;
        padding: 0.5rem;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f1f1f4
}

.table-bordered thead th, .table-bordered tbody td {
    border: 1px solid #2020bc;
}

.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-hover tbody tr:hover {
    background-color: #f1f1f4;
}

.table-responsive {
    overflow-y: hidden;
}

/*------------------------------------*\
    9. BUTTONS
\*------------------------------------*/
.button, button {
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all .5s ease;
    cursor: pointer;
    outline: none;
    white-space: inherit;
    font-weight: 500;
}


/* Background Colors */
.button-e2l-bg-01 {
    background-color: #31c5ce;
}
/* rgb(49, 197, 206)  Lightblue */
.button-e2l-bg-02 {
    background-color: #ff8b1f;
}
/* rgb(255, 139, 31)  Orange */
.button-e2l-bg-03 {
    background-color: #32588b;
}
/* rgb(50, 88, 139)   Blue  */
.button-e2l-bg-ielts {
    background-color: #f75843;
}
/* rgb(247, 88, 67) */
.button-e2l-bg-oet {
    background-color: #0f77b7;
}
/* rgb(15, 119, 183) */
.button-e2l-bg-pte {
    background-color: #008287;
}
/* rgb(0, 130, 135) */
.button-e2l-bg-toefl {
    background-color: #102083;
}
/* rgb(16, 32, 131) */
.button-e2l-bg-white {
    background-color: white;
}

.button-e2l-bg-green {
    background-color: #00b050;
}
/* rgb(16, 32, 131) */


/* Borders */
.button-e2l-br-white {
    border: 4px solid #fff;
}
.button-e2l-br-01 {
    border: 4px solid #31c5ce;
}
.button-e2l-br-hi-blue {
    border: 4px solid #517DFF;
}
/* rgb(49, 197, 206)  Lightblue */
.button-e2l-br-02 {
    border: 4px solid #ff8b1f;
}
/* rgb(255, 139, 31)  Orange */
.button-e2l-br-02_1 {
    border: 4px solid #e77306;
}
/* rgb(231, 115, 6)  Stronger Orange  */
.button-e2l-br-03 {
    border: 4px solid #32588b;
}
/* rgb(50, 88, 139)   Blue  */
.button-e2l-br-ielts {
    border: 4px solid #f75843;
}
/* rgb(247, 88, 67) */
.button-e2l-br-ielts-70o {
    border: 4px solid rgba(247, 88, 67,0.7);
}
/* rgb(247, 88, 67) */
.button-e2l-br-oet {
    border: 4px solid #0f77b7;
}
/* rgb(15, 119, 183) */
.button-e2l-br-oet-70o {
    border: 4px solid rgba(15, 119, 183,0.7);
}
/* rgb(15, 119, 183) */
.button-e2l-br-pte {
    border: 4px solid #008287;
}
/* rgb(0, 130, 135) */
.button-e2l-br-pte-70o {
    border: 4px solid rgba(0, 130, 135,0.7);
}
/* rgb(0, 130, 135) */
.button-e2l-br-toefl {
    border: 4px solid #102083;
}
/* rgb(16, 32, 131) */
.button-e2l-br-toefl-70o {
    border: 4px solid rgba(16, 32, 131,0.7);
}
/* rgb(16, 32, 131) */

/* Sizes */
.button-2x {
    padding: 1rem 2rem;
}

.button-outline {
    background-color: transparent;
    color: blue;
    border: 1px solid blue;
    box-shadow: none;
    cursor: pointer;
}

    .button-outline:hover {
        background-color: blue;
        color: white;
    }

.button-center {
    position: relative;
    padding: 1.5rem;
}

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

.button-anchor {
    position: relative;
    text-transform: uppercase;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    transition: all .5s ease;
    cursor: pointer;
    font-weight: 700;
}

    .button-anchor .text-anchor {
        position: relative;
        z-index: 12;
    }

    .button-anchor:after {
        content: '';
        height: 1rem;
        width: 100%;
        height: 0.3rem;
        position: absolute;
        bottom: 1px;
        left: 0;
        z-index: 10;
        transition: all .5s ease;
    }

.button-anchor-e2l-01:after {
    background: #31c5ce;
}

.button-anchor-e2l-02:after {
    background: #ff8b1f;
}

.button-anchor-e2l-03:after {
    background: #32588b;
}

.button-anchor-e2l-ielts:after {
    background: #f75843;
}

.button-anchor-e2l-oet:after {
    background: #0f77b7;
}

.button-anchor-e2l-pte:after {
    background: #008287;
}

.button-anchor-e2l-toefl:after {
    background: #102083;
}

.button-anchor:hover:after {
    width: 5%;
    transition: all .5s ease;
}

.button-reset {
    background-color: inherit;
    color: inherit;
    text-transform: none;
    letter-spacing: inherit;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    text-align: inherit;
    transition: all .5s ease;
    cursor: pointer;
    outline: none;
}

    .button-reset:hover {
        background-color: inherit;
        color: inherit;
        transition: all .5s ease;
    }

/*------------------------------------*\
    10. FOOTER
\*------------------------------------*/
footer {
    min-height: 50rem;
}

    footer .footer-box:nth-child(odd) .footer-box-int {
        border: 7px solid #ff8b1f;
    }

    footer .footer-box:nth-child(even) .footer-box-int {
        background: #ff8b1f;
        border: 7px solid transparent;
    }

    footer .footer-box .footer-box-int {
        position: absolute;
    }

    footer .footer-box:nth-child(1) .footer-box-int {
        width: 100%;
        left: 2rem;
        top: 3rem;
        z-index: 9;
    }

    footer .footer-box:nth-child(2) .footer-box-int {
        width: 100%;
        top: 10rem;
        z-index: 10;
    }

    footer .footer-box:nth-child(3) .footer-box-int {
        width: 100%;
        left: -1rem;
        z-index: 9;
    }
    /*footer .footer-box:nth-child(4) .footer-box-int {width: 100%;right: 3rem;top: 13rem;z-index: 10;}*/
    footer .footer-box:nth-child(4) .footer-box-int {
        top: 30rem;
        z-index: 9;
    }

    footer .footer-box:nth-child(5) .footer-box-int {
        top: 34rem;
        z-index: 10;
        left: 20rem;
    }

    footer .symbol-logo-footer {
        position: absolute;
        bottom: 10px;
        left: -25px;
    }

    footer ul li.social-media-footer:not(:last-child) {
        margin-right: 1rem;
    }




/*------------------------------------*\
    11. FORMS
\*------------------------------------*/
/* Fix inputs appearance on iOS */
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}

/* ----- Style inputs ----- */
input[type="text"], input[type="email"], textarea, select {
    width: 100%;
    padding: 0.8rem 0.5rem;
    border: 0.2rem solid #ff8b1f;
    background-color: white;
    color: #32588b;
    transition: 0.5s all ease;
}

    input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
        background-color: #ff8b1f;
        transition: 0.5s all ease;
    }

    input[type="text"]::placeholder, input[type="email"]::placeholder, textarea::placeholder, select::placeholder {
        color: rgba(50, 88, 139, 0.5);
    }

    input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        color: rgba(50, 88, 139, 0.5);
    }





/* ---- Checkbox, radio ------ */
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
    font-weight: 700;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    padding-left: 4px
}


/* SEARCH */
.search-help {
    background: transparent;
    border: none;
    border-bottom: 2px solid white;
    color: white;
}

    .search-help::placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    .search-help::-webkit-input-placeholder, .search-help:-ms-input-placeholder, .search-help::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

/*------------------------------------*\
    12. OTHER
\*------------------------------------*/
/* OVERLAY LOADING */
.overlay-loading {
    background: #001f46;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}

    .overlay-loading .loading-dots span {
        display: inline-block;
        background: white;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin: 0.3rem;
    }

    .overlay-loading .loading-dots .dot-1 {
        animation: dot1 0.5s ease 0s infinite alternate;
    }

@keyframes dot1 {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.overlay-loading .loading-dots .dot-2 {
    animation: dot2 0.8s ease 0.5s infinite alternate;
}

@keyframes dot2 {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.overlay-loading .loading-dots .dot-3 {
    animation: dot3 1.1s ease 1s infinite alternate;
}

@keyframes dot3 {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}


/* ANIMATIONS */
.fadeIn {
    animation: fadeIn 0.4s ease 0s 1 normal forwards;
    -webkit-animation: fadeIn 0.4s ease 0s 1 normal forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeOut {
    animation: fadeOut 0.4s ease 0s 1 normal forwards;
    -webkit-animation: fadeOut 0.4s ease 0s 1 normal forwards;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/*------------------------------------*\
    13. RESPONSIVE
\*------------------------------------*/
/*
- Max width 2560px - 4k
- Max width 1920px - xxxl
- Max width 1440px - xxl
- Max width 1280px - xl
- Max width 1024px - l
- Max width 800px - m
- Max width 600px - s
- Max width 480px - xs
- Max width 360px - xxs
*/

.minhsections {
    min-height: 768px;
}

@media only screen and (max-width:2560px) {
}

@media only screen and (max-width:1920px) {
}

@media only screen and (max-width:1440px) {
    /* ---------------
        THEME
    ------------------ */


    /* ---------------
        FW
    ------------------ */
    /* Width Columns */
    .col-xxl-5 {
        width: 5%;
    }

    .col-xxl-10 {
        width: 10%;
    }

    .col-xxl-15 {
        width: 15%;
    }

    .col-xxl-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-xxl-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-xxl-30 {
        width: 30%;
    }

    .col-xxl-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-xxl-35 {
        width: 35%;
    }

    .col-xxl-40 {
        width: 40%;
    }

    .col-xxl-45 {
        width: 45%;
    }

    .col-xxl-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-xxl-55 {
        width: 55%;
    }

    .col-xxl-60 {
        width: 60%;
    }

    .col-xxl-65 {
        width: 65%;
    }

    .col-xxl-70 {
        width: 70%;
    }

    .col-xxl-75 {
        width: 75%;
    }

    .col-xxl-80 {
        width: 80%;
    }

    .col-xxl-85 {
        width: 85%;
    }

    .col-xxl-90 {
        width: 90%;
    }

    .col-xxl-95 {
        width: 95%;
    }

    .col-xxl-100 {
        width: 100%;
    }

    .col-xxl-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-xxl-0 {
        margin-left: 0;
    }

    .col-offset-xxl-5 {
        margin-left: 5%;
    }

    .col-offset-xxl-10 {
        margin-left: 10%;
    }

    .col-offset-xxl-15 {
        margin-left: 15%;
    }

    .col-offset-xxl-20 {
        margin-left: 20%;
    }

    .col-offset-xxl-25 {
        margin-left: 25%;
    }

    .col-offset-xxl-30 {
        margin-left: 30%;
    }

    .col-offset-xxl-33 {
        margin-left: 33.3%;
    }

    .col-offset-xxl-35 {
        margin-left: 35%;
    }

    .col-offset-xxl-40 {
        margin-left: 40%;
    }

    .col-offset-xxl-45 {
        margin-left: 45%;
    }

    .col-offset-xxl-50 {
        margin-left: 50%;
    }

    .col-offset-xxl-55 {
        margin-left: 55%;
    }

    .col-offset-xxl-60 {
        margin-left: 60%;
    }

    .col-offset-xxl-65 {
        margin-left: 65%;
    }

    .col-offset-xxl-70 {
        margin-left: 70%;
    }

    .col-offset-xxl-75 {
        margin-left: 75%;
    }

    .col-offset-xxl-80 {
        margin-left: 80%;
    }

    .col-offset-xxl-85 {
        margin-left: 85%;
    }

    .col-offset-xxl-90 {
        margin-left: 90%;
    }

    .col-offset-xxl-95 {
        margin-left: 95%;
    }

    .col-offset-xxl-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-xxl-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-xxl-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-xxl-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-xxl-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-xxl-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-xxl-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-xxl-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-xxl-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-xxl-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-xxl-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-xxl-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-xxl-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-xxl-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-xxl-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-xxl-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nofloat-xxl {
        margin: 0 auto;
        float: none;
    }

    .right-xxl {
        float: right;
    }

    .left-xxl {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-xxl-10r {
        font-size: 10rem;
    }

    .text-xxl-9_5r {
        font-size: 9.5rem;
    }

    .text-xxl-9r {
        font-size: 9rem;
    }

    .text-xxl-8_5r {
        font-size: 8.5rem;
    }

    .text-xxl-8r {
        font-size: 8rem;
    }

    .text-xxl-7_5r {
        font-size: 7.5rem;
    }

    .text-xxl-7r {
        font-size: 7rem;
    }

    .text-xxl-6_5r {
        font-size: 6.5rem;
    }

    .text-xxl-6r {
        font-size: 6rem;
    }

    .text-xxl-5_5r {
        font-size: 5.5rem;
    }

    .text-xxl-5r {
        font-size: 5rem;
    }

    .text-xxl-4_5r {
        font-size: 4.5rem;
    }

    .text-xxl-4r {
        font-size: 4rem;
    }

    .text-xxl-3_5r {
        font-size: 3.5rem;
    }

    .text-xxl-3r {
        font-size: 3rem;
    }

    .text-xxl-2_5r {
        font-size: 2.5rem;
    }

    .text-xxl-2_4r {
        font-size: 2.4rem;
    }

    .text-xxl-2_3r {
        font-size: 2.3rem;
    }

    .text-xxl-2_2r {
        font-size: 2.2rem;
    }

    .text-xxl-2_1r {
        font-size: 2.1rem;
    }

    .text-xxl-2r {
        font-size: 2rem;
    }

    .text-xxl-1_9r {
        font-size: 1.9rem;
    }

    .text-xxl-1_8r {
        font-size: 1.8rem;
    }

    .text-xxl-1_7r {
        font-size: 1.7rem;
    }

    .text-xxl-1_6r {
        font-size: 1.6rem;
    }

    .text-xxl-1_5r {
        font-size: 1.5rem;
    }

    .text-xxl-1_4r {
        font-size: 1.4rem;
    }

    .text-xxl-1_3r {
        font-size: 1.3rem;
    }

    .text-xxl-1_2r {
        font-size: 1.2rem;
    }

    .text-xxl-1_1r {
        font-size: 1.1rem;
    }

    .text-xxl-1r {
        font-size: 1rem;
    }

    .text-xxl-0_9r {
        font-size: 0.9rem;
    }

    .text-xxl-0_8r {
        font-size: 0.8rem;
    }

    .text-xxl-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-xxl-justify {
        text-align: justify;
    }

    .text-xxl-upper {
        text-transform: uppercase;
    }

    .text-xxl-lower {
        text-transform: lowercase;
    }

    .text-xxl-cap {
        text-transform: capitalize;
    }

    .text-xxl-italic {
        font-style: italic;
    }

    .text-xxl-smallcaps {
        font-variant: small-caps;
    }

    .underline-xxl {
        text-decoration: underline;
    }

    .bold-xxl {
        font-weight: 700;
    }

    .text-shadow-xxl-1p {
        text-shadow: black 1px 1px;
    }

    .text-shadow-xxl-2p {
        text-shadow: black 2px 2px;
    }

    .text-shadow-xxl-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-xxl {
        font-weight: 100;
    }

    .fw200-xxl {
        font-weight: 200;
    }

    .fw300-xxl {
        font-weight: 300;
    }

    .fw400-xxl {
        font-weight: 400;
    }

    .fw500-xxl {
        font-weight: 500;
    }

    .fw600-xxl {
        font-weight: 600;
    }

    .fw700-xxl {
        font-weight: 700;
    }

    .fw800-xxl {
        font-weight: 800;
    }

    .fw900-xxl {
        font-weight: 900;
    }

    .wrapline-xxl {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-xxl-normal {
        line-height: normal;
    }

    .lh-xxl-inherit {
        line-height: inherit;
    }

    .lh-xxl-1_1 {
        line-height: 1.1;
    }

    .lh-xxl-1_2 {
        line-height: 1.2;
    }

    .lh-xxl-1_3 {
        line-height: 1.3;
    }

    /* Min width and heights */
    .minh-xxl-1r {
        min-height: 1rem;
    }

    .minh-xxl-2r {
        min-height: 2rem;
    }

    .minh-xxl-3r {
        min-height: 3rem;
    }

    .minh-xxl-4r {
        min-height: 4rem;
    }

    .minh-xxl-5r {
        min-height: 5rem;
    }

    .minh-xxl-6r {
        min-height: 6rem;
    }

    .minh-xxl-7r {
        min-height: 7rem;
    }

    .minh-xxl-8r {
        min-height: 8rem;
    }

    .minh-xxl-9r {
        min-height: 9rem;
    }

    .minh-xxl-10r {
        min-height: 10rem;
    }

    .minw-xxl-1r {
        min-width: 1rem;
    }

    .minw-xxl-2r {
        min-width: 2rem;
    }

    .minw-xxl-3r {
        min-width: 3rem;
    }

    .minw-xxl-4r {
        min-width: 4rem;
    }

    .minw-xxl-5r {
        min-width: 5rem;
    }

    .minw-xxl-6r {
        min-width: 6rem;
    }

    .minw-xxl-7r {
        min-width: 7rem;
    }

    .minw-xxl-8r {
        min-width: 8rem;
    }

    .minw-xxl-9r {
        min-width: 9rem;
    }

    .minw-xxl-10r {
        min-width: 10rem;
    }

    .h100-xxl {
        height: 100%;
    }

    .hauto-xxl {
        height: auto;
    }


    /* Margins */
    .mrg-xxl-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-xxl-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-xxl-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-xxl-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-xxl-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-xxl-1r {
        margin: 1rem;
    }

    .mrg-top-xxl-1r {
        margin-top: 1rem;
    }

    .mrg-right-xxl-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-xxl-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-xxl-1r {
        margin-left: 1rem;
    }

    .mrg-xxl-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-xxl-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-xxl-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-xxl-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-xxl-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-xxl-2r {
        margin: 2rem;
    }

    .mrg-top-xxl-2r {
        margin-top: 2rem;
    }

    .mrg-right-xxl-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-xxl-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-xxl-2r {
        margin-left: 2rem;
    }

    .mrg-xxl-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-xxl-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-xxl-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-xxl-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-xxl-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-xxl-3r {
        margin: 3rem;
    }

    .mrg-top-xxl-3r {
        margin-top: 3rem;
    }

    .mrg-right-xxl-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-xxl-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-xxl-3r {
        margin-left: 3rem;
    }

    .mrg-xxl-4r {
        margin: 4rem;
    }

    .mrg-top-xxl-4r {
        margin-top: 4rem;
    }

    .mrg-right-xxl-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-xxl-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-xxl-4r {
        margin-left: 4rem;
    }

    .mrg-xxl-5r {
        margin: 5rem;
    }

    .mrg-top-xxl-5r {
        margin-top: 5rem;
    }

    .mrg-right-xxl-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-xxl-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-xxl-5r {
        margin-left: 5rem;
    }

    .mrg-xxl-6r {
        margin: 6rem;
    }

    .mrg-top-xxl-6r {
        margin-top: 6rem;
    }

    .mrg-right-xxl-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-xxl-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-xxl-6r {
        margin-left: 6rem;
    }

    .mrg-xxl-7r {
        margin: 7rem;
    }

    .mrg-top-xxl-7r {
        margin-top: 7rem;
    }

    .mrg-right-xxl-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-xxl-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-xxl-7r {
        margin-left: 7rem;
    }

    .mrg-xxl-8r {
        margin: 8rem;
    }

    .mrg-top-xxl-8r {
        margin-top: 8rem;
    }

    .mrg-right-xxl-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-xxl-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-xxl-8r {
        margin-left: 8rem;
    }

    .mrg-xxl-9r {
        margin: 9rem;
    }

    .mrg-top-xxl-9r {
        margin-top: 9rem;
    }

    .mrg-right-xxl-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-xxl-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-xxl-9r {
        margin-left: 9rem;
    }

    .mrg-xxl-0 {
        margin: 0;
    }

    .mrg-top-xxl-0 {
        margin-top: 0;
    }

    .mrg-right-xxl-0 {
        margin-right: 0;
    }

    .mrg-bottom-xxl-0 {
        margin-bottom: 0;
    }

    .mrg-left-xxl-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-xxl-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-xxl-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-xxl-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-xxl-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-xxl-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-xxl-1r {
        padding: 1rem;
    }

    .pdg-top-xxl-1r {
        padding-top: 1rem;
    }

    .pdg-right-xxl-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-xxl-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-xxl-1r {
        padding-left: 1rem;
    }

    .pdg-xxl-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-xxl-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-xxl-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-xxl-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-xxl-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-xxl-2r {
        padding: 2rem;
    }

    .pdg-top-xxl-2r {
        padding-top: 2rem;
    }

    .pdg-right-xxl-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-xxl-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-xxl-2r {
        padding-left: 2rem;
    }

    .pdg-xxl-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-xxl-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-xxl-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-xxl-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-xxl-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-xxl-3r {
        padding: 3rem;
    }

    .pdg-top-xxl-3r {
        padding-top: 3rem;
    }

    .pdg-right-xxl-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-xxl-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-xxl-3r {
        padding-left: 3rem;
    }

    .pdg-xxl-4r {
        padding: 4rem;
    }

    .pdg-top-xxl-4r {
        padding-top: 4rem;
    }

    .pdg-right-xxl-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-xxl-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-xxl-4r {
        padding-left: 4rem;
    }

    .pdg-xxl-5r {
        padding: 5rem;
    }

    .pdg-top-xxl-5r {
        padding-top: 5rem;
    }

    .pdg-right-xxl-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-xxl-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-xxl-5r {
        padding-left: 5rem;
    }

    .pdg-xxl-6r {
        padding: 6rem;
    }

    .pdg-top-xxl-6r {
        padding-top: 6rem;
    }

    .pdg-right-xxl-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-xxl-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-xxl-6r {
        padding-left: 6rem;
    }

    .pdg-xxl-7r {
        padding: 7rem;
    }

    .pdg-top-xxl-7r {
        padding-top: 7rem;
    }

    .pdg-right-xxl-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-xxl-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-xxl-7r {
        padding-left: 7rem;
    }

    .pdg-xxl-8r {
        padding: 8rem;
    }

    .pdg-top-xxl-8r {
        padding-top: 8rem;
    }

    .pdg-right-xxl-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-xxl-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-xxl-8r {
        padding-left: 8rem;
    }

    .pdg-xxl-9r {
        padding: 9rem;
    }

    .pdg-top-xxl-9r {
        padding-top: 9rem;
    }

    .pdg-right-xxl-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-xxl-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-xxl-9r {
        padding-left: 9rem;
    }

    .pdg-xxl-0 {
        padding: 0;
    }

    .pdg-top-xxl-0 {
        padding-top: 0;
    }

    .pdg-right-xxl-0 {
        padding-right: 0;
    }

    .pdg-bottom-xxl-0 {
        padding-bottom: 0;
    }

    .pdg-left-xxl-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-xxl-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-xxl-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-xxl-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-xxl-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-xxl-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-xxl-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-xxl-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-xxl-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-xxl-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-xxl-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-xxl-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-xxl-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-xxl-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-xxl-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-xxl-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-xxl-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-xxl-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-xxl-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-xxl-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-xxl-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-xxl-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-xxl-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-xxl-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-xxl-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-xxl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-xxl-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-xxl-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-xxl-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-xxl-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-xxl-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-xxl-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-xxl-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-xxl-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-xxl-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-xxl-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-xxl-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-xxl-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-xxl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-xxl-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-xxl-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-xxl-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-xxl-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-xxl-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-xxl-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-xxl-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-xxl-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-xxl-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-xxl-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-xxl-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-xxl-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-xxl-0 {
        padding-left: 0;
        padding-right: 0;
    }


    /* Centered Content */
    .center-content-xxl {
        margin: 0 auto;
    }

    .center-auto-xxl {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-xxl {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-xxl {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-xxl {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-xxl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-xxl {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-xxl {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-xxl-block {
        display: block;
    }

    .disp-xxl-none {
        display: none;
    }

    .disp-xxl-inlblock {
        display: inline-block;
    }

    .disp-xxl-inline {
        display: inline;
    }

    .disp-xxl-table {
        display: table;
    }

    /* Positions */
    .pos-xxl-rel {
        position: relative;
    }

    .pos-xxl-abs {
        position: absolute;
    }

    .pos-xxl-fix {
        position: fixed;
    }

    .pos-xxl-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-xxl-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-xxl-none-wl {
        list-style: none;
    }

    .list-xxl-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-xxl-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-xxl-inlinebl {
        font-size: 0;
    }

        .list-xxl-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-xxl-none {
        border: none;
    }

    .border-left-xxl-none {
        border-left: none;
    }

    .border-top-xxl-none {
        border-top: none;
    }

    .border-right-xxl-none {
        border-right: none;
    }

    .border-bottom-xxl-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-xxl-middle {
        vertical-align: middle;
    }

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

    .vertical-xxl-bottom {
        vertical-align: bottom;
    }

    .vertical-xxl-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-xxl {
        visibility: hidden;
    }

    .visible-xxl {
        visibility: visible;
    }

    .show-xxl {
        display: block;
    }

    .hidden-xxl {
        display: none;
    }

    /* Responsive Iframe */
    .alt-xxl-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-xxl {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-xxl-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-xxl-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-xxl-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-xxl-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-xxl-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-xxl-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-xxl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-xxl-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-xxl-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-xxl-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fl-c-xxl-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-xxl-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-xxl-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-xxl-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-xxl-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-xxl-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-xxl-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-xxl-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-xxl-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-xxl-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-xxl-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-xxl-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-xxl-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-xxl-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-xxl-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-xxl-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-xxl-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-xxl-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-xxl-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-xxl-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-xxl-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-xxl-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-xxl-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-xxl-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-xxl-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-xxl-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-xxl-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }


    /* SVG */
    .svg-xxl-fluid svg {
        width: 100%;
    }

    .svg-xxl-140 svg {
        width: 140px;
    }
}


@media only screen and (max-width:1280px) {
    /* ---------------
        THEME
    ------------------ */
    .s4-homepage .dimensions-e2l .d-layer-below .img-bg {
        min-height: 24rem;
    }

    .s2-aboutus .dimensions-e2l .d-layer-below .img-bg {
        min-height: 23rem;
    }

    .s1-testimonials .dimensions-e2l {
        padding-bottom: 4rem;
    }


    .how-e2-works .how-one .line-connection {
        width: 15rem;
    }

    .how-e2-works .how-two .line-connection {
        width: 15rem;
    }

    .how-e2-works .how-four .line-connection {
        width: 15rem;
    }

    .how-e2-works .how-five .line-connection {
        width: 15rem;
    }


    /* ---------------
        FW
    ------------------ */
    /* Width Columns */
    .col-xl-5 {
        width: 5%;
    }

    .col-xl-10 {
        width: 10%;
    }

    .col-xl-15 {
        width: 15%;
    }

    .col-xl-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-xl-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-xl-30 {
        width: 30%;
    }

    .col-xl-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-xl-35 {
        width: 35%;
    }

    .col-xl-40 {
        width: 40%;
    }

    .col-xl-45 {
        width: 45%;
    }

    .col-xl-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-xl-55 {
        width: 55%;
    }

    .col-xl-60 {
        width: 60%;
    }

    .col-xl-65 {
        width: 65%;
    }

    .col-xl-70 {
        width: 70%;
    }

    .col-xl-75 {
        width: 75%;
    }

    .col-xl-80 {
        width: 80%;
    }

    .col-xl-85 {
        width: 85%;
    }

    .col-xl-90 {
        width: 90%;
    }

    .col-xl-95 {
        width: 95%;
    }

    .col-xl-100 {
        width: 100%;
    }

    .col-xl-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-xl-0 {
        margin-left: 0;
    }

    .col-offset-xl-5 {
        margin-left: 5%;
    }

    .col-offset-xl-10 {
        margin-left: 10%;
    }

    .col-offset-xl-15 {
        margin-left: 15%;
    }

    .col-offset-xl-20 {
        margin-left: 20%;
    }

    .col-offset-xl-25 {
        margin-left: 25%;
    }

    .col-offset-xl-30 {
        margin-left: 30%;
    }

    .col-offset-xl-33 {
        margin-left: 33.3%;
    }

    .col-offset-xl-35 {
        margin-left: 35%;
    }

    .col-offset-xl-40 {
        margin-left: 40%;
    }

    .col-offset-xl-45 {
        margin-left: 45%;
    }

    .col-offset-xl-50 {
        margin-left: 50%;
    }

    .col-offset-xl-55 {
        margin-left: 55%;
    }

    .col-offset-xl-60 {
        margin-left: 60%;
    }

    .col-offset-xl-65 {
        margin-left: 65%;
    }

    .col-offset-xl-70 {
        margin-left: 70%;
    }

    .col-offset-xl-75 {
        margin-left: 75%;
    }

    .col-offset-xl-80 {
        margin-left: 80%;
    }

    .col-offset-xl-85 {
        margin-left: 85%;
    }

    .col-offset-xl-90 {
        margin-left: 90%;
    }

    .col-offset-xl-95 {
        margin-left: 95%;
    }

    .col-offset-xl-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-xl-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-xl-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-xl-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-xl-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-xl-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-xl-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-xl-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-xl-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-xl-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-xl-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-xl-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-xl-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-xl-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-xl-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-xl-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nonef-xl {
        margin: 0 auto;
        float: none;
    }

    .right-xl {
        float: right;
    }

    .left-xl {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-xl-10r {
        font-size: 10rem;
    }

    .text-xl-9_5r {
        font-size: 9.5rem;
    }

    .text-xl-9r {
        font-size: 9rem;
    }

    .text-xl-8_5r {
        font-size: 8.5rem;
    }

    .text-xl-8r {
        font-size: 8rem;
    }

    .text-xl-7_5r {
        font-size: 7.5rem;
    }

    .text-xl-7r {
        font-size: 7rem;
    }

    .text-xl-6_5r {
        font-size: 6.5rem;
    }

    .text-xl-6r {
        font-size: 6rem;
    }

    .text-xl-5_5r {
        font-size: 5.5rem;
    }

    .text-xl-5r {
        font-size: 5rem;
    }

    .text-xl-4_5r {
        font-size: 4.5rem;
    }

    .text-xl-4r {
        font-size: 4rem;
    }

    .text-xl-3_5r {
        font-size: 3.5rem;
    }

    .text-xl-3r {
        font-size: 3rem;
    }

    .text-xl-2_5r {
        font-size: 2.5rem;
    }

    .text-xl-2_4r {
        font-size: 2.4rem;
    }

    .text-xl-2_3r {
        font-size: 2.3rem;
    }

    .text-xl-2_2r {
        font-size: 2.2rem;
    }

    .text-xl-2_1r {
        font-size: 2.1rem;
    }

    .text-xl-2r {
        font-size: 2rem;
    }

    .text-xl-1_9r {
        font-size: 1.9rem;
    }

    .text-xl-1_8r {
        font-size: 1.8rem;
    }

    .text-xl-1_7r {
        font-size: 1.7rem;
    }

    .text-xl-1_6r {
        font-size: 1.6rem;
    }

    .text-xl-1_5r {
        font-size: 1.5rem;
    }

    .text-xl-1_4r {
        font-size: 1.4rem;
    }

    .text-xl-1_3r {
        font-size: 1.3rem;
    }

    .text-xl-1_2r {
        font-size: 1.2rem;
    }

    .text-xl-1_1r {
        font-size: 1.1rem;
    }

    .text-xl-1r {
        font-size: 1rem;
    }

    .text-xl-0_9r {
        font-size: 0.9rem;
    }

    .text-xl-0_8r {
        font-size: 0.8rem;
    }

    .text-xl-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-xl-justify {
        text-align: justify;
    }

    .text-xl-upper {
        text-transform: uppercase;
    }

    .text-xl-lower {
        text-transform: lowercase;
    }

    .text-xl-cap {
        text-transform: capitalize;
    }

    .text-xl-italic {
        font-style: italic;
    }

    .text-xl-smallcaps {
        font-variant: small-caps;
    }

    .underline-xl {
        text-decoration: underline;
    }

    .bold-xl {
        font-weight: 700;
    }

    .text-xl-shadow-1p {
        text-shadow: black 1px 1px;
    }

    .text-xl-shadow-2p {
        text-shadow: black 2px 2px;
    }

    .text-xl-shadow-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-xl {
        font-weight: 100;
    }

    .fw200-xl {
        font-weight: 200;
    }

    .fw300-xl {
        font-weight: 300;
    }

    .fw400-xl {
        font-weight: 400;
    }

    .fw500-xl {
        font-weight: 500;
    }

    .fw600-xl {
        font-weight: 600;
    }

    .fw700-xl {
        font-weight: 700;
    }

    .fw800-xl {
        font-weight: 800;
    }

    .fw900-xl {
        font-weight: 900;
    }

    .wrapline-xl {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-xl-normal {
        line-height: normal;
    }

    .lh-xl-inherit {
        line-height: inherit;
    }

    .lh-xl-1_1 {
        line-height: 1.1;
    }

    .lh-xl-1_2 {
        line-height: 1.2;
    }

    .lh-xl-1_3 {
        line-height: 1.3;
    }

    /* Min width an heights */
    .minh-xl-1r {
        min-height: 1rem;
    }

    .minh-xl-2r {
        min-height: 2rem;
    }

    .minh-xl-3r {
        min-height: 3rem;
    }

    .minh-xl-4r {
        min-height: 4rem;
    }

    .minh-xl-5r {
        min-height: 5rem;
    }

    .minh-xl-6r {
        min-height: 6rem;
    }

    .minh-xl-7r {
        min-height: 7rem;
    }

    .minh-xl-8r {
        min-height: 8rem;
    }

    .minh-xl-9r {
        min-height: 9rem;
    }

    .minh-xl-10r {
        min-height: 10rem;
    }

    .minw-xl-1r {
        min-width: 1rem;
    }

    .minw-xl-2r {
        min-width: 2rem;
    }

    .minw-xl-3r {
        min-width: 3rem;
    }

    .minw-xl-4r {
        min-width: 4rem;
    }

    .minw-xl-5r {
        min-width: 5rem;
    }

    .minw-xl-6r {
        min-width: 6rem;
    }

    .minw-xl-7r {
        min-width: 7rem;
    }

    .minw-xl-8r {
        min-width: 8rem;
    }

    .minw-xl-9r {
        min-width: 9rem;
    }

    .minw-xl-10r {
        min-width: 10rem;
    }

    .h100-xl {
        height: 100%;
    }

    .hauto-xl {
        height: auto;
    }


    /* Margins */
    .mrg-xl-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-xl-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-xl-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-xl-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-xl-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-xl-1r {
        margin: 1rem;
    }

    .mrg-top-xl-1r {
        margin-top: 1rem;
    }

    .mrg-right-xl-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-xl-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-xl-1r {
        margin-left: 1rem;
    }

    .mrg-xl-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-xl-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-xl-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-xl-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-xl-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-xl-2r {
        margin: 2rem;
    }

    .mrg-top-xl-2r {
        margin-top: 2rem;
    }

    .mrg-right-xl-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-xl-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-xl-2r {
        margin-left: 2rem;
    }

    .mrg-xl-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-xl-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-xl-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-xl-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-xl-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-xl-3r {
        margin: 3rem;
    }

    .mrg-top-xl-3r {
        margin-top: 3rem;
    }

    .mrg-right-xl-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-xl-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-xl-3r {
        margin-left: 3rem;
    }

    .mrg-xl-4r {
        margin: 4rem;
    }

    .mrg-top-xl-4r {
        margin-top: 4rem;
    }

    .mrg-right-xl-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-xl-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-xl-4r {
        margin-left: 4rem;
    }

    .mrg-xl-5r {
        margin: 5rem;
    }

    .mrg-top-xl-5r {
        margin-top: 5rem;
    }

    .mrg-right-xl-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-xl-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-xl-5r {
        margin-left: 5rem;
    }

    .mrg-xl-6r {
        margin: 6rem;
    }

    .mrg-top-xl-6r {
        margin-top: 6rem;
    }

    .mrg-right-xl-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-xl-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-xl-6r {
        margin-left: 6rem;
    }

    .mrg-xl-7r {
        margin: 7rem;
    }

    .mrg-top-xl-7r {
        margin-top: 7rem;
    }

    .mrg-right-xl-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-xl-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-xl-7r {
        margin-left: 7rem;
    }

    .mrg-xl-8r {
        margin: 8rem;
    }

    .mrg-top-xl-8r {
        margin-top: 8rem;
    }

    .mrg-right-xl-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-xl-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-xl-8r {
        margin-left: 8rem;
    }

    .mrg-xl-9r {
        margin: 9rem;
    }

    .mrg-top-xl-9r {
        margin-top: 9rem;
    }

    .mrg-right-xl-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-xl-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-xl-9r {
        margin-left: 9rem;
    }

    .mrg-xl-0 {
        margin: 0;
    }

    .mrg-top-xl-0 {
        margin-top: 0;
    }

    .mrg-right-xl-0 {
        margin-right: 0;
    }

    .mrg-bottom-xl-0 {
        margin-bottom: 0;
    }

    .mrg-left-xl-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-xl-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-xl-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-xl-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-xl-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-xl-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-xl-1r {
        padding: 1rem;
    }

    .pdg-top-xl-1r {
        padding-top: 1rem;
    }

    .pdg-right-xl-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-xl-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-xl-1r {
        padding-left: 1rem;
    }

    .pdg-xl-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-xl-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-xl-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-xl-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-xl-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-xl-2r {
        padding: 2rem;
    }

    .pdg-top-xl-2r {
        padding-top: 2rem;
    }

    .pdg-right-xl-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-xl-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-xl-2r {
        padding-left: 2rem;
    }

    .pdg-xl-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-xl-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-xl-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-xl-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-xl-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-xl-3r {
        padding: 3rem;
    }

    .pdg-top-xl-3r {
        padding-top: 3rem;
    }

    .pdg-right-xl-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-xl-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-xl-3r {
        padding-left: 3rem;
    }

    .pdg-xl-4r {
        padding: 4rem;
    }

    .pdg-top-xl-4r {
        padding-top: 4rem;
    }

    .pdg-right-xl-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-xl-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-xl-4r {
        padding-left: 4rem;
    }

    .pdg-xl-5r {
        padding: 5rem;
    }

    .pdg-top-xl-5r {
        padding-top: 5rem;
    }

    .pdg-right-xl-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-xl-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-xl-5r {
        padding-left: 5rem;
    }

    .pdg-xl-6r {
        padding: 6rem;
    }

    .pdg-top-xl-6r {
        padding-top: 6rem;
    }

    .pdg-right-xl-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-xl-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-xl-6r {
        padding-left: 6rem;
    }

    .pdg-xl-7r {
        padding: 7rem;
    }

    .pdg-top-xl-7r {
        padding-top: 7rem;
    }

    .pdg-right-xl-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-xl-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-xl-7r {
        padding-left: 7rem;
    }

    .pdg-xl-8r {
        padding: 8rem;
    }

    .pdg-top-xl-8r {
        padding-top: 8rem;
    }

    .pdg-right-xl-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-xl-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-xl-8r {
        padding-left: 8rem;
    }

    .pdg-xl-9r {
        padding: 9rem;
    }

    .pdg-top-xl-9r {
        padding-top: 9rem;
    }

    .pdg-right-xl-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-xl-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-xl-9r {
        padding-left: 9rem;
    }

    .pdg-xl-0 {
        padding: 0;
    }

    .pdg-top-xl-0 {
        padding-top: 0;
    }

    .pdg-right-xl-0 {
        padding-right: 0;
    }

    .pdg-bottom-xl-0 {
        padding-bottom: 0;
    }

    .pdg-left-xl-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-xl-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-xl-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-xl-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-xl-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-xl-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-xl-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-xl-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-xl-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-xl-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-xl-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-xl-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-xl-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-xl-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-xl-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-xl-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-xl-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-xl-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-xl-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-xl-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-xl-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-xl-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-xl-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-xl-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-xl-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-xl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-xl-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-xl-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-xl-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-xl-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-xl-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-xl-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-xl-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-xl-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-xl-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-xl-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-xl-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-xl-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-xl-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-xl-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-xl-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-xl-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-xl-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-xl-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-xl-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-xl-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-xl-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-xl-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-xl-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-xl-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-xl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Centered Content */
    .center-content-xl {
        margin: 0 auto;
    }

    .center-auto-xl {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-xl {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-xl {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-xl {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-xl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-xl {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-xl {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-xl-block {
        display: block;
    }

    .disp-xl-none {
        display: none;
    }

    .disp-xl-inlblock {
        display: inline-block;
    }

    .disp-xl-inline {
        display: inline;
    }

    .disp-xl-table {
        display: table;
    }

    /* Positions */
    .pos-xl-rel {
        position: relative;
    }

    .pos-xl-abs {
        position: absolute;
    }

    .pos-xl-fix {
        position: fixed;
    }

    .pos-xl-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-xl-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-xl-none-wl {
        list-style: none;
    }

    .list-xl-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-xl-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-xl-inlinebl {
        font-size: 0;
    }

        .list-xl-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-xl-none {
        border: none;
    }

    .border-left-xl-none {
        border-left: none;
    }

    .border-top-xl-none {
        border-top: none;
    }

    .border-right-xl-none {
        border-right: none;
    }

    .border-bottom-xl-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-xl-middle {
        vertical-align: middle;
    }

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

    .vertical-xl-bottom {
        vertical-align: bottom;
    }

    .vertical-xl-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-xl {
        visibility: hidden;
    }

    .visible-xl {
        visibility: visible;
    }

    .show-xl {
        display: block;
    }

    .hidden-xl {
        display: none;
    }

    /* Responsive Iframe */
    .alt-xl-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-xl {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-xl-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-xl-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-xl-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-xl-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-xl-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-xl-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-xl-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-xl-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-xl-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fl-c-xl-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-xl-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-xl-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-xl-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-xl-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-xl-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-xl-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-xl-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-xl-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-xl-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-xl-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-xl-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-xl-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-xl-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-xl-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-xl-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-xl-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-xl-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-xl-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-xl-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-xl-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-xl-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-xl-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-xl-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-xl-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-xl-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-xl-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }


    /* SVG */
    .svg-xl-fluid svg {
        width: 100%;
    }

    .svg-xl-140 svg {
        width: 140px;
    }
}

@media only screen and (max-width:1024px) {
    /* ---------------
        THEME
    ------------------ */
    .nav-responsive {
        display: block;
    }

    .nav-desktop {
        display: none;
    }

    .minhsections {
        min-height: auto;
    }

    .s4-homepage .dimensions-e2l .d-layer-above .d-layer-title {
        left: -8rem;
    }

    .s5-homepage .dimensions-e2l .d-layer-below {
        right: 0;
    }

    .s2-aboutus .dimensions-e2l .d-layer-above .d-layer-title {
        left: -8rem;
    }

    .s4-aboutus .dimensions-e2l .d-layer-below .img-bg {
        min-height: 22rem;
    }

    .s1-ourteam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 21rem;
    }

    .s1-testimonials .dimensions-e2l .d-layer-below {
        right: 10%;
    }

        .s1-testimonials .dimensions-e2l .d-layer-below .img-bg {
            min-height: 22rem;
        }

    .s1-exam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 27rem;
    }

    .s2-exam .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s2-exam .dimensions-e2l .d-layer-button {
        margin-top: 2rem;
    }

    .s2-exam .dimensions-e2l .d-layer-above {
        margin-top: 2rem;
    }

    .blog-post-header .date-blog-lightblue {
        right: -1rem;
    }

    .packages-section .icon-package {
        position: absolute;
        left: -4rem;
        top: 50%;
    }

    .packages-section .package-button {
        text-align: left;
        top: 3rem;
        margin-top: -2rem;
    }


    /* ---------------
        FW
    ------------------ */
    /* Width Columns */
    .col-l-5 {
        width: 5%;
    }

    .col-l-10 {
        width: 10%;
    }

    .col-l-15 {
        width: 15%;
    }

    .col-l-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-l-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-l-30 {
        width: 30%;
    }

    .col-l-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-l-35 {
        width: 35%;
    }

    .col-l-40 {
        width: 40%;
    }

    .col-l-45 {
        width: 45%;
    }

    .col-l-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-l-55 {
        width: 55%;
    }

    .col-l-60 {
        width: 60%;
    }

    .col-l-65 {
        width: 65%;
    }

    .col-l-70 {
        width: 70%;
    }

    .col-l-75 {
        width: 75%;
    }

    .col-l-80 {
        width: 80%;
    }

    .col-l-85 {
        width: 85%;
    }

    .col-l-90 {
        width: 90%;
    }

    .col-l-95 {
        width: 95%;
    }

    .col-l-100 {
        width: 100%;
    }

    .col-l-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-l-0 {
        margin-left: 0;
    }

    .col-offset-l-5 {
        margin-left: 5%;
    }

    .col-offset-l-10 {
        margin-left: 10%;
    }

    .col-offset-l-15 {
        margin-left: 15%;
    }

    .col-offset-l-20 {
        margin-left: 20%;
    }

    .col-offset-l-25 {
        margin-left: 25%;
    }

    .col-offset-l-30 {
        margin-left: 30%;
    }

    .col-offset-l-33 {
        margin-left: 33.3%;
    }

    .col-offset-l-35 {
        margin-left: 35%;
    }

    .col-offset-l-40 {
        margin-left: 40%;
    }

    .col-offset-l-45 {
        margin-left: 45%;
    }

    .col-offset-l-50 {
        margin-left: 50%;
    }

    .col-offset-l-55 {
        margin-left: 55%;
    }

    .col-offset-l-60 {
        margin-left: 60%;
    }

    .col-offset-l-65 {
        margin-left: 65%;
    }

    .col-offset-l-70 {
        margin-left: 70%;
    }

    .col-offset-l-75 {
        margin-left: 75%;
    }

    .col-offset-l-80 {
        margin-left: 80%;
    }

    .col-offset-l-85 {
        margin-left: 85%;
    }

    .col-offset-l-90 {
        margin-left: 90%;
    }

    .col-offset-l-95 {
        margin-left: 95%;
    }

    .col-offset-l-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-l-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-l-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-l-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-l-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-l-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-l-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-l-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-l-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-l-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-l-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-l-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-l-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-l-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-l-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-l-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nonef-l {
        margin: 0 auto;
        float: none;
    }

    .right-l {
        float: right;
    }

    .left-l {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-l-10r {
        font-size: 10rem;
    }

    .text-l-9_5r {
        font-size: 9.5rem;
    }

    .text-l-9r {
        font-size: 9rem;
    }

    .text-l-8_5r {
        font-size: 8.5rem;
    }

    .text-l-8r {
        font-size: 8rem;
    }

    .text-l-7_5r {
        font-size: 7.5rem;
    }

    .text-l-7r {
        font-size: 7rem;
    }

    .text-l-6_5r {
        font-size: 6.5rem;
    }

    .text-l-6r {
        font-size: 6rem;
    }

    .text-l-5_5r {
        font-size: 5.5rem;
    }

    .text-l-5r {
        font-size: 5rem;
    }

    .text-l-4_5r {
        font-size: 4.5rem;
    }

    .text-l-4r {
        font-size: 4rem;
    }

    .text-l-3_5r {
        font-size: 3.5rem;
    }

    .text-l-3r {
        font-size: 3rem;
    }

    .text-l-2_5r {
        font-size: 2.5rem;
    }

    .text-l-2_4r {
        font-size: 2.4rem;
    }

    .text-l-2_3r {
        font-size: 2.3rem;
    }

    .text-l-2_2r {
        font-size: 2.2rem;
    }

    .text-l-2_1r {
        font-size: 2.1rem;
    }

    .text-l-2r {
        font-size: 2rem;
    }

    .text-l-1_9r {
        font-size: 1.9rem;
    }

    .text-l-1_8r {
        font-size: 1.8rem;
    }

    .text-l-1_7r {
        font-size: 1.7rem;
    }

    .text-l-1_6r {
        font-size: 1.6rem;
    }

    .text-l-1_5r {
        font-size: 1.5rem;
    }

    .text-l-1_4r {
        font-size: 1.4rem;
    }

    .text-l-1_3r {
        font-size: 1.3rem;
    }

    .text-l-1_2r {
        font-size: 1.2rem;
    }

    .text-l-1_1r {
        font-size: 1.1rem;
    }

    .text-l-1r {
        font-size: 1rem;
    }

    .text-l-0_9r {
        font-size: 0.9rem;
    }

    .text-l-0_8r {
        font-size: 0.8rem;
    }

    .text-l-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-l-justify {
        text-align: justify;
    }

    .text-l-upper {
        text-transform: uppercase;
    }

    .text-l-lower {
        text-transform: lowercase;
    }

    .text-l-cap {
        text-transform: capitalize;
    }

    .text-l-italic {
        font-style: italic;
    }

    .text-l-smallcaps {
        font-variant: small-caps;
    }

    .underline-l {
        text-decoration: underline;
    }

    .bold-l {
        font-weight: 700;
    }

    .text-l-shadow-1p {
        text-shadow: black 1px 1px;
    }

    .text-l-shadow-2p {
        text-shadow: black 2px 2px;
    }

    .text-l-shadow-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-l {
        font-weight: 100;
    }

    .fw200-l {
        font-weight: 200;
    }

    .fw300-l {
        font-weight: 300;
    }

    .fw400-l {
        font-weight: 400;
    }

    .fw500-l {
        font-weight: 500;
    }

    .fw600-l {
        font-weight: 600;
    }

    .fw700-l {
        font-weight: 700;
    }

    .fw800-l {
        font-weight: 800;
    }

    .fw900-l {
        font-weight: 900;
    }

    .wrapline-l {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-l-normal {
        line-height: normal;
    }

    .lh-l-inherit {
        line-height: inherit;
    }

    .lh-l-1_1 {
        line-height: 1.1;
    }

    .lh-l-1_2 {
        line-height: 1.2;
    }

    .lh-l-1_3 {
        line-height: 1.3;
    }

    /* Min width an heights */
    .minh-l-1r {
        min-height: 1rem;
    }

    .minh-l-2r {
        min-height: 2rem;
    }

    .minh-l-3r {
        min-height: 3rem;
    }

    .minh-l-4r {
        min-height: 4rem;
    }

    .minh-l-5r {
        min-height: 5rem;
    }

    .minh-l-6r {
        min-height: 6rem;
    }

    .minh-l-7r {
        min-height: 7rem;
    }

    .minh-l-8r {
        min-height: 8rem;
    }

    .minh-l-9r {
        min-height: 9rem;
    }

    .minh-l-10r {
        min-height: 10rem;
    }

    .minw-l-1r {
        min-width: 1rem;
    }

    .minw-l-2r {
        min-width: 2rem;
    }

    .minw-l-3r {
        min-width: 3rem;
    }

    .minw-l-4r {
        min-width: 4rem;
    }

    .minw-l-5r {
        min-width: 5rem;
    }

    .minw-l-6r {
        min-width: 6rem;
    }

    .minw-l-7r {
        min-width: 7rem;
    }

    .minw-l-8r {
        min-width: 8rem;
    }

    .minw-l-9r {
        min-width: 9rem;
    }

    .minw-l-10r {
        min-width: 10rem;
    }

    .h100-l {
        height: 100%;
    }

    .hauto-l {
        height: auto;
    }

    /* Margins */
    .mrg-l-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-l-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-l-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-l-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-l-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-l-1r {
        margin: 1rem;
    }

    .mrg-top-l-1r {
        margin-top: 1rem;
    }

    .mrg-right-l-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-l-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-l-1r {
        margin-left: 1rem;
    }

    .mrg-l-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-l-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-l-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-l-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-l-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-l-2r {
        margin: 2rem;
    }

    .mrg-top-l-2r {
        margin-top: 2rem;
    }

    .mrg-right-l-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-l-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-l-2r {
        margin-left: 2rem;
    }

    .mrg-l-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-l-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-l-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-l-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-l-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-l-3r {
        margin: 3rem;
    }

    .mrg-top-l-3r {
        margin-top: 3rem;
    }

    .mrg-right-l-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-l-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-l-3r {
        margin-left: 3rem;
    }

    .mrg-l-4r {
        margin: 4rem;
    }

    .mrg-top-l-4r {
        margin-top: 4rem;
    }

    .mrg-right-l-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-l-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-l-4r {
        margin-left: 4rem;
    }

    .mrg-l-5r {
        margin: 5rem;
    }

    .mrg-top-l-5r {
        margin-top: 5rem;
    }

    .mrg-right-l-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-l-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-l-5r {
        margin-left: 5rem;
    }

    .mrg-l-6r {
        margin: 6rem;
    }

    .mrg-top-l-6r {
        margin-top: 6rem;
    }

    .mrg-right-l-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-l-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-l-6r {
        margin-left: 6rem;
    }

    .mrg-l-7r {
        margin: 7rem;
    }

    .mrg-top-l-7r {
        margin-top: 7rem;
    }

    .mrg-right-l-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-l-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-l-7r {
        margin-left: 7rem;
    }

    .mrg-l-8r {
        margin: 8rem;
    }

    .mrg-top-l-8r {
        margin-top: 8rem;
    }

    .mrg-right-l-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-l-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-l-8r {
        margin-left: 8rem;
    }

    .mrg-l-9r {
        margin: 9rem;
    }

    .mrg-top-l-9r {
        margin-top: 9rem;
    }

    .mrg-right-l-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-l-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-l-9r {
        margin-left: 9rem;
    }

    .mrg-l-0 {
        margin: 0;
    }

    .mrg-top-l-0 {
        margin-top: 0;
    }

    .mrg-right-l-0 {
        margin-right: 0;
    }

    .mrg-bottom-l-0 {
        margin-bottom: 0;
    }

    .mrg-left-l-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-l-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-l-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-l-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-l-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-l-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-l-1r {
        padding: 1rem;
    }

    .pdg-top-l-1r {
        padding-top: 1rem;
    }

    .pdg-right-l-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-l-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-l-1r {
        padding-left: 1rem;
    }

    .pdg-l-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-l-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-l-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-l-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-l-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-l-2r {
        padding: 2rem;
    }

    .pdg-top-l-2r {
        padding-top: 2rem;
    }

    .pdg-right-l-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-l-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-l-2r {
        padding-left: 2rem;
    }

    .pdg-l-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-l-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-l-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-l-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-l-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-l-3r {
        padding: 3rem;
    }

    .pdg-top-l-3r {
        padding-top: 3rem;
    }

    .pdg-right-l-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-l-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-l-3r {
        padding-left: 3rem;
    }

    .pdg-l-4r {
        padding: 4rem;
    }

    .pdg-top-l-4r {
        padding-top: 4rem;
    }

    .pdg-right-l-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-l-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-l-4r {
        padding-left: 4rem;
    }

    .pdg-l-5r {
        padding: 5rem;
    }

    .pdg-top-l-5r {
        padding-top: 5rem;
    }

    .pdg-right-l-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-l-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-l-5r {
        padding-left: 5rem;
    }

    .pdg-l-6r {
        padding: 6rem;
    }

    .pdg-top-l-6r {
        padding-top: 6rem;
    }

    .pdg-right-l-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-l-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-l-6r {
        padding-left: 6rem;
    }

    .pdg-l-7r {
        padding: 7rem;
    }

    .pdg-top-l-7r {
        padding-top: 7rem;
    }

    .pdg-right-l-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-l-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-l-7r {
        padding-left: 7rem;
    }

    .pdg-l-8r {
        padding: 8rem;
    }

    .pdg-top-l-8r {
        padding-top: 8rem;
    }

    .pdg-right-l-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-l-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-l-8r {
        padding-left: 8rem;
    }

    .pdg-l-9r {
        padding: 9rem;
    }

    .pdg-top-l-9r {
        padding-top: 9rem;
    }

    .pdg-right-l-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-l-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-l-9r {
        padding-left: 9rem;
    }

    .pdg-l-0 {
        padding: 0;
    }

    .pdg-top-l-0 {
        padding-top: 0;
    }

    .pdg-right-l-0 {
        padding-right: 0;
    }

    .pdg-bottom-l-0 {
        padding-bottom: 0;
    }

    .pdg-left-l-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-l-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-l-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-l-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-l-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-l-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-l-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-l-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-l-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-l-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-l-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-l-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-l-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-l-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-l-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-l-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-l-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-l-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-l-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-l-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-l-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-l-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-l-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-l-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-l-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-l-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-l-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-l-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-l-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-l-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-l-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-l-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-l-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-l-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-l-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-l-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-l-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-l-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-l-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-l-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-l-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-l-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-l-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-l-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-l-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-l-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-l-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-l-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-l-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-l-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-l-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-l-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-l-0 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Centered Content */
    .center-content-l {
        margin: 0 auto;
    }

    .center-auto-l {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-l {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-l {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-l {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-l {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-l {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-l {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-l-block {
        display: block;
    }

    .disp-l-none {
        display: none;
    }

    .disp-l-inlblock {
        display: inline-block;
    }

    .disp-l-inline {
        display: inline;
    }

    .disp-l-table {
        display: table;
    }

    /* Positions */
    .pos-l-rel {
        position: relative;
    }

    .pos-l-abs {
        position: absolute;
    }

    .pos-l-fix {
        position: fixed;
    }

    .pos-l-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-l-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-l-none-wl {
        list-style: none;
    }

    .list-l-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-l-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-l-inlinebl {
        font-size: 0;
    }

        .list-l-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-l-none {
        border: none;
    }

    .border-left-l-none {
        border-left: none;
    }

    .border-top-l-none {
        border-top: none;
    }

    .border-right-l-none {
        border-right: none;
    }

    .border-bottom-l-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-l-middle {
        vertical-align: middle;
    }

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

    .vertical-l-bottom {
        vertical-align: bottom;
    }

    .vertical-l-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-l {
        visibility: hidden;
    }

    .visible-l {
        visibility: visible;
    }

    .show-l {
        display: block;
    }

    .hidden-l {
        display: none;
    }

    /* Responsive Iframe */
    .alt-l-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-l {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-l-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-l-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-l-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-l-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-l-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-l-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-l-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-l-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-l-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-l-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        align-items: center;
        justify-content: center;
    }

    .fl-c-l-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-l-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-l-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-l-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-l-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-l-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-l-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-l-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-l-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-l-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-l-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-l-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-l-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-l-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-l-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-l-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-l-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-l-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-l-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-l-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-l-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-l-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-l-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-l-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-l-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-l-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-l-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }


    /* SVG */
    .svg-l-fluid svg {
        width: 100%;
    }

    .svg-l-140 svg {
        width: 140px;
    }
}

@media only screen and (max-width:800px) {
    /* ---------------
        THEME
    ------------------ */
    .word-underline-homepage-s1:after {
        bottom: 5px;
    }



    /*.s2-homepage .dimensions-e2l .d-layer-below {position: relative;}
    .s2-homepage .dimensions-e2l .d-layer-above {padding-top: 0;top: -4rem;}
    .s2-homepage .dimensions-e2l .d-layer-above .d-layer-button {padding-top: 3rem;}*/
    .s4-homepage .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s4-homepage .dimensions-e2l .d-layer-above {
        top: -4rem;
    }

        .s4-homepage .dimensions-e2l .d-layer-above .d-layer-title {
            left: 0;
            text-align: center;
        }

        .s4-homepage .dimensions-e2l .d-layer-above .d-layer-button {
            margin-top: 3rem;
            left: 0;
            text-align: center;
        }

    .s5-homepage .dimensions-e2l .d-layer-above {
        top: -3rem;
        z-index: 11;
        margin-bottom: -3rem;
    }

    .s5-homepage .dimensions-e2l .d-layer-below {
        position: relative;
        z-index: 10;
    }

    .s5-homepage .dimensions-e2l .d-layer-above > div:nth-child(1) {
        order: 2;
    }

    .s5-homepage .dimensions-e2l .d-layer-above > div:nth-child(2) {
        order: 3;
    }

    .s5-homepage .dimensions-e2l .d-layer-above > div:nth-child(1) {
        order: 1;
    }

    .s2-homepage .dimensions-e2l .d-layer-slider {
        margin-top: 2rem;
    }

    .s2-homepage .dimensions-e2l .d-layer-title {
        left: -5rem;
    }

    .s1-aboutus .dimensions-e2l .d-layer-below .img-bg {
        min-height: 19rem;
    }

    .s2-aboutus .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s2-aboutus .dimensions-e2l .d-layer-above {
        top: -2rem;
        margin-bottom: -4rem;
    }

        .s2-aboutus .dimensions-e2l .d-layer-above .d-layer-title {
            left: 0;
            text-align: center;
        }

        .s2-aboutus .dimensions-e2l .d-layer-above .d-layer-button {
            margin-top: 3rem;
            left: 0;
            text-align: center;
        }

    .s4-aboutus .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s4-aboutus .dimensions-e2l .d-layer-above {
        top: -2rem;
        margin-bottom: -2rem;
    }

    .s1-ourteam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 17rem;
    }

    .s1-testimonials .dimensions-e2l .d-layer-below .img-bg {
        min-height: 21rem;
    }

    .s2-testimonials .dimensions-e2l {
        padding-bottom: 0;
    }

        .s2-testimonials .dimensions-e2l .d-layer-above {
            min-height: auto;
        }

        .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-above .d-layer-title h2 {
            margin-left: 0;
        }

        .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-below {
            position: relative;
        }

        .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-above .d-layer-title h2 {
            margin-right: 0;
        }

        .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-below {
            position: relative;
        }

        .s2-testimonials .dimensions-e2l .d-layer-below .img-bg {
            min-height: 25rem;
        }

    .s1-help .search {
        margin-top: 21rem;
    }

    .s1-blog .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s1-blog .dimensions-e2l .d-layer-title {
        margin-top: -3rem;
    }

    .s1-blog .dimensions-e2l .d-layer-date {
        position: absolute;
        right: -1rem;
        left: auto;
        top: -8rem;
    }

    .s1-exam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 13rem;
    }

    .s1-exam .dimensions-e2l .d-layer-below {
        position: relative;
        top: 0;
    }

    .s1-exam .dimensions-e2l .d-layer-above {
        margin-top: -4rem;
    }

    .word-underline-exams-s1 > span:after {
        left: 0;
    }

    .packages-section h2 span.exam-word:after {
        top: 4rem;
    }

    #testimonials-carousel ul.slick-dots {
        right: 0.5rem;
    }

    #students-say-carousel ul.slick-dots {
        right: 0;
        left: 0;
        text-align: center;
    }

    /* ---------------
        FW
    ------------------ */
    /* Width Columns */
    .col-m-5 {
        width: 5%;
    }

    .col-m-10 {
        width: 10%;
    }

    .col-m-15 {
        width: 15%;
    }

    .col-m-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-m-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-m-30 {
        width: 30%;
    }

    .col-m-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-m-35 {
        width: 35%;
    }

    .col-m-40 {
        width: 40%;
    }

    .col-m-45 {
        width: 45%;
    }

    .col-m-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-m-55 {
        width: 55%;
    }

    .col-m-60 {
        width: 60%;
    }

    .col-m-65 {
        width: 65%;
    }

    .col-m-70 {
        width: 70%;
    }

    .col-m-75 {
        width: 75%;
    }

    .col-m-80 {
        width: 80%;
    }

    .col-m-85 {
        width: 85%;
    }

    .col-m-90 {
        width: 90%;
    }

    .col-m-95 {
        width: 95%;
    }

    .col-m-100 {
        width: 100%;
    }

    .col-m-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-m-0 {
        margin-left: 0;
    }

    .col-offset-m-5 {
        margin-left: 5%;
    }

    .col-offset-m-10 {
        margin-left: 10%;
    }

    .col-offset-m-15 {
        margin-left: 15%;
    }

    .col-offset-m-20 {
        margin-left: 20%;
    }

    .col-offset-m-25 {
        margin-left: 25%;
    }

    .col-offset-m-30 {
        margin-left: 30%;
    }

    .col-offset-m-33 {
        margin-left: 33.3%;
    }

    .col-offset-m-35 {
        margin-left: 35%;
    }

    .col-offset-m-40 {
        margin-left: 40%;
    }

    .col-offset-m-45 {
        margin-left: 45%;
    }

    .col-offset-m-50 {
        margin-left: 50%;
    }

    .col-offset-m-55 {
        margin-left: 55%;
    }

    .col-offset-m-60 {
        margin-left: 60%;
    }

    .col-offset-m-65 {
        margin-left: 65%;
    }

    .col-offset-m-70 {
        margin-left: 70%;
    }

    .col-offset-m-75 {
        margin-left: 75%;
    }

    .col-offset-m-80 {
        margin-left: 80%;
    }

    .col-offset-m-85 {
        margin-left: 85%;
    }

    .col-offset-m-90 {
        margin-left: 90%;
    }

    .col-offset-m-95 {
        margin-left: 95%;
    }

    .col-offset-m-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-m-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-m-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-m-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-m-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-m-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-m-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-m-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-m-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-m-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-m-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-m-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-m-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-m-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-m-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-m-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nonef-m {
        margin: 0 auto;
        float: none;
    }

    .right-m {
        float: right;
    }

    .left-m {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-m-10r {
        font-size: 10rem;
    }

    .text-m-9_5r {
        font-size: 9.5rem;
    }

    .text-m-9r {
        font-size: 9rem;
    }

    .text-m-8_5r {
        font-size: 8.5rem;
    }

    .text-m-8r {
        font-size: 8rem;
    }

    .text-m-7_5r {
        font-size: 7.5rem;
    }

    .text-m-7r {
        font-size: 7rem;
    }

    .text-m-6_5r {
        font-size: 6.5rem;
    }

    .text-m-6r {
        font-size: 6rem;
    }

    .text-m-5_5r {
        font-size: 5.5rem;
    }

    .text-m-5r {
        font-size: 5rem;
    }

    .text-m-4_5r {
        font-size: 4.5rem;
    }

    .text-m-4r {
        font-size: 4rem;
    }

    .text-m-3_5r {
        font-size: 3.5rem;
    }

    .text-m-3r {
        font-size: 3rem;
    }

    .text-m-2_5r {
        font-size: 2.5rem;
    }

    .text-m-2_4r {
        font-size: 2.4rem;
    }

    .text-m-2_3r {
        font-size: 2.3rem;
    }

    .text-m-2_2r {
        font-size: 2.2rem;
    }

    .text-m-2_1r {
        font-size: 2.1rem;
    }

    .text-m-2r {
        font-size: 2rem;
    }

    .text-m-1_9r {
        font-size: 1.9rem;
    }

    .text-m-1_8r {
        font-size: 1.8rem;
    }

    .text-m-1_7r {
        font-size: 1.7rem;
    }

    .text-m-1_6r {
        font-size: 1.6rem;
    }

    .text-m-1_5r {
        font-size: 1.5rem;
    }

    .text-m-1_4r {
        font-size: 1.4rem;
    }

    .text-m-1_3r {
        font-size: 1.3rem;
    }

    .text-m-1_2r {
        font-size: 1.2rem;
    }

    .text-m-1_1r {
        font-size: 1.1rem;
    }

    .text-m-1r {
        font-size: 1rem;
    }

    .text-m-0_9r {
        font-size: 0.9rem;
    }

    .text-m-0_8r {
        font-size: 0.8rem;
    }

    .text-m-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-m-justify {
        text-align: justify;
    }

    .text-m-upper {
        text-transform: uppercase;
    }

    .text-m-lower {
        text-transform: lowercase;
    }

    .text-m-cap {
        text-transform: capitalize;
    }

    .text-m-italic {
        font-style: italic;
    }

    .text-m-smallcaps {
        font-variant: small-caps;
    }

    .underline-m {
        text-decoration: underline;
    }

    .bold-m {
        font-weight: 700;
    }

    .text-m-shadow-1p {
        text-shadow: black 1px 1px;
    }

    .text-m-shadow-2p {
        text-shadow: black 2px 2px;
    }

    .text-m-shadow-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-m {
        font-weight: 100;
    }

    .fw200-m {
        font-weight: 200;
    }

    .fw300-m {
        font-weight: 300;
    }

    .fw400-m {
        font-weight: 400;
    }

    .fw500-m {
        font-weight: 500;
    }

    .fw600-m {
        font-weight: 600;
    }

    .fw700-m {
        font-weight: 700;
    }

    .fw800-m {
        font-weight: 800;
    }

    .fw900-m {
        font-weight: 900;
    }

    .wrapline-m {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-m-normal {
        line-height: normal;
    }

    .lh-m-inherit {
        line-height: inherit;
    }

    .lh-m-1_1 {
        line-height: 1.1;
    }

    .lh-m-1_2 {
        line-height: 1.2;
    }

    .lh-m-1_3 {
        line-height: 1.3;
    }

    /* Min width an heights */
    .minh-m-1r {
        min-height: 1rem;
    }

    .minh-m-2r {
        min-height: 2rem;
    }

    .minh-m-3r {
        min-height: 3rem;
    }

    .minh-m-4r {
        min-height: 4rem;
    }

    .minh-m-5r {
        min-height: 5rem;
    }

    .minh-m-6r {
        min-height: 6rem;
    }

    .minh-m-7r {
        min-height: 7rem;
    }

    .minh-m-8r {
        min-height: 8rem;
    }

    .minh-m-9r {
        min-height: 9rem;
    }

    .minh-m-10r {
        min-height: 10rem;
    }

    .minw-m-1r {
        min-width: 1rem;
    }

    .minw-m-2r {
        min-width: 2rem;
    }

    .minw-m-3r {
        min-width: 3rem;
    }

    .minw-m-4r {
        min-width: 4rem;
    }

    .minw-m-5r {
        min-width: 5rem;
    }

    .minw-m-6r {
        min-width: 6rem;
    }

    .minw-m-7r {
        min-width: 7rem;
    }

    .minw-m-8r {
        min-width: 8rem;
    }

    .minw-m-9r {
        min-width: 9rem;
    }

    .minw-m-10r {
        min-width: 10rem;
    }

    .h100-m {
        height: 100%;
    }

    .hauto-m {
        height: auto;
    }

    /* Margins */
    .mrg-m-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-m-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-m-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-m-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-m-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-m-1r {
        margin: 1rem;
    }

    .mrg-top-m-1r {
        margin-top: 1rem;
    }

    .mrg-right-m-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-m-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-m-1r {
        margin-left: 1rem;
    }

    .mrg-m-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-m-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-m-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-m-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-m-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-m-2r {
        margin: 2rem;
    }

    .mrg-top-m-2r {
        margin-top: 2rem;
    }

    .mrg-right-m-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-m-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-m-2r {
        margin-left: 2rem;
    }

    .mrg-m-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-m-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-m-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-m-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-m-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-m-3r {
        margin: 3rem;
    }

    .mrg-top-m-3r {
        margin-top: 3rem;
    }

    .mrg-right-m-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-m-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-m-3r {
        margin-left: 3rem;
    }

    .mrg-m-4r {
        margin: 4rem;
    }

    .mrg-top-m-4r {
        margin-top: 4rem;
    }

    .mrg-right-m-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-m-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-m-4r {
        margin-left: 4rem;
    }

    .mrg-m-5r {
        margin: 5rem;
    }

    .mrg-top-m-5r {
        margin-top: 5rem;
    }

    .mrg-right-m-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-m-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-m-5r {
        margin-left: 5rem;
    }

    .mrg-m-6r {
        margin: 6rem;
    }

    .mrg-top-m-6r {
        margin-top: 6rem;
    }

    .mrg-right-m-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-m-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-m-6r {
        margin-left: 6rem;
    }

    .mrg-m-7r {
        margin: 7rem;
    }

    .mrg-top-m-7r {
        margin-top: 7rem;
    }

    .mrg-right-m-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-m-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-m-7r {
        margin-left: 7rem;
    }

    .mrg-m-8r {
        margin: 8rem;
    }

    .mrg-top-m-8r {
        margin-top: 8rem;
    }

    .mrg-right-m-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-m-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-m-8r {
        margin-left: 8rem;
    }

    .mrg-m-9r {
        margin: 9rem;
    }

    .mrg-top-m-9r {
        margin-top: 9rem;
    }

    .mrg-right-m-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-m-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-m-9r {
        margin-left: 9rem;
    }

    .mrg-m-0 {
        margin: 0;
    }

    .mrg-top-m-0 {
        margin-top: 0;
    }

    .mrg-right-m-0 {
        margin-right: 0;
    }

    .mrg-bottom-m-0 {
        margin-bottom: 0;
    }

    .mrg-left-m-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-m-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-m-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-m-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-m-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-m-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-m-1r {
        padding: 1rem;
    }

    .pdg-top-m-1r {
        padding-top: 1rem;
    }

    .pdg-right-m-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-m-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-m-1r {
        padding-left: 1rem;
    }

    .pdg-m-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-m-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-m-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-m-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-m-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-m-2r {
        padding: 2rem;
    }

    .pdg-top-m-2r {
        padding-top: 2rem;
    }

    .pdg-right-m-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-m-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-m-2r {
        padding-left: 2rem;
    }

    .pdg-m-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-m-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-m-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-m-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-m-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-m-3r {
        padding: 3rem;
    }

    .pdg-top-m-3r {
        padding-top: 3rem;
    }

    .pdg-right-m-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-m-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-m-3r {
        padding-left: 3rem;
    }

    .pdg-m-4r {
        padding: 4rem;
    }

    .pdg-top-m-4r {
        padding-top: 4rem;
    }

    .pdg-right-m-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-m-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-m-4r {
        padding-left: 4rem;
    }

    .pdg-m-5r {
        padding: 5rem;
    }

    .pdg-top-m-5r {
        padding-top: 5rem;
    }

    .pdg-right-m-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-m-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-m-5r {
        padding-left: 5rem;
    }

    .pdg-m-6r {
        padding: 6rem;
    }

    .pdg-top-m-6r {
        padding-top: 6rem;
    }

    .pdg-right-m-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-m-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-m-6r {
        padding-left: 6rem;
    }

    .pdg-m-7r {
        padding: 7rem;
    }

    .pdg-top-m-7r {
        padding-top: 7rem;
    }

    .pdg-right-m-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-m-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-m-7r {
        padding-left: 7rem;
    }

    .pdg-m-8r {
        padding: 8rem;
    }

    .pdg-top-m-8r {
        padding-top: 8rem;
    }

    .pdg-right-m-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-m-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-m-8r {
        padding-left: 8rem;
    }

    .pdg-m-9r {
        padding: 9rem;
    }

    .pdg-top-m-9r {
        padding-top: 9rem;
    }

    .pdg-right-m-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-m-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-m-9r {
        padding-left: 9rem;
    }

    .pdg-m-0 {
        padding: 0;
    }

    .pdg-top-m-0 {
        padding-top: 0;
    }

    .pdg-right-m-0 {
        padding-right: 0;
    }

    .pdg-bottom-m-0 {
        padding-bottom: 0;
    }

    .pdg-left-m-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-m-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-m-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-m-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-m-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-m-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-m-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-m-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-m-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-m-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-m-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-m-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-m-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-m-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-m-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-m-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-m-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-m-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-m-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-m-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-m-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-m-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-m-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-m-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-m-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-m-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-m-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-m-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-m-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-m-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-m-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-m-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-m-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-m-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-m-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-m-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-m-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-m-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-m-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-m-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-m-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-m-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-m-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-m-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-m-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-m-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-m-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-m-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-m-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-m-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-m-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-m-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-m-0 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Centered Content */
    .center-content-m {
        margin: 0 auto;
    }

    .center-auto-m {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-m {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-m {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-m {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-m {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-m {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-m {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-m-block {
        display: block;
    }

    .disp-m-none {
        display: none;
    }

    .disp-m-inlblock {
        display: inline-block;
    }

    .disp-m-inline {
        display: inline;
    }

    .disp-m-table {
        display: table;
    }

    /* Positions */
    .pos-m-rel {
        position: relative;
    }

    .pos-m-abs {
        position: absolute;
    }

    .pos-m-fix {
        position: fixed;
    }

    .pos-m-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-m-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-m-none-wl {
        list-style: none;
    }

    .list-m-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-m-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-m-inlinebl {
        font-size: 0;
    }

        .list-m-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-m-none {
        border: none;
    }

    .border-left-m-none {
        border-left: none;
    }

    .border-top-m-none {
        border-top: none;
    }

    .border-right-m-none {
        border-right: none;
    }

    .border-bottom-m-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-m-middle {
        vertical-align: middle;
    }

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

    .vertical-m-bottom {
        vertical-align: bottom;
    }

    .vertical-m-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-m {
        visibility: hidden;
    }

    .visible-m {
        visibility: visible;
    }

    .show-m {
        display: block;
    }

    .hidden-m {
        display: none;
    }

    /* Responsive Iframe */
    .alt-m-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-m {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-m-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-m-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-m-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-m-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-m-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-m-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-m-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-m-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-m-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-m-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fl-c-m-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-m-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-m-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-m-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-m-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-m-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-m-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-m-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-m-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-m-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-m-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-m-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-m-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-m-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-m-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-m-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-m-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-m-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-m-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-m-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-m-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-m-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-m-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-m-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-m-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-m-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-m-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    /* SVG */
    .svg-m-fluid svg {
        width: 100%;
    }

    .svg-m-140 svg {
        width: 140px;
    }
}

@media only screen and (max-width:600px) {
    /* ---------------
        THEME
    ------------------ */
    .first-section {
        padding-bottom: 3px;
    }

    .s1-homepage .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s1-homepage .dimensions-e2l .d-layer-above {
        text-align: center;
        margin-bottom: 4rem;
    }

    .s2-homepage .dimensions-e2l .d-layer-title {
        left: -3rem;
    }

    .how-e2-works .dimensions-e2l .d-layer-above {
        top: -4rem;
        margin-bottom: -4rem;
    }

    .s1-aboutus .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s1-aboutus .dimensions-e2l .d-layer-above {
        text-align: center;
        top: -2rem;
    }

    .s1-ourteam .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s1-ourteam .dimensions-e2l .d-layer-above {
        top: -2rem;
    }

    .s1-testimonials .dimensions-e2l .d-layer-below {
        position: relative;
        top: 0;
    }

    .s1-testimonials .dimensions-e2l .d-layer-above {
        text-align: center;
        top: -2rem;
        margin-bottom: -2rem;
    }

    .s1-testimonials .dimensions-e2l .d-layer-below {
        right: 0;
    }

    .s2-testimonials .dimensions-e2l.testimonial-right .d-layer-below:before {
        left: -2rem;
    }

    .s2-testimonials .dimensions-e2l.testimonial-left .d-layer-below:after {
        right: -2rem;
    }

    .s1-help .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s1-help .dimensions-e2l .d-layer-above {
        top: -2rem;
        margin-bottom: -2rem;
    }

    .s1-help .search {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .s1-blog h1:after {
        width: 14rem;
    }

    .s1-blog h1:before {
        width: 15rem;
        left: -3rem;
    }

    .s2-blog .dimensions-e2l .d-layer-below {
        position: relative;
    }

    .s2-exam .dimensions-e2l .d-layer-below .img-bg {
        min-height: 22rem;
    }

    .packages-section .icon-package {
        left: 0;
        right: 0;
        top: 2rem;
    }

    .packages-section .package-button {
        text-align: center;
    }

    .packages-section h2 span.exam-word {
        top: -2.5rem;
    }

    .blog-post-header .img-bg {
        min-height: 25rem;
    }

    .word-underline-ourteam-s3:after {
        width: 18rem;
        bottom: 4rem;
        left: 30%;
    }

    footer .footer-box .footer-box-int {
        position: static;
    }



    /* ---------------
        FW
    ------------------ */
    /* Uniques */
    .color-s-white {
        color: white;
    }


    /* Width Columns */
    .col-s-5 {
        width: 5%;
    }

    .col-s-10 {
        width: 10%;
    }

    .col-s-15 {
        width: 15%;
    }

    .col-s-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-s-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-s-30 {
        width: 30%;
    }

    .col-s-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-s-35 {
        width: 35%;
    }

    .col-s-40 {
        width: 40%;
    }

    .col-s-45 {
        width: 45%;
    }

    .col-s-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-s-55 {
        width: 55%;
    }

    .col-s-60 {
        width: 60%;
    }

    .col-s-65 {
        width: 65%;
    }

    .col-s-70 {
        width: 70%;
    }

    .col-s-75 {
        width: 75%;
    }

    .col-s-80 {
        width: 80%;
    }

    .col-s-85 {
        width: 85%;
    }

    .col-s-90 {
        width: 90%;
    }

    .col-s-95 {
        width: 95%;
    }

    .col-s-100 {
        width: 100%;
    }

    .col-s-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-s-0 {
        margin-left: 0;
    }

    .col-offset-s-5 {
        margin-left: 5%;
    }

    .col-offset-s-10 {
        margin-left: 10%;
    }

    .col-offset-s-15 {
        margin-left: 15%;
    }

    .col-offset-s-20 {
        margin-left: 20%;
    }

    .col-offset-s-25 {
        margin-left: 25%;
    }

    .col-offset-s-30 {
        margin-left: 30%;
    }

    .col-offset-s-33 {
        margin-left: 33.3%;
    }

    .col-offset-s-35 {
        margin-left: 35%;
    }

    .col-offset-s-40 {
        margin-left: 40%;
    }

    .col-offset-s-45 {
        margin-left: 45%;
    }

    .col-offset-s-50 {
        margin-left: 50%;
    }

    .col-offset-s-55 {
        margin-left: 55%;
    }

    .col-offset-s-60 {
        margin-left: 60%;
    }

    .col-offset-s-65 {
        margin-left: 65%;
    }

    .col-offset-s-70 {
        margin-left: 70%;
    }

    .col-offset-s-75 {
        margin-left: 75%;
    }

    .col-offset-s-80 {
        margin-left: 80%;
    }

    .col-offset-s-85 {
        margin-left: 85%;
    }

    .col-offset-s-90 {
        margin-left: 90%;
    }

    .col-offset-s-95 {
        margin-left: 95%;
    }

    .col-offset-s-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-s-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-s-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-s-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-s-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-s-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-s-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-s-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-s-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-s-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-s-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-s-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-s-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-s-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-s-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-s-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nonef-s {
        margin: 0 auto;
        float: none;
    }

    .right-s {
        float: right;
    }

    .left-s {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-s-10r {
        font-size: 10rem;
    }

    .text-s-9_5r {
        font-size: 9.5rem;
    }

    .text-s-9r {
        font-size: 9rem;
    }

    .text-s-8_5r {
        font-size: 8.5rem;
    }

    .text-s-8r {
        font-size: 8rem;
    }

    .text-s-7_5r {
        font-size: 7.5rem;
    }

    .text-s-7r {
        font-size: 7rem;
    }

    .text-s-6_5r {
        font-size: 6.5rem;
    }

    .text-s-6r {
        font-size: 6rem;
    }

    .text-s-5_5r {
        font-size: 5.5rem;
    }

    .text-s-5r {
        font-size: 5rem;
    }

    .text-s-4_5r {
        font-size: 4.5rem;
    }

    .text-s-4r {
        font-size: 4rem;
    }

    .text-s-3_5r {
        font-size: 3.5rem;
    }

    .text-s-3r {
        font-size: 3rem;
    }

    .text-s-2_5r {
        font-size: 2.5rem;
    }

    .text-s-2_4r {
        font-size: 2.4rem;
    }

    .text-s-2_3r {
        font-size: 2.3rem;
    }

    .text-s-2_2r {
        font-size: 2.2rem;
    }

    .text-s-2_1r {
        font-size: 2.1rem;
    }

    .text-s-2r {
        font-size: 2rem;
    }

    .text-s-1_9r {
        font-size: 1.9rem;
    }

    .text-s-1_8r {
        font-size: 1.8rem;
    }

    .text-s-1_7r {
        font-size: 1.7rem;
    }

    .text-s-1_6r {
        font-size: 1.6rem;
    }

    .text-s-1_5r {
        font-size: 1.5rem;
    }

    .text-s-1_4r {
        font-size: 1.4rem;
    }

    .text-s-1_3r {
        font-size: 1.3rem;
    }

    .text-s-1_2r {
        font-size: 1.2rem;
    }

    .text-s-1_1r {
        font-size: 1.1rem;
    }

    .text-s-1r {
        font-size: 1rem;
    }

    .text-s-0_9r {
        font-size: 0.9rem;
    }

    .text-s-0_8r {
        font-size: 0.8rem;
    }

    .text-s-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-s-justify {
        text-align: justify;
    }

    .text-s-upper {
        text-transform: uppercase;
    }

    .text-s-lower {
        text-transform: lowercase;
    }

    .text-s-cap {
        text-transform: capitalize;
    }

    .text-s-italic {
        font-style: italic;
    }

    .text-s-smallcaps {
        font-variant: small-caps;
    }

    .underline-s {
        text-decoration: underline;
    }

    .bold-s {
        font-weight: 700;
    }

    .text-s-shadow-1p {
        text-shadow: black 1px 1px;
    }

    .text-s-shadow-2p {
        text-shadow: black 2px 2px;
    }

    .text-s-shadow-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-s {
        font-weight: 100;
    }

    .fw200-s {
        font-weight: 200;
    }

    .fw300-s {
        font-weight: 300;
    }

    .fw400-s {
        font-weight: 400;
    }

    .fw500-s {
        font-weight: 500;
    }

    .fw600-s {
        font-weight: 600;
    }

    .fw700-s {
        font-weight: 700;
    }

    .fw800-s {
        font-weight: 800;
    }

    .fw900-s {
        font-weight: 900;
    }

    .wrapline-s {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-s-normal {
        line-height: normal;
    }

    .lh-s-inherit {
        line-height: inherit;
    }

    .lh-s-1_1 {
        line-height: 1.1;
    }

    .lh-s-1_2 {
        line-height: 1.2;
    }

    .lh-s-1_3 {
        line-height: 1.3;
    }

    /* Min width an heights */
    .minh-s-1r {
        min-height: 1rem;
    }

    .minh-s-2r {
        min-height: 2rem;
    }

    .minh-s-3r {
        min-height: 3rem;
    }

    .minh-s-4r {
        min-height: 4rem;
    }

    .minh-s-5r {
        min-height: 5rem;
    }

    .minh-s-6r {
        min-height: 6rem;
    }

    .minh-s-7r {
        min-height: 7rem;
    }

    .minh-s-8r {
        min-height: 8rem;
    }

    .minh-s-9r {
        min-height: 9rem;
    }

    .minh-s-10r {
        min-height: 10rem;
    }

    .minw-s-1r {
        min-width: 1rem;
    }

    .minw-s-2r {
        min-width: 2rem;
    }

    .minw-s-3r {
        min-width: 3rem;
    }

    .minw-s-4r {
        min-width: 4rem;
    }

    .minw-s-5r {
        min-width: 5rem;
    }

    .minw-s-6r {
        min-width: 6rem;
    }

    .minw-s-7r {
        min-width: 7rem;
    }

    .minw-s-8r {
        min-width: 8rem;
    }

    .minw-s-9r {
        min-width: 9rem;
    }

    .minw-s-10r {
        min-width: 10rem;
    }

    .h100-s {
        height: 100%;
    }

    .hauto-s {
        height: auto;
    }

    /* Margins */
    .mrg-s-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-s-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-s-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-s-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-s-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-s-1r {
        margin: 1rem;
    }

    .mrg-top-s-1r {
        margin-top: 1rem;
    }

    .mrg-right-s-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-s-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-s-1r {
        margin-left: 1rem;
    }

    .mrg-s-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-s-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-s-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-s-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-s-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-s-2r {
        margin: 2rem;
    }

    .mrg-top-s-2r {
        margin-top: 2rem;
    }

    .mrg-right-s-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-s-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-s-2r {
        margin-left: 2rem;
    }

    .mrg-s-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-s-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-s-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-s-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-s-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-s-3r {
        margin: 3rem;
    }

    .mrg-top-s-3r {
        margin-top: 3rem;
    }

    .mrg-right-s-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-s-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-s-3r {
        margin-left: 3rem;
    }

    .mrg-s-4r {
        margin: 4rem;
    }

    .mrg-top-s-4r {
        margin-top: 4rem;
    }

    .mrg-right-s-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-s-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-s-4r {
        margin-left: 4rem;
    }

    .mrg-s-5r {
        margin: 5rem;
    }

    .mrg-top-s-5r {
        margin-top: 5rem;
    }

    .mrg-right-s-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-s-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-s-5r {
        margin-left: 5rem;
    }

    .mrg-s-6r {
        margin: 6rem;
    }

    .mrg-top-s-6r {
        margin-top: 6rem;
    }

    .mrg-right-s-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-s-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-s-6r {
        margin-left: 6rem;
    }

    .mrg-s-7r {
        margin: 7rem;
    }

    .mrg-top-s-7r {
        margin-top: 7rem;
    }

    .mrg-right-s-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-s-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-s-7r {
        margin-left: 7rem;
    }

    .mrg-s-8r {
        margin: 8rem;
    }

    .mrg-top-s-8r {
        margin-top: 8rem;
    }

    .mrg-right-s-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-s-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-s-8r {
        margin-left: 8rem;
    }

    .mrg-s-9r {
        margin: 9rem;
    }

    .mrg-top-s-9r {
        margin-top: 9rem;
    }

    .mrg-right-s-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-s-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-s-9r {
        margin-left: 9rem;
    }

    .mrg-s-0 {
        margin: 0;
    }

    .mrg-top-s-0 {
        margin-top: 0;
    }

    .mrg-right-s-0 {
        margin-right: 0;
    }

    .mrg-bottom-s-0 {
        margin-bottom: 0;
    }

    .mrg-left-s-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-s-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-s-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-s-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-s-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-s-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-s-1r {
        padding: 1rem;
    }

    .pdg-top-s-1r {
        padding-top: 1rem;
    }

    .pdg-right-s-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-s-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-s-1r {
        padding-left: 1rem;
    }

    .pdg-s-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-s-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-s-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-s-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-s-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-s-2r {
        padding: 2rem;
    }

    .pdg-top-s-2r {
        padding-top: 2rem;
    }

    .pdg-right-s-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-s-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-s-2r {
        padding-left: 2rem;
    }

    .pdg-s-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-s-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-s-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-s-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-s-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-s-3r {
        padding: 3rem;
    }

    .pdg-top-s-3r {
        padding-top: 3rem;
    }

    .pdg-right-s-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-s-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-s-3r {
        padding-left: 3rem;
    }

    .pdg-s-4r {
        padding: 4rem;
    }

    .pdg-top-s-4r {
        padding-top: 4rem;
    }

    .pdg-right-s-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-s-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-s-4r {
        padding-left: 4rem;
    }

    .pdg-s-5r {
        padding: 5rem;
    }

    .pdg-top-s-5r {
        padding-top: 5rem;
    }

    .pdg-right-s-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-s-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-s-5r {
        padding-left: 5rem;
    }

    .pdg-s-6r {
        padding: 6rem;
    }

    .pdg-top-s-6r {
        padding-top: 6rem;
    }

    .pdg-right-s-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-s-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-s-6r {
        padding-left: 6rem;
    }

    .pdg-s-7r {
        padding: 7rem;
    }

    .pdg-top-s-7r {
        padding-top: 7rem;
    }

    .pdg-right-s-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-s-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-s-7r {
        padding-left: 7rem;
    }

    .pdg-s-8r {
        padding: 8rem;
    }

    .pdg-top-s-8r {
        padding-top: 8rem;
    }

    .pdg-right-s-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-s-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-s-8r {
        padding-left: 8rem;
    }

    .pdg-s-9r {
        padding: 9rem;
    }

    .pdg-top-s-9r {
        padding-top: 9rem;
    }

    .pdg-right-s-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-s-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-s-9r {
        padding-left: 9rem;
    }

    .pdg-s-0 {
        padding: 0;
    }

    .pdg-top-s-0 {
        padding-top: 0;
    }

    .pdg-right-s-0 {
        padding-right: 0;
    }

    .pdg-bottom-s-0 {
        padding-bottom: 0;
    }

    .pdg-left-s-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-s-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-s-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-s-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-s-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-s-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-s-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-s-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-s-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-s-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-s-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-s-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-s-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-s-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-s-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-s-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-s-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-s-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-s-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-s-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-s-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-s-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-s-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-s-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-s-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-s-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-s-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-s-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-s-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-s-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-s-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-s-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-s-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-s-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-s-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-s-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-s-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-s-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-s-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-s-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-s-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-s-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-s-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-s-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-s-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-s-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-s-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-s-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-s-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-s-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-s-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-s-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-s-0 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Centered Content */
    .center-content-s {
        margin: 0 auto;
    }

    .center-auto-s {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-s {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-s {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-s {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-s {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-s {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-s {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-s-block {
        display: block;
    }

    .disp-s-none {
        display: none;
    }

    .disp-s-inlblock {
        display: inline-block;
    }

    .disp-s-inline {
        display: inline;
    }

    .disp-s-table {
        display: table;
    }

    /* Positions */
    .pos-s-rel {
        position: relative;
    }

    .pos-s-abs {
        position: absolute;
    }

    .pos-s-fix {
        position: fixed;
    }

    .pos-s-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-s-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-s-none-wl {
        list-style: none;
    }

    .list-s-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-s-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-s-inlinebl {
        font-size: 0;
    }

        .list-s-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-s-none {
        border: none;
    }

    .border-left-s-none {
        border-left: none;
    }

    .border-top-s-none {
        border-top: none;
    }

    .border-right-s-none {
        border-right: none;
    }

    .border-bottom-s-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-s-middle {
        vertical-align: middle;
    }

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

    .vertical-s-bottom {
        vertical-align: bottom;
    }

    .vertical-s-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-s {
        visibility: hidden;
    }

    .visible-s {
        visibility: visible;
    }

    .show-s {
        display: block;
    }

    .hidden-s {
        display: none;
    }

    /* Responsive Iframe */
    .alt-s-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-s {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-s-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-s-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-s-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-s-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-s-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-s-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-s-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-s-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-s-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-s-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fl-c-s-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-s-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-s-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-s-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-s-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-s-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-s-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-s-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-s-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-s-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-s-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-s-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-s-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-s-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-s-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-s-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-s-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-s-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-s-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-s-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-s-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-s-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-s-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-s-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-s-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-s-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-s-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    /* SVG */
    .svg-s-fluid svg {
        width: 100%;
    }

    .svg-s-140 svg {
        width: 140px;
    }
}

@media only screen and (max-width:480px) {
    /* ---------------
        THEME
    ------------------ */
    .word-underline-ourteam-s3:after {
        width: 15rem;
        bottom: 3rem;
        left: 2rem;
    }

    .s1-homepage .dimensions-e2l .d-layer-above {
        top: 1rem;
        margin-bottom: 5rem;
    }

    .s2-help .dimensions-e2l .d-layer-title h3 {
        margin-left: 0;
    }

    .s1-blog h1:before, .s1-blog h1:after {
        height: 0.5rem;
        width: 12rem;
    }

    .s1-blog h1:after {
        left: 6rem;
        bottom: 0.8rem;
    }

    .s2-exam .dimensions-e2l .d-layer-above {
        margin-top: -2rem;
    }

    .packages-section h2 span.exam-word {
        left: 0;
    }

        .packages-section h2 span.exam-word:after {
            top: 4rem;
        }

        .packages-section h2 span.exam-word span {
            margin-top: -1rem;
        }

    .blog-post-header .date-blog-lightblue {
        right: 0;
    }

    .container-live-classes .live-class:not(:last-child) {
        margin-bottom: 1rem;
    }


    /* ---------------
        FW
    ------------------ */
    /* Width Columns */
    .col-xs-5 {
        width: 5%;
    }

    .col-xs-10 {
        width: 10%;
    }

    .col-xs-15 {
        width: 15%;
    }

    .col-xs-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-xs-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-xs-30 {
        width: 30%;
    }

    .col-xs-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-xs-35 {
        width: 35%;
    }

    .col-xs-40 {
        width: 40%;
    }

    .col-xs-45 {
        width: 45%;
    }

    .col-xs-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-xs-55 {
        width: 55%;
    }

    .col-xs-60 {
        width: 60%;
    }

    .col-xs-65 {
        width: 65%;
    }

    .col-xs-70 {
        width: 70%;
    }

    .col-xs-75 {
        width: 75%;
    }

    .col-xs-80 {
        width: 80%;
    }

    .col-xs-85 {
        width: 85%;
    }

    .col-xs-90 {
        width: 90%;
    }

    .col-xs-95 {
        width: 95%;
    }

    .col-xs-100 {
        width: 100%;
    }

    .col-xs-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-xs-0 {
        margin-left: 0;
    }

    .col-offset-xs-5 {
        margin-left: 5%;
    }

    .col-offset-xs-10 {
        margin-left: 10%;
    }

    .col-offset-xs-15 {
        margin-left: 15%;
    }

    .col-offset-xs-20 {
        margin-left: 20%;
    }

    .col-offset-xs-25 {
        margin-left: 25%;
    }

    .col-offset-xs-30 {
        margin-left: 30%;
    }

    .col-offset-xs-33 {
        margin-left: 33.3%;
    }

    .col-offset-xs-35 {
        margin-left: 35%;
    }

    .col-offset-xs-40 {
        margin-left: 40%;
    }

    .col-offset-xs-45 {
        margin-left: 45%;
    }

    .col-offset-xs-50 {
        margin-left: 50%;
    }

    .col-offset-xs-55 {
        margin-left: 55%;
    }

    .col-offset-xs-60 {
        margin-left: 60%;
    }

    .col-offset-xs-65 {
        margin-left: 65%;
    }

    .col-offset-xs-70 {
        margin-left: 70%;
    }

    .col-offset-xs-75 {
        margin-left: 75%;
    }

    .col-offset-xs-80 {
        margin-left: 80%;
    }

    .col-offset-xs-85 {
        margin-left: 85%;
    }

    .col-offset-xs-90 {
        margin-left: 90%;
    }

    .col-offset-xs-95 {
        margin-left: 95%;
    }

    .col-offset-xs-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-xs-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-xs-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-xs-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-xs-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-xs-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-xs-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-xs-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-xs-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-xs-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-xs-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-xs-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-xs-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-xs-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-xs-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-xs-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nonef-xs {
        margin: 0 auto;
        float: none;
    }

    .right-xs {
        float: right;
    }

    .left-xs {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-xs-10r {
        font-size: 10rem;
    }

    .text-xs-9_5r {
        font-size: 9.5rem;
    }

    .text-xs-9r {
        font-size: 9rem;
    }

    .text-xs-8_5r {
        font-size: 8.5rem;
    }

    .text-xs-8r {
        font-size: 8rem;
    }

    .text-xs-7_5r {
        font-size: 7.5rem;
    }

    .text-xs-7r {
        font-size: 7rem;
    }

    .text-xs-6_5r {
        font-size: 6.5rem;
    }

    .text-xs-6r {
        font-size: 6rem;
    }

    .text-xs-5_5r {
        font-size: 5.5rem;
    }

    .text-xs-5r {
        font-size: 5rem;
    }

    .text-xs-4_5r {
        font-size: 4.5rem;
    }

    .text-xs-4r {
        font-size: 4rem;
    }

    .text-xs-3_5r {
        font-size: 3.5rem;
    }

    .text-xs-3r {
        font-size: 3rem;
    }

    .text-xs-2_5r {
        font-size: 2.5rem;
    }

    .text-xs-2_4r {
        font-size: 2.4rem;
    }

    .text-xs-2_3r {
        font-size: 2.3rem;
    }

    .text-xs-2_2r {
        font-size: 2.2rem;
    }

    .text-xs-2_1r {
        font-size: 2.1rem;
    }

    .text-xs-2r {
        font-size: 2rem;
    }

    .text-xs-1_9r {
        font-size: 1.9rem;
    }

    .text-xs-1_8r {
        font-size: 1.8rem;
    }

    .text-xs-1_7r {
        font-size: 1.7rem;
    }

    .text-xs-1_6r {
        font-size: 1.6rem;
    }

    .text-xs-1_5r {
        font-size: 1.5rem;
    }

    .text-xs-1_4r {
        font-size: 1.4rem;
    }

    .text-xs-1_3r {
        font-size: 1.3rem;
    }

    .text-xs-1_2r {
        font-size: 1.2rem;
    }

    .text-xs-1_1r {
        font-size: 1.1rem;
    }

    .text-xs-1r {
        font-size: 1rem;
    }

    .text-xs-0_9r {
        font-size: 0.9rem;
    }

    .text-xs-0_8r {
        font-size: 0.8rem;
    }

    .text-xs-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-xs-justify {
        text-align: justify;
    }

    .text-xs-upper {
        text-transform: uppercase;
    }

    .text-xs-lower {
        text-transform: lowercase;
    }

    .text-xs-cap {
        text-transform: capitalize;
    }

    .text-xs-italic {
        font-style: italic;
    }

    .text-xs-smallcaps {
        font-variant: small-caps;
    }

    .underline-xs {
        text-decoration: underline;
    }

    .bold-xs {
        font-weight: 700;
    }

    .text-xs-shadow-1p {
        text-shadow: black 1px 1px;
    }

    .text-xs-shadow-2p {
        text-shadow: black 2px 2px;
    }

    .text-xs-shadow-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-xs {
        font-weight: 100;
    }

    .fw200-xs {
        font-weight: 200;
    }

    .fw300-xs {
        font-weight: 300;
    }

    .fw400-xs {
        font-weight: 400;
    }

    .fw500-xs {
        font-weight: 500;
    }

    .fw600-xs {
        font-weight: 600;
    }

    .fw700-xs {
        font-weight: 700;
    }

    .fw800-xs {
        font-weight: 800;
    }

    .fw900-xs {
        font-weight: 900;
    }

    .wrapline-xs {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-xs-normal {
        line-height: normal;
    }

    .lh-xs-inherit {
        line-height: inherit;
    }

    .lh-xs-1_1 {
        line-height: 1.1;
    }

    .lh-xs-1_2 {
        line-height: 1.2;
    }

    .lh-xs-1_3 {
        line-height: 1.3;
    }

    /* Min width an heights */
    .minh-xs-1r {
        min-height: 1rem;
    }

    .minh-xs-2r {
        min-height: 2rem;
    }

    .minh-xs-3r {
        min-height: 3rem;
    }

    .minh-xs-4r {
        min-height: 4rem;
    }

    .minh-xs-5r {
        min-height: 5rem;
    }

    .minh-xs-6r {
        min-height: 6rem;
    }

    .minh-xs-7r {
        min-height: 7rem;
    }

    .minh-xs-8r {
        min-height: 8rem;
    }

    .minh-xs-9r {
        min-height: 9rem;
    }

    .minh-xs-10r {
        min-height: 10rem;
    }

    .minw-xs-1r {
        min-width: 1rem;
    }

    .minw-xs-2r {
        min-width: 2rem;
    }

    .minw-xs-3r {
        min-width: 3rem;
    }

    .minw-xs-4r {
        min-width: 4rem;
    }

    .minw-xs-5r {
        min-width: 5rem;
    }

    .minw-xs-6r {
        min-width: 6rem;
    }

    .minw-xs-7r {
        min-width: 7rem;
    }

    .minw-xs-8r {
        min-width: 8rem;
    }

    .minw-xs-9r {
        min-width: 9rem;
    }

    .minw-xs-10r {
        min-width: 10rem;
    }

    .h100-xs {
        height: 100%;
    }

    .hauto-xs {
        height: auto;
    }

    /* Margins */
    .mrg-xs-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-xs-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-xs-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-xs-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-xs-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-xs-1r {
        margin: 1rem;
    }

    .mrg-top-xs-1r {
        margin-top: 1rem;
    }

    .mrg-right-xs-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-xs-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-xs-1r {
        margin-left: 1rem;
    }

    .mrg-xs-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-xs-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-xs-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-xs-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-xs-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-xs-2r {
        margin: 2rem;
    }

    .mrg-top-xs-2r {
        margin-top: 2rem;
    }

    .mrg-right-xs-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-xs-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-xs-2r {
        margin-left: 2rem;
    }

    .mrg-xs-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-xs-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-xs-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-xs-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-xs-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-xs-3r {
        margin: 3rem;
    }

    .mrg-top-xs-3r {
        margin-top: 3rem;
    }

    .mrg-right-xs-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-xs-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-xs-3r {
        margin-left: 3rem;
    }

    .mrg-xs-4r {
        margin: 4rem;
    }

    .mrg-top-xs-4r {
        margin-top: 4rem;
    }

    .mrg-right-xs-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-xs-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-xs-4r {
        margin-left: 4rem;
    }

    .mrg-xs-5r {
        margin: 5rem;
    }

    .mrg-top-xs-5r {
        margin-top: 5rem;
    }

    .mrg-right-xs-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-xs-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-xs-5r {
        margin-left: 5rem;
    }

    .mrg-xs-6r {
        margin: 6rem;
    }

    .mrg-top-xs-6r {
        margin-top: 6rem;
    }

    .mrg-right-xs-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-xs-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-xs-6r {
        margin-left: 6rem;
    }

    .mrg-xs-7r {
        margin: 7rem;
    }

    .mrg-top-xs-7r {
        margin-top: 7rem;
    }

    .mrg-right-xs-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-xs-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-xs-7r {
        margin-left: 7rem;
    }

    .mrg-xs-8r {
        margin: 8rem;
    }

    .mrg-top-xs-8r {
        margin-top: 8rem;
    }

    .mrg-right-xs-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-xs-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-xs-8r {
        margin-left: 8rem;
    }

    .mrg-xs-9r {
        margin: 9rem;
    }

    .mrg-top-xs-9r {
        margin-top: 9rem;
    }

    .mrg-right-xs-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-xs-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-xs-9r {
        margin-left: 9rem;
    }

    .mrg-xs-0 {
        margin: 0;
    }

    .mrg-top-xs-0 {
        margin-top: 0;
    }

    .mrg-right-xs-0 {
        margin-right: 0;
    }

    .mrg-bottom-xs-0 {
        margin-bottom: 0;
    }

    .mrg-left-xs-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-xs-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-xs-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-xs-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-xs-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-xs-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-xs-1r {
        padding: 1rem;
    }

    .pdg-top-xs-1r {
        padding-top: 1rem;
    }

    .pdg-right-xs-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-xs-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-xs-1r {
        padding-left: 1rem;
    }

    .pdg-xs-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-xs-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-xs-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-xs-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-xs-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-xs-2r {
        padding: 2rem;
    }

    .pdg-top-xs-2r {
        padding-top: 2rem;
    }

    .pdg-right-xs-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-xs-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-xs-2r {
        padding-left: 2rem;
    }

    .pdg-xs-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-xs-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-xs-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-xs-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-xs-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-xs-3r {
        padding: 3rem;
    }

    .pdg-top-xs-3r {
        padding-top: 3rem;
    }

    .pdg-right-xs-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-xs-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-xs-3r {
        padding-left: 3rem;
    }

    .pdg-xs-4r {
        padding: 4rem;
    }

    .pdg-top-xs-4r {
        padding-top: 4rem;
    }

    .pdg-right-xs-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-xs-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-xs-4r {
        padding-left: 4rem;
    }

    .pdg-xs-5r {
        padding: 5rem;
    }

    .pdg-top-xs-5r {
        padding-top: 5rem;
    }

    .pdg-right-xs-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-xs-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-xs-5r {
        padding-left: 5rem;
    }

    .pdg-xs-6r {
        padding: 6rem;
    }

    .pdg-top-xs-6r {
        padding-top: 6rem;
    }

    .pdg-right-xs-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-xs-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-xs-6r {
        padding-left: 6rem;
    }

    .pdg-xs-7r {
        padding: 7rem;
    }

    .pdg-top-xs-7r {
        padding-top: 7rem;
    }

    .pdg-right-xs-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-xs-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-xs-7r {
        padding-left: 7rem;
    }

    .pdg-xs-8r {
        padding: 8rem;
    }

    .pdg-top-xs-8r {
        padding-top: 8rem;
    }

    .pdg-right-xs-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-xs-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-xs-8r {
        padding-left: 8rem;
    }

    .pdg-xs-9r {
        padding: 9rem;
    }

    .pdg-top-xs-9r {
        padding-top: 9rem;
    }

    .pdg-right-xs-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-xs-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-xs-9r {
        padding-left: 9rem;
    }

    .pdg-xs-0 {
        padding: 0;
    }

    .pdg-top-xs-0 {
        padding-top: 0;
    }

    .pdg-right-xs-0 {
        padding-right: 0;
    }

    .pdg-bottom-xs-0 {
        padding-bottom: 0;
    }

    .pdg-left-xs-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-xs-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-xs-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-xs-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-xs-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-xs-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-xs-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-xs-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-xs-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-xs-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-xs-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-xs-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-xs-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-xs-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-xs-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-xs-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-xs-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-xs-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-xs-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-xs-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-xs-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-xs-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-xs-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-xs-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-xs-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-xs-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-xs-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-xs-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-xs-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-xs-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-xs-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-xs-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-xs-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-xs-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-xs-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-xs-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-xs-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-xs-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-xs-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-xs-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-xs-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-xs-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-xs-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-xs-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-xs-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-xs-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-xs-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-xs-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-xs-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-xs-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-xs-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-xs-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-xs-0 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Centered Content */
    .center-content-xs {
        margin: 0 auto;
    }

    .center-auto-xs {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-xs {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-xs {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-xs {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-xs {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-xs {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-xs {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-xs-block {
        display: block;
    }

    .disp-xs-none {
        display: none;
    }

    .disp-xs-inlblock {
        display: inline-block;
    }

    .disp-xs-inline {
        display: inline;
    }

    .disp-xs-table {
        display: table;
    }

    /* Positions */
    .pos-xs-rel {
        position: relative;
    }

    .pos-xs-abs {
        position: absolute;
    }

    .pos-xs-fix {
        position: fixed;
    }

    .pos-xs-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-xs-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-xs-none-wl {
        list-style: none;
    }

    .list-xs-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-xs-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-xs-inlinebl {
        font-size: 0;
    }

        .list-xs-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-xs-none {
        border: none;
    }

    .border-left-xs-none {
        border-left: none;
    }

    .border-top-xs-none {
        border-top: none;
    }

    .border-right-xs-none {
        border-right: none;
    }

    .border-bottom-xs-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-xs-middle {
        vertical-align: middle;
    }

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

    .vertical-xs-bottom {
        vertical-align: bottom;
    }

    .vertical-xs-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-xs {
        visibility: hidden;
    }

    .visible-xs {
        visibility: visible;
    }

    .show-xs {
        display: block;
    }

    .hidden-xs {
        display: none;
    }

    /* Responsive Iframe */
    .alt-xs-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-xs {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-xs-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-xs-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-xs-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-xs-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-xs-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-xs-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-xs-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-xs-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-xs-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-xs-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fl-c-xs-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-xs-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-xs-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-xs-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-xs-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-xs-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-xs-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-xs-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-xs-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-xs-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-xs-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-xs-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-xs-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-xs-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-xs-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-xs-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-xs-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-xs-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-xs-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-xs-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-xs-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-xs-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-xs-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-xs-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-xs-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-xs-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-xs-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    /* SVG */
    .svg-xs-fluid svg {
        width: 100%;
    }

    .svg-xs-140 svg {
        width: 140px;
    }
}

@media only screen and (max-width:360px) {
    /* ---------------
        THEME
    ------------------ */
    .word-underline-homepage-s1:after {
        bottom: 0px;
    }

    .s1-blog h1:after {
        left: 4rem;
    }

    header .nav-exams > ul > li > a {
        font-size: 1.2rem;
    }

    /* ---------------
        FW
    ------------------ */
    /* Width Columns */
    .col-xxs-5 {
        width: 5%;
    }

    .col-xxs-10 {
        width: 10%;
    }

    .col-xxs-15 {
        width: 15%;
    }

    .col-xxs-20 {
        width: 20%;
    }
    /* Five Columns */
    .col-xxs-25 {
        width: 25%;
    }
    /* Four Columns */
    .col-xxs-30 {
        width: 30%;
    }

    .col-xxs-33 {
        width: 33.3%;
    }
    /* Three Columns */
    .col-xxs-35 {
        width: 35%;
    }

    .col-xxs-40 {
        width: 40%;
    }

    .col-xxs-45 {
        width: 45%;
    }

    .col-xxs-50 {
        width: 50%;
    }
    /* Two Columns */
    .col-xxs-55 {
        width: 55%;
    }

    .col-xxs-60 {
        width: 60%;
    }

    .col-xxs-65 {
        width: 65%;
    }

    .col-xxs-70 {
        width: 70%;
    }

    .col-xxs-75 {
        width: 75%;
    }

    .col-xxs-80 {
        width: 80%;
    }

    .col-xxs-85 {
        width: 85%;
    }

    .col-xxs-90 {
        width: 90%;
    }

    .col-xxs-95 {
        width: 95%;
    }

    .col-xxs-100 {
        width: 100%;
    }

    .col-xxs-auto {
        width: auto;
    }

    /* Offsets Columns */
    .col-offset-xxs-0 {
        margin-left: 0;
    }

    .col-offset-xxs-5 {
        margin-left: 5%;
    }

    .col-offset-xxs-10 {
        margin-left: 10%;
    }

    .col-offset-xxs-15 {
        margin-left: 15%;
    }

    .col-offset-xxs-20 {
        margin-left: 20%;
    }

    .col-offset-xxs-25 {
        margin-left: 25%;
    }

    .col-offset-xxs-30 {
        margin-left: 30%;
    }

    .col-offset-xxs-33 {
        margin-left: 33.3%;
    }

    .col-offset-xxs-35 {
        margin-left: 35%;
    }

    .col-offset-xxs-40 {
        margin-left: 40%;
    }

    .col-offset-xxs-45 {
        margin-left: 45%;
    }

    .col-offset-xxs-50 {
        margin-left: 50%;
    }

    .col-offset-xxs-55 {
        margin-left: 55%;
    }

    .col-offset-xxs-60 {
        margin-left: 60%;
    }

    .col-offset-xxs-65 {
        margin-left: 65%;
    }

    .col-offset-xxs-70 {
        margin-left: 70%;
    }

    .col-offset-xxs-75 {
        margin-left: 75%;
    }

    .col-offset-xxs-80 {
        margin-left: 80%;
    }

    .col-offset-xxs-85 {
        margin-left: 85%;
    }

    .col-offset-xxs-90 {
        margin-left: 90%;
    }

    .col-offset-xxs-95 {
        margin-left: 95%;
    }

    .col-offset-xxs-100 {
        margin-left: 100%;
    }

    /* Wrap Columns borders */
    .wrap-xxs-0r {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .wrap-xxs-1r {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .wrap-xxs-2r {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .wrap-xxs-3r {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .wrap-xxs-4r {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    .wrap-xxs-5r {
        margin-left: -5rem;
        margin-right: -5rem;
    }

    .wrap-xxs-6r {
        margin-left: -6rem;
        margin-right: -6rem;
    }

    .wrap-tb-xxs-0r {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .wrap-tb-xxs-0_5r {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }

    .wrap-tb-xxs-1r {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

    .wrap-tb-xxs-2r {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }

    .wrap-tb-xxs-3r {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

    .wrap-tb-xxs-4r {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .wrap-tb-xxs-5r {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    .wrap-tb-xxs-6r {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

    /* Floats Reset */
    .nonef-xxs {
        margin: 0 auto;
        float: none;
    }

    .right-xxs {
        float: right;
    }

    .left-xxs {
        float: left;
    }

    /* Size Typography and Formatting */
    .text-xxs-10r {
        font-size: 10rem;
    }

    .text-xxs-9_5r {
        font-size: 9.5rem;
    }

    .text-xxs-9r {
        font-size: 9rem;
    }

    .text-xxs-8_5r {
        font-size: 8.5rem;
    }

    .text-xxs-8r {
        font-size: 8rem;
    }

    .text-xxs-7_5r {
        font-size: 7.5rem;
    }

    .text-xxs-7r {
        font-size: 7rem;
    }

    .text-xxs-6_5r {
        font-size: 6.5rem;
    }

    .text-xxs-6r {
        font-size: 6rem;
    }

    .text-xxs-5_5r {
        font-size: 5.5rem;
    }

    .text-xxs-5r {
        font-size: 5rem;
    }

    .text-xxs-4_5r {
        font-size: 4.5rem;
    }

    .text-xxs-4r {
        font-size: 4rem;
    }

    .text-xxs-3_5r {
        font-size: 3.5rem;
    }

    .text-xxs-3r {
        font-size: 3rem;
    }

    .text-xxs-2_5r {
        font-size: 2.5rem;
    }

    .text-xxs-2_4r {
        font-size: 2.4rem;
    }

    .text-xxs-2_3r {
        font-size: 2.3rem;
    }

    .text-xxs-2_2r {
        font-size: 2.2rem;
    }

    .text-xxs-2_1r {
        font-size: 2.1rem;
    }

    .text-xxs-2r {
        font-size: 2rem;
    }

    .text-xxs-1_9r {
        font-size: 1.9rem;
    }

    .text-xxs-1_8r {
        font-size: 1.8rem;
    }

    .text-xxs-1_7r {
        font-size: 1.7rem;
    }

    .text-xxs-1_6r {
        font-size: 1.6rem;
    }

    .text-xxs-1_5r {
        font-size: 1.5rem;
    }

    .text-xxs-1_4r {
        font-size: 1.4rem;
    }

    .text-xxs-1_3r {
        font-size: 1.3rem;
    }

    .text-xxs-1_2r {
        font-size: 1.2rem;
    }

    .text-xxs-1_1r {
        font-size: 1.1rem;
    }

    .text-xxs-1r {
        font-size: 1rem;
    }

    .text-xxs-0_9r {
        font-size: 0.9rem;
    }

    .text-xxs-0_8r {
        font-size: 0.8rem;
    }

    .text-xxs-0_7r {
        font-size: 0.7rem;
    }

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

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

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

    .text-xxs-justify {
        text-align: justify;
    }

    .text-xxs-upper {
        text-transform: uppercase;
    }

    .text-xxs-lower {
        text-transform: lowercase;
    }

    .text-xxs-cap {
        text-transform: capitalize;
    }

    .text-xxs-italic {
        font-style: italic;
    }

    .text-xxs-smallcaps {
        font-variant: small-caps;
    }

    .underline-xxs {
        text-decoration: underline;
    }

    .bold-xxs {
        font-weight: 700;
    }

    .text-xxs-shadow-1p {
        text-shadow: black 1px 1px;
    }

    .text-xxs-shadow-2p {
        text-shadow: black 2px 2px;
    }

    .text-xxs-shadow-2_1p {
        text-shadow: black 2px 1px;
    }

    .fw100-xxs {
        font-weight: 100;
    }

    .fw200-xxs {
        font-weight: 200;
    }

    .fw300-xxs {
        font-weight: 300;
    }

    .fw400-xxs {
        font-weight: 400;
    }

    .fw500-xxs {
        font-weight: 500;
    }

    .fw600-xxs {
        font-weight: 600;
    }

    .fw700-xxs {
        font-weight: 700;
    }

    .fw800-xxs {
        font-weight: 800;
    }

    .fw900-xxs {
        font-weight: 900;
    }

    .wrapline-xxs {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .lh-xxs-normal {
        line-height: normal;
    }

    .lh-xxs-inherit {
        line-height: inherit;
    }

    .lh-xxs-1_1 {
        line-height: 1.1;
    }

    .lh-xxs-1_2 {
        line-height: 1.2;
    }

    .lh-xxs-1_3 {
        line-height: 1.3;
    }

    /* Min width an heights */
    .minh-xxs-1r {
        min-height: 1rem;
    }

    .minh-xxs-2r {
        min-height: 2rem;
    }

    .minh-xxs-3r {
        min-height: 3rem;
    }

    .minh-xxs-4r {
        min-height: 4rem;
    }

    .minh-xxs-5r {
        min-height: 5rem;
    }

    .minh-xxs-6r {
        min-height: 6rem;
    }

    .minh-xxs-7r {
        min-height: 7rem;
    }

    .minh-xxs-8r {
        min-height: 8rem;
    }

    .minh-xxs-9r {
        min-height: 9rem;
    }

    .minh-xxs-10r {
        min-height: 10rem;
    }

    .minw-xxs-1r {
        min-width: 1rem;
    }

    .minw-xxs-2r {
        min-width: 2rem;
    }

    .minw-xxs-3r {
        min-width: 3rem;
    }

    .minw-xxs-4r {
        min-width: 4rem;
    }

    .minw-xxs-5r {
        min-width: 5rem;
    }

    .minw-xxs-6r {
        min-width: 6rem;
    }

    .minw-xxs-7r {
        min-width: 7rem;
    }

    .minw-xxs-8r {
        min-width: 8rem;
    }

    .minw-xxs-9r {
        min-width: 9rem;
    }

    .minw-xxs-10r {
        min-width: 10rem;
    }

    .h100-xxs {
        height: 100%;
    }

    .hauto-xxs {
        height: auto;
    }


    /* Margins */
    .mrg-xxs-0_5r {
        margin: 0.5rem;
    }

    .mrg-top-xxs-0_5r {
        margin-top: 0.5rem;
    }

    .mrg-right-xxs-0_5r {
        margin-right: 0.5rem;
    }

    .mrg-bottom-xxs-0_5r {
        margin-bottom: 0.5rem;
    }

    .mrg-left-xxs-0_5r {
        margin-left: 0.5rem;
    }

    .mrg-xxs-1r {
        margin: 1rem;
    }

    .mrg-top-xxs-1r {
        margin-top: 1rem;
    }

    .mrg-right-xxs-1r {
        margin-right: 1rem;
    }

    .mrg-bottom-xxs-1r {
        margin-bottom: 1rem;
    }

    .mrg-left-xxs-1r {
        margin-left: 1rem;
    }

    .mrg-xxs-1_5r {
        margin: 1.5rem;
    }

    .mrg-top-xxs-1_5r {
        margin-top: 1.5rem;
    }

    .mrg-right-xxs-1_5r {
        margin-right: 1.5rem;
    }

    .mrg-bottom-xxs-1_5r {
        margin-bottom: 1.5rem;
    }

    .mrg-left-xxs-1_5r {
        margin-left: 1.5rem;
    }

    .mrg-xxs-2r {
        margin: 2rem;
    }

    .mrg-top-xxs-2r {
        margin-top: 2rem;
    }

    .mrg-right-xxs-2r {
        margin-right: 2rem;
    }

    .mrg-bottom-xxs-2r {
        margin-bottom: 2rem;
    }

    .mrg-left-xxs-2r {
        margin-left: 2rem;
    }

    .mrg-xxs-2_5r {
        margin: 2.5rem;
    }

    .mrg-top-xxs-2_5r {
        margin-top: 2.5rem;
    }

    .mrg-right-xxs-2_5r {
        margin-right: 2.5rem;
    }

    .mrg-bottom-xxs-2_5r {
        margin-bottom: 2.5rem;
    }

    .mrg-left-xxs-2_5r {
        margin-left: 2.5rem;
    }

    .mrg-xxs-3r {
        margin: 3rem;
    }

    .mrg-top-xxs-3r {
        margin-top: 3rem;
    }

    .mrg-right-xxs-3r {
        margin-right: 3rem;
    }

    .mrg-bottom-xxs-3r {
        margin-bottom: 3rem;
    }

    .mrg-left-xxs-3r {
        margin-left: 3rem;
    }

    .mrg-xxs-4r {
        margin: 4rem;
    }

    .mrg-top-xxs-4r {
        margin-top: 4rem;
    }

    .mrg-right-xxs-4r {
        margin-right: 4rem;
    }

    .mrg-bottom-xxs-4r {
        margin-bottom: 4rem;
    }

    .mrg-left-xxs-4r {
        margin-left: 4rem;
    }

    .mrg-xxs-5r {
        margin: 5rem;
    }

    .mrg-top-xxs-5r {
        margin-top: 5rem;
    }

    .mrg-right-xxs-5r {
        margin-right: 5rem;
    }

    .mrg-bottom-xxs-5r {
        margin-bottom: 5rem;
    }

    .mrg-left-xxs-5r {
        margin-left: 5rem;
    }

    .mrg-xxs-6r {
        margin: 6rem;
    }

    .mrg-top-xxs-6r {
        margin-top: 6rem;
    }

    .mrg-right-xxs-6r {
        margin-right: 6rem;
    }

    .mrg-bottom-xxs-6r {
        margin-bottom: 6rem;
    }

    .mrg-left-xxs-6r {
        margin-left: 6rem;
    }

    .mrg-xxs-7r {
        margin: 7rem;
    }

    .mrg-top-xxs-7r {
        margin-top: 7rem;
    }

    .mrg-right-xxs-7r {
        margin-right: 7rem;
    }

    .mrg-bottom-xxs-7r {
        margin-bottom: 7rem;
    }

    .mrg-left-xxs-7r {
        margin-left: 7rem;
    }

    .mrg-xxs-8r {
        margin: 8rem;
    }

    .mrg-top-xxs-8r {
        margin-top: 8rem;
    }

    .mrg-right-xxs-8r {
        margin-right: 8rem;
    }

    .mrg-bottom-xxs-8r {
        margin-bottom: 8rem;
    }

    .mrg-left-xxs-8r {
        margin-left: 8rem;
    }

    .mrg-xxs-9r {
        margin: 9rem;
    }

    .mrg-top-xxs-9r {
        margin-top: 9rem;
    }

    .mrg-right-xxs-9r {
        margin-right: 9rem;
    }

    .mrg-bottom-xxs-9r {
        margin-bottom: 9rem;
    }

    .mrg-left-xxs-9r {
        margin-left: 9rem;
    }

    .mrg-xxs-0 {
        margin: 0;
    }

    .mrg-top-xxs-0 {
        margin-top: 0;
    }

    .mrg-right-xxs-0 {
        margin-right: 0;
    }

    .mrg-bottom-xxs-0 {
        margin-bottom: 0;
    }

    .mrg-left-xxs-0 {
        margin-left: 0;
    }

    /* Paddings */
    .pdg-xxs-0_5r {
        padding: 0.5rem;
    }

    .pdg-top-xxs-0_5r {
        padding-top: 0.5rem;
    }

    .pdg-right-xxs-0_5r {
        padding-right: 0.5rem;
    }

    .pdg-bottom-xxs-0_5r {
        padding-bottom: 0.5rem;
    }

    .pdg-left-xxs-0_5r {
        padding-left: 0.5rem;
    }

    .pdg-xxs-1r {
        padding: 1rem;
    }

    .pdg-top-xxs-1r {
        padding-top: 1rem;
    }

    .pdg-right-xxs-1r {
        padding-right: 1rem;
    }

    .pdg-bottom-xxs-1r {
        padding-bottom: 1rem;
    }

    .pdg-left-xxs-1r {
        padding-left: 1rem;
    }

    .pdg-xxs-1_5r {
        padding: 1.5rem;
    }

    .pdg-top-xxs-1_5r {
        padding-top: 1.5rem;
    }

    .pdg-right-xxs-1_5r {
        padding-right: 1.5rem;
    }

    .pdg-bottom-xxs-1_5r {
        padding-bottom: 1.5rem;
    }

    .pdg-left-xxs-1_5r {
        padding-left: 1.5rem;
    }

    .pdg-xxs-2r {
        padding: 2rem;
    }

    .pdg-top-xxs-2r {
        padding-top: 2rem;
    }

    .pdg-right-xxs-2r {
        padding-right: 2rem;
    }

    .pdg-bottom-xxs-2r {
        padding-bottom: 2rem;
    }

    .pdg-left-xxs-2r {
        padding-left: 2rem;
    }

    .pdg-xxs-2_5r {
        padding: 2.5rem;
    }

    .pdg-top-xxs-2_5r {
        padding-top: 2.5rem;
    }

    .pdg-right-xxs-2_5r {
        padding-right: 2.5rem;
    }

    .pdg-bottom-xxs-2_5r {
        padding-bottom: 2.5rem;
    }

    .pdg-left-xxs-2_5r {
        padding-left: 2.5rem;
    }

    .pdg-xxs-3r {
        padding: 3rem;
    }

    .pdg-top-xxs-3r {
        padding-top: 3rem;
    }

    .pdg-right-xxs-3r {
        padding-right: 3rem;
    }

    .pdg-bottom-xxs-3r {
        padding-bottom: 3rem;
    }

    .pdg-left-xxs-3r {
        padding-left: 3rem;
    }

    .pdg-xxs-4r {
        padding: 4rem;
    }

    .pdg-top-xxs-4r {
        padding-top: 4rem;
    }

    .pdg-right-xxs-4r {
        padding-right: 4rem;
    }

    .pdg-bottom-xxs-4r {
        padding-bottom: 4rem;
    }

    .pdg-left-xxs-4r {
        padding-left: 4rem;
    }

    .pdg-xxs-5r {
        padding: 5rem;
    }

    .pdg-top-xxs-5r {
        padding-top: 5rem;
    }

    .pdg-right-xxs-5r {
        padding-right: 5rem;
    }

    .pdg-bottom-xxs-5r {
        padding-bottom: 5rem;
    }

    .pdg-left-xxs-5r {
        padding-left: 5rem;
    }

    .pdg-xxs-6r {
        padding: 6rem;
    }

    .pdg-top-xxs-6r {
        padding-top: 6rem;
    }

    .pdg-right-xxs-6r {
        padding-right: 6rem;
    }

    .pdg-bottom-xxs-6r {
        padding-bottom: 6rem;
    }

    .pdg-left-xxs-6r {
        padding-left: 6rem;
    }

    .pdg-xxs-7r {
        padding: 7rem;
    }

    .pdg-top-xxs-7r {
        padding-top: 7rem;
    }

    .pdg-right-xxs-7r {
        padding-right: 7rem;
    }

    .pdg-bottom-xxs-7r {
        padding-bottom: 7rem;
    }

    .pdg-left-xxs-7r {
        padding-left: 7rem;
    }

    .pdg-xxs-8r {
        padding: 8rem;
    }

    .pdg-top-xxs-8r {
        padding-top: 8rem;
    }

    .pdg-right-xxs-8r {
        padding-right: 8rem;
    }

    .pdg-bottom-xxs-8r {
        padding-bottom: 8rem;
    }

    .pdg-left-xxs-8r {
        padding-left: 8rem;
    }

    .pdg-xxs-9r {
        padding: 9rem;
    }

    .pdg-top-xxs-9r {
        padding-top: 9rem;
    }

    .pdg-right-xxs-9r {
        padding-right: 9rem;
    }

    .pdg-bottom-xxs-9r {
        padding-bottom: 9rem;
    }

    .pdg-left-xxs-9r {
        padding-left: 9rem;
    }

    .pdg-xxs-0 {
        padding: 0;
    }

    .pdg-top-xxs-0 {
        padding-top: 0;
    }

    .pdg-right-xxs-0 {
        padding-right: 0;
    }

    .pdg-bottom-xxs-0 {
        padding-bottom: 0;
    }

    .pdg-left-xxs-0 {
        padding-left: 0;
    }

    /* Dual Margins and Paddings */
    .mrg-tb-xxs-0_5r {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mrg-tb-xxs-1r {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mrg-tb-xxs-1_5r {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mrg-tb-xxs-2r {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mrg-tb-xxs-2_5r {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .mrg-tb-xxs-3r {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .mrg-tb-xxs-4r {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mrg-tb-xxs-5r {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mrg-tb-xxs-6r {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .mrg-tb-xxs-7r {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .mrg-tb-xxs-8r {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mrg-tb-xxs-9r {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .mrg-tb-xxs-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mrg-lr-xxs-0_5r {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mrg-lr-xxs-1r {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mrg-lr-xxs-1_5r {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mrg-lr-xxs-2r {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mrg-lr-xxs-2_5r {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mrg-lr-xxs-3r {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mrg-lr-xxs-4r {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mrg-lr-xxs-5r {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mrg-lr-xxs-6r {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mrg-lr-xxs-7r {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mrg-lr-xxs-8r {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mrg-lr-xxs-9r {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mrg-lr-xxs-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .pdg-tb-xxs-0_5r {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pdg-tb-xxs-1r {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pdg-tb-xxs-1_5r {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pdg-tb-xxs-2r {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pdg-tb-xxs-2_5r {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .pdg-tb-xxs-3r {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .pdg-tb-xxs-4r {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pdg-tb-xxs-5r {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pdg-tb-xxs-6r {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .pdg-tb-xxs-7r {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .pdg-tb-xxs-8r {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pdg-tb-xxs-9r {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .pdg-tb-xxs-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pdg-lr-xxs-0_5r {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pdg-lr-xxs-1r {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pdg-lr-xxs-1_5r {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pdg-lr-xxs-2r {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .pdg-lr-xxs-2_5r {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pdg-lr-xxs-3r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .pdg-lr-xxs-4r {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .pdg-lr-xxs-5r {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pdg-lr-xxs-6r {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .pdg-lr-xxs-7r {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .pdg-lr-xxs-8r {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .pdg-lr-xxs-9r {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .pdg-lr-xxs-0 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Centered Content */
    .center-content-xxs {
        margin: 0 auto;
    }

    .center-auto-xxs {
        margin-left: auto;
        margin-right: auto;
    }

    .center-block-xxs {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .center-vertical-xxs {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-horizontal-xxs {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-hv-xxs {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .center-image-xxs {
        display: block;
        margin: 0 auto;
    }

    .center-absolute-xxs {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    /* Displays */
    .disp-xxs-block {
        display: block;
    }

    .disp-xxs-none {
        display: none;
    }

    .disp-xxs-inlblock {
        display: inline-block;
    }

    .disp-xxs-inline {
        display: inline;
    }

    .disp-xxs-table {
        display: table;
    }

    /* Positions */
    .pos-xxs-rel {
        position: relative;
    }

    .pos-xxs-abs {
        position: absolute;
    }

    .pos-xxs-fix {
        position: fixed;
    }

    .pos-xxs-fix-top0 {
        position: fixed;
        top: 0;
    }

    /* Lists */
    .list-xxs-none {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .list-xxs-none-wl {
        list-style: none;
    }

    .list-xxs-none-wm {
        list-style: none;
        padding: 0;
    }

    .list-xxs-none-wp {
        list-style: none;
        margin: 0;
    }

    .list-xxs-inlinebl {
        font-size: 0;
    }

        .list-xxs-inlinebl li {
            display: inline-block;
        }

    /* Borders */
    .border-xxs-none {
        border: none;
    }

    .border-left-xxs-none {
        border-left: none;
    }

    .border-top-xxs-none {
        border-top: none;
    }

    .border-right-xxs-none {
        border-right: none;
    }

    .border-bottom-xxs-none {
        border-bottom: none;
    }

    /* Aligns */
    .vertical-xxs-middle {
        vertical-align: middle;
    }

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

    .vertical-xxs-bottom {
        vertical-align: bottom;
    }

    .vertical-xxs-inherit {
        vertical-align: inherit;
    }

    /* Helper Classes */
    .invisible-xxs {
        visibility: hidden;
    }

    .visible-xxs {
        visibility: visible;
    }

    .show-xxs {
        display: block;
    }

    .hidden-xxs {
        display: none;
    }

    /* Responsive Iframe */
    .alt-xxs-responsive-iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
    }

    /* Flexbox Container*/
    .fl-c-xxs {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .fl-c-xxs-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fl-c-xxs-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fl-c-xxs-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-c-xxs-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fl-c-xxs-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fl-c-xxs-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fl-c-xxs-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .fl-c-xxs-juscon-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-c-xxs-juscon-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fl-c-xxs-juscon-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fl-c-xxs-juscon-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fl-c-xxs-juscon-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .fl-c-xxs-alitems-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fl-c-xxs-alitems-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .fl-c-xxs-alitems-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fl-c-xxs-alitems-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .fl-c-xxs-alitems-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fl-c-xxs-alicontent-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .fl-c-xxs-alicontent-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .fl-c-xxs-alicontent-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .fl-c-xxs-alicontent-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .fl-c-xxs-alicontent-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .fl-c-xxs-alicontent-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    /* Flexbox Items */
    .fl-i-xxs-order {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .fl-i-xxs-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .fl-i-xxs-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .fl-i-xxs-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .fl-i-xxs-flex {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .fl-i-xxs-grow {
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fl-i-xxs-shrink {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fl-i-xxs-basis {
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .fl-i-xxs-aliself-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .fl-i-xxs-aliself-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .fl-i-xxs-aliself-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .fl-i-xxs-aliself-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fl-i-xxs-aliself-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .fl-i-xxs-aliself-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    /* SVG */
    .svg-xxs-fluid svg {
        width: 100%;
    }

    .svg-xxs-140 svg {
        width: 140px;
    }
}

/*------------------------------------*\
    14. MISC
\*------------------------------------*/
/*::selection {background:#04A4CC;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#04A4CC;color:#FFF;text-shadow:none;}
::-moz-selection {background:#04A4CC;color:#FFF;text-shadow:none;}*/


/*------------------------------------*\
    15. PRINT
    Print styles.
    Inlined to avoid the additional HTTP request:
    https://www.phpied.com/delay-loading-your-print-css/
\*------------------------------------*/
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/*-------------------

SLICK

----------------------*/



.slick-slider {
    position: relative;
    display: block;
    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-list .slick-slide .custom-logo {
        inline-size: max-content !important;
        margin-left: 1rem !important;
    }

    .slick-slider .slick-list, .slick-slider .slick-track {
        -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;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        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
}

.oet-white-image {
    background-color: white;
    padding-top: 12px !important;
    padding-bottom: 12px;
}

.oet-information-paragraph {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.text-center {
    text-align: center
}

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

.juscon-center {
    align-items: center;
    justify-content: center;
}

.svg-47 svg {
    width: 58px;
}

.mini-content {
    display: none;
}

.full-content {
    display: block;
}

@media only screen and (max-width:1024px) {
    .mini-content {
        display: block;
    }

    .full-content {
        display: none;
    }
}


/* ############## */
.chinese-header {
    z-index: 100
}

header .header-top {
    width: 100%;
    color: white;
}

    header .header-top ul li .logo-weibo, header .header-top ul li .logo-wechat, header .header-top ul li .world {
        max-width: 22px;
    }

    header .header-top .change-language {
        cursor: pointer;
    }

        header .header-top .change-language .text-world {
            position: relative;
            top: -0.3rem;
        }

        header .header-top .change-language .arrow-language {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8.7px 5px 0 5px;
            border-color: #fff transparent transparent transparent;
            display: inline-block;
            position: relative;
            top: -0.3rem;
            margin-left: 0.3rem;
        }

    header .header-top .language-has-submenu {
        position: relative;
    }

        header .header-top .language-has-submenu ul.submenu {
            display: none;
            background: white;
            position: absolute;
            width: 100%;
            z-index: 100;
            top: 100%;
            left: 0;
        }

            header .header-top .language-has-submenu ul.submenu a {
                padding: 0.5rem 1rem;
                display: block;
            }

        header .header-top .language-has-submenu:hover ul.submenu {
            display: block;
        }


.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.flex-juscon-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-juscon-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-juscon-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-juscon-space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-juscon-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex-alitems-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-alitems-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-alitems-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-alitems-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.flex-alitems-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex-alicontent-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.flex-alicontent-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.flex-alicontent-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.flex-alicontent-space-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.flex-alicontent-space-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.flex-alicontent-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

/* Flexbox Items */
.flexitem-order {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.flexitem-flex {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flexitem-grow {
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
}

.flexitem-shrink {
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}

.flexitem-basis {
    -webkit-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
}

.flexitem-grow-1 {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.flexitem-shrink-1 {
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
}

.flexitem-aliself-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.flexitem-aliself-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.flexitem-aliself-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.flexitem-aliself-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flexitem-aliself-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.flexitem-aliself-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.chinese-menu {
    width: 90px;
}

.grid-block-view-toefl-free {
    grid-column: 3/5 !important;
    grid-row: 1/3 !important;
}

.grid-block-view-free {
    grid-column: 3/5 !important;
    grid-row: 1/3 !important;
}

@media only screen and (max-width:600px) {
    .grid-block-view-toefl-free {
        grid-column: span 4 !important;
        grid-row: span 1 !important;
    }

    .grid-block-view-free {
        grid-column: span 4 !important;
        grid-row: span 1 !important;
    }
}


#popup-student {
    width: 540px;
}

#popup-bundles {
    width: 660px;
}

.wrapper-exam-section {
    height: 395px !important;
}

.wrapper-toefl-section {
    height: 365px !important;
}

.nav-exams-a {
    color: #32588b !important;
    font-weight: bolder !important;
}

.mrg-top-2r-ext {
    margin-top: 2rem !important;
}

#weCanTrustBtn {
    cursor: pointer;
}

.new-homepage-block {
    grid-column: 6 / 12;
    grid-row: 1 / 3;
}

.bg-block-pte {
    background-color: #008287;
}

.bg-block-toefl {
    background-color: #102083;
}

.bg-block-toeic {
    background-color: #005734;
}

.bg-block-oet {
    background-color: #0f77b7;
}

.bg-block-ielts {
    background-color: #f75843;
}

.bg-block-ielts-academic {
    background-color: #f75843;
}

.bg-block-ielts-general {
    background-color: #e58b54;
}

.text-strikethrough {
    text-decoration: line-through;
}

.button-e2l-bg-red-o {
    background-color: #d51a1a;
}

.button-e2l-bg-red {
    background-color: #b10000;
}

.invisible-transparent {
    visibility: visible !important;
}

/* new css 13/11/2019 */
.grid-hero-homepage .grid-block-free {
    grid-row: 1 / 3;
}

@media only screen and (max-width:800px) {
    .grid-hero-homepage .grid-block-free {
        grid-row: span 5;
    }

    .grid-courses-block .anchor-block {
        flex-direction: row !important;
    }

        .grid-courses-block .anchor-block span:nth-of-type(2) {
            padding-top: 0 !important;
            display: none !important;
        }

    .courses-box {
        background: #0d1e38;
    }

        .courses-box .grid-courses-block {
            grid-gap: 0.5rem;
        }

            .courses-box .grid-courses-block .anchor-block {
                padding: 0.5rem;
                align-items: center;
            }

    #feature-in h2.text-4r {
        font-size: 2rem;
    }
}

.grid-hero-exams {
    grid-template-rows: minmax(150px, auto) minmax(250px, auto) !important;
}

.s2-exam svg {
    filter: invert(32%) sepia(25%) saturate(1294%) hue-rotate(174deg) brightness(91%) contrast(88%);
}

.tab-nav {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .tab-nav li {
        list-style: none;
    }

        .tab-nav li + li {
            margin-left: 0.5rem;
        }

.tab-nav .tab-nav-item {
    background: #0088ff;
    border: 2px solid #0088ff;
    border-radius: 20px;
    padding: 5px 15px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.tab-nav .tab-nav-item.active {
    background: white;
    color: #0088ff;
}

.tab-pane .package-mobile-item {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

    .tab-pane .package-mobile-item:first-of-type,
    .tab-pane .package-mobile-item:last-of-type {
        border-bottom: 0;
    }

@media only screen and (max-width:600px) {
    #extensionPackageWrapper {
        display: none !important;
    }
}

#teacher-slider .slick-list {
    width: 87%;
}

#teacher-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    background: none;
    border: 0;
    font-size: 4rem;
}

#teacher-slider .slick-prev {
    left: 0;
}

#teacher-slider .slick-next {
    right: 0;
}

#teacher-slider .slick-slide img {
    width: 40%;
}

#feature-slider {
    padding-left: 0;
}

    #feature-slider .slick-list {
        width: 90%;
        margin: auto;
    }

    #feature-slider a img {
        width: 80%;
        margin: auto;
    }

    #feature-slider .slick-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        background: none;
        border: 0;
        font-size: 4rem;
        padding: 0;
    }

    #feature-slider .slick-prev {
        left: 0;
    }

    #feature-slider .slick-next {
        right: 0;
    }

.help a {
    position: fixed;
    bottom: 20px;
    right: 15px;
    background: rgba(240, 67, 44, 0.7);
    padding: 10px 20px;
    border-radius: 50%;
    display: inline-block;
    z-index: 1000;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    color: white;
    font-size: 30px;
}

    .help a:hover {
        background: #EB2E16;
        opacity: 1;
    }

@media only screen and (max-width:600px) {
    .help a {
        font-size: 20px;
        padding: 8px 14px;
        bottom: 15px;
    }

    footer {
        min-height: 25rem;
    }

        footer .footer-box:nth-child(2n+1) .footer-box-int {
            border: 0;
        }

        footer .footer-box:nth-child(2n) .footer-box-int {
            background: transparent;
            border: 0;
        }

        footer .footer-box:nth-child(3) {
            display: none;
        }
}

@media only screen and (min-width: 320px) {
    header .wrapper-nav-responsive-menu ul {
        margin-top: 2rem !important;
    }

        header .wrapper-nav-responsive-menu ul li {
            font-size: 2rem !important;
            padding: 0.5rem !important;
        }

    .nav-mobile_icon-close {
        width: 40px !important;
        height: 4px !important;
    }
}

@media only screen and (min-width: 480px) {
    header .wrapper-nav-responsive-menu ul {
        margin-top: 3rem !important;
    }
}

@media only screen and (min-width: 768px) {
    header .wrapper-nav-responsive-menu ul li {
        font-size: 3rem !important;
    }
}

@media only screen and (max-width:640px) {
    .show-s-plus {
        display: block
    }
}

/* package grid */
.package-grid .package-item {
    border: 1px solid #eee;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

    .package-grid .package-item:hover {
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        background: #fafafa;
        transition: all 0.3s ease-in-out;
    }

    .package-grid .package-item .dolar {
        font-size: 2.5rem;
        font-weight: 500;
        margin-right: 5px;
    }

    .package-grid .package-item .currency {
        font-size: 2rem;
        font-weight: bolder;
        vertical-align: text-top;
        margin-left: 5px;
    }

    .package-grid .package-item ul {
        padding-left: 0;
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid #DEE2E6;
    }

        .package-grid .package-item ul li {
            list-style: none;
            padding: 10px;
            line-height: 1.5;
            font-size: 1.4rem;
            border-top: 1px solid #eee;
        }

            .package-grid .package-item ul li span {
                display: block;
                font-size: 1.2rem;
                color: #959094;
            }

                .package-grid .package-item ul li span i {
                    margin-right: 5px;
                    font-size: 10px;
                }

    .package-grid .package-item .button {
        margin-top: auto;
        margin-bottom: 15px;
    }

.package-grid .package-item {
    position: relative;
    margin-bottom: 30px;
}

.package-grid .package-video-button {
    position: absolute;
    right: 0;
    padding-right: 50px;
}

.learn-more-link {
    text-decoration: underline;
    bottom: 15px;
    font-size: 16px;
    position: absolute;
    color: #000;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-r-5{
    margin-right: 5px;
}

.button-normal-case {
    text-transform: none !important;
}

.button.button-try-for-free,
.button.button-try-for-free2 {
    text-transform: uppercase;
    padding: .6rem 1.5rem;
    border-radius: 2rem;
    text-align: center;
    border: none;
    cursor: pointer;
    outline: none;
    white-space: inherit;
    display: inline-block;
    border: 3px solid transparent;
    opacity: 1;
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    padding: 14.4px 28.8px;
}

    .button.button-try-for-free:hover {
        opacity: 1;
        transition: all .6s cubic-bezier(.165,.84,.44,1);
        background-color: transparent;
        border: 3px solid #44ca75;
        color: #44ca75;
    }

    .button.button-try-for-free2:hover {
        opacity: 1;
        transition: all .6s cubic-bezier(.165,.84,.44,1);
        background-color: rgba(0, 176, 80, 0.5);
        border: 3px solid #44ca75;
    }



.grid-hero-box:hover,
.blue-grid:hover {
    cursor: pointer !important;
}

}

.button.button-try-for-free {
    text-transform: uppercase;
    padding: .6rem 1.5rem;
    border-radius: 2rem;
    text-align: center;
    border: none;
    cursor: pointer;
    outline: none;
    white-space: inherit;
    font-weight: 600;
    display: inline-block;
    border: 3px solid transparent;
    opacity: 1;
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    font-size: 3em;
    padding: 14.4px 28.8px;
}

    .button.button-try-for-free:hover {
        opacity: 1;
        transition: all .6s cubic-bezier(.165,.84,.44,1);
        background-color: transparent;
        border: 3px solid #44ca75;
        color: #44ca75;
    }

}

.grid-hero-box:hover {
    cursor: pointer;
}

.student-counter {
    display: block;
    padding: 1rem;
    margin-top: 1rem;
    color: white;
    background-color: #0d1e38;
    text-align: center;
}

    .student-counter .counter-number {
        font-size: 3rem;
        letter-spacing: 0.1rem;
        font-weight: bold;
    }

    .student-counter .counter-description {
        font-size: 1.6rem;
        display: block;
        margin-top: 1rem;
    }

    .student-counter .counter-number .fa {
        letter-spacing: normal;
    }

.pte-banner {
    background-color: #ffd166;
}

.pte-banner-heading {
    color: #000;
    font-size: 24px;
    padding: 20px;
}

.w-maxcontent {
    width: max-content;
}

.w-300 {
    width: 300% !important;
}

.package-notes {
    color: #e00f00;
}

/* splitit option */

.splitit-option .splitit-price {
    font-size: 1rem;
    margin: 0;
}

    .splitit-option .splitit-price span {
        color: #64306c;
        font-size: 30px;
        font-weight: bold;
    }

.splitit-option .logo-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-bottom: 15px;
}

    .splitit-option .logo-box img {
        height: 32px;
        margin-left: 10px;
    }

.splitit-option a {
    color: #12326E;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    vertical-align: middle;
}

.splitit-logo {
    vertical-align: inherit;
    margin-left: 5px;
}
/* new css strapi toefl */
.toefl-page.teachers-section h2 {
    line-height: 0.9;
}

    .toefl-page.teachers-section h2 > span:nth-child(2) {
        top: 0;
    }

.toefl-page.s2-exam h2 {
    white-space: pre-line;
}

.toefl-page.s2-exam .d-layer-above {
    margin-top: 1rem;
}

.toefl-page.s2-exam .advantages img {
    width: 100px;
    filter: invert(28%) sepia(87%) saturate(1684%) hue-rotate(174deg) brightness(101%) contrast(88%);
}

#testimonialscarousel ul.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 21%;
    top: -2rem;
}

    #testimonialscarousel ul.slick-dots li {
        display: inline-block;
        margin: 0.4rem;
    }

        #testimonialscarousel ul.slick-dots li button {
            background: none;
            border: 2px solid white;
            border-radius: 100%;
            width: 1.2rem;
            height: 1.2rem;
            padding: 0;
            text-indent: -9999px;
        }

        #testimonialscarousel ul.slick-dots li.slick-active button {
            background: white;
        }

@media only screen and (min-width: 800px) {
    .toefl-page.testimonial #testimonials-carousel i.col-80 {
        width: 80% !important;
    }

    .toefl-page.testimonial #testimonials-carousel i.col-20 {
        width: 20% !important;
    }
}

@media only screen and (max-width: 600px) {
    .toefl-page.packages-section .title-heading .exam-word {
        top: 0;
    }
}

/* new css strapi toiec */
.toeic-page.teachers-section h2 {
    line-height: 0.9;
}

    .toeic-page.teachers-section h2 > span:nth-child(2) {
        top: 0;
    }

.toeic-page.s2-exam h2 {
    white-space: pre-line;
}

.toeic-page.s2-exam .d-layer-above {
    margin-top: 1rem;
}

.toeic-page.s2-exam .advantages img {
    width: 100px;
    filter: invert(28%) sepia(87%) saturate(1684%) hue-rotate(174deg) brightness(101%) contrast(88%);
}

@media only screen and (max-width: 600px) {
    .toeic-page.packages-section .title-heading .exam-word {
        top: 0;
    }
}

/* strapi oet nurse */
.oet-page.teachers-section h2 {
    line-height: 0.9;
}

    .oet-page.teachers-section h2 > span:nth-child(2) {
        top: 0;
    }

.oet-page.s2-exam h2 {
    white-space: pre-line;
}

.oet-page.s2-exam .d-layer-above {
    margin-top: 1rem;
}

.oet-page.s2-exam .advantages img {
    width: 100px;
    filter: invert(28%) sepia(87%) saturate(1684%) hue-rotate(174deg) brightness(101%) contrast(88%);
}

@media only screen and (max-width: 600px) {
    .oet-page.packages-section .title-heading .exam-word {
        top: 0;
    }
}

/* new layout */
.bg-e2l-new-dark-blue {
    background: #0E2653;
}

.bg-e2l-new-mid-blue {
    background: #12326E;
}

.bg-e2l-transparent {
    background: transparent;
}

body.lightblue-top header ul.submenu.bg-e2l-new-mid-blue {
    background: #12326E;
}

.border-radius-10px {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.border-radius-5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.deco-bg-1 {
    background-image: url(https://az835772.vo.msecnd.net/e2l-frontpage-image/icons/deco-1-2.svg);
    background-size: cover;
}

.decoration-wrapper {
    position: absolute;
    top: 100px;
    right: 0px;
    height: 95vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0;
    background-size: 1440px 654px;
}

.button-mid-blue {
    background: #12326E;
}

.button-hi-blue {
    background: #517DFF;
    border-radius: 10px;
}

    .button-hi-blue:hover {
        background: white;
        border-color: white;
        color: #517dff;
    }

header nav > ul > li:last-child a.button-hi-blue {
    padding-right: 28.8px;
}

.button-try-for-free.button-hi-blue {
    border-radius: 10px;
}

    .button-try-for-free.button-hi-blue:hover {
        background: white;
        border-color: white;
        color: #517dff;
    }

.grid-courses-block {
    overflow-x: auto;
}

    .grid-courses-block.grid-courses-white .grid-block {
        background: white;
        color: #12326E;
        border-radius: 10px;
        transition: background-color 0.2s ease;
    }

        .grid-courses-block.grid-courses-white .grid-block:hover {
            background: #DFF1FC;
            box-shadow: 0px 2px 2px 2px var(--shad-blue-2);
            transform: translateY(-3px);
            transition: all 0.2s ease-in-out;
        }

.filter-live-classes.filter-light-blue span {
    background: #DFF1FC;
    color: #0E2653;
}

    .filter-live-classes.filter-light-blue span.active {
        background: white;
        border-color: #0E2653;
        color: #0E2653;
    }

.svg-fill-white {
    fill: white;
}

.button-white {
    background: white;
    border-color: white;
    border-radius: 10px;
    color: #0E2653;
}

footer .footer-box:nth-child(even) .footer-box-int.footer-bg-light-blue {
    background: #DFF1FC;
    border-radius: 10px;
}

footer .footer-box:nth-child(odd) .footer-box-int.footer-border-light-blue {
    border-color: #DFF1FC;
    border-radius: 10px;
}

footer .symbol-logo-footer img {
    opacity: 0.5;
}

@media only screen and (max-width:1200px) {
    .decoration-wrapper {
        top: 150px;
    }
}

@media only screen and (max-width:1024px) {
    .decoration-wrapper {
        display: none;
        visibility: hidden;
    }
}

/* new layout */
.button-try-for-free2.button-hi-blue {
    border-radius: 10px;
}

    .button-try-for-free2.button-hi-blue:hover {
        background: white;
        border-color: white;
        color: #517dff;
    }

@media only screen and (max-width: 1024px) {
    .bg-e2l-new-dark-blue .grid-hero-homepage .grid-block-slider .slide-1 {
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (max-width: 600px) {
    footer .footer-box:nth-child(2) .footer-box-int.footer-bg-light-blue,
    footer .footer-box:nth-child(4) .footer-box-int.footer-bg-light-blue {
        background: none;
    }

        footer .footer-box:nth-child(2) .footer-box-int.footer-bg-light-blue span,
        footer .footer-box:nth-child(2) .footer-box-int.footer-bg-light-blue li a {
            color: white;
        }

        footer .footer-box:nth-child(4) .footer-box-int.footer-bg-light-blue li a svg {
            fill: white;
        }
}

:root {
    --mid-blue: #12326E;
    --dark-blue: #0E2653;
    --light-blue: #DFF1FC;
    --lightest-blue: #F5FBFE;
    --hi-blue: #517DFF;
    --hi-aqua: #67C3CD;
    --hi-coral: #ED6A5E;
    --hi-orange: #FFA250;
    --c-white: #FFFFFF;
    --shad-blue: rgb(37, 68, 109,0.3);
    --shad-blue-2: rgb(37, 68, 109, 0.3);
    --shad-aqua: rgb(78, 158, 167, 0.1);
    --shad-aqua-2: rgb(78, 158, 167, 0.3);
}

/* -- nic's shadow on clickable objects */
/* -- -- standard shadow colour */
.n-shad-01 {
    box-shadow: 0px 2px 2px 2px var(--shad-blue);
    /* transition: all 0.3s ease-in-out; */
}

    .n-shad-01:hover {
        box-shadow: 0px 2px 2px 2px var(--shad-blue-2);
        transform: translateY(-3px);
        transition: all 0.2s ease-in-out;
    }

/* -- -- aqua shadow colour */
.n-shad-02 {
    box-shadow: 0px 2px 14px 8px var(--shad-aqua);
}

    .n-shad-02:hover {
        box-shadow: 0px 2px 14px 8px var(--shad-aqua-2);
    }

/* .n-shad-02::after {
    box-shadow: 0px 2px 14px 16px var(--shad-aqua-2);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.n-shad-02:hover::after {
    opacity: 1;
} */
/* --END nic's shadow on clickable objects */


.color-e2l-mid-blue {
    color: var(--mid-blue);
}

.privacy-page.blog-post-content p {
    white-space: pre-line;
}

@media only screen and (max-width: 800px) {
    #testimonialscarousel ul.slick-dots {
        right: 8px;
    }
}

/* strapi ielts */
.ielts-page.teachers-section h2 {
    line-height: 0.9;
}

.ielts-page.teachers-section h2 > span:nth-child(2) {
    top: 0;
}

.ielts-page.s2-exam h2 {
    white-space: pre-line;
}

.ielts-page.s2-exam .d-layer-above {
    margin-top: 1rem;
}

.ielts-page.s2-exam .advantages img {
    width: 100px;
    filter: invert(28%) sepia(87%) saturate(1684%) hue-rotate(174deg) brightness(101%) contrast(88%);
}

@media only screen and (min-width: 800px) {
    .ielts-page.testimonial #testimonials-carousel i.col-80 {
        width: 80% !important;
    }

    .ielts-page.testimonial #testimonials-carousel i.col-20 {
        width: 20% !important;
    }
}

@media only screen and (max-width: 600px) {
    .ielts-page.packages-section .title-heading .exam-word {
        top: 0;
    }
}

/* strapi pte */
.pte-page.teachers-section h2 {
    line-height: 0.9;
}

.pte-page.teachers-section h2 > span:nth-child(2) {
    top: 0;
}

.pte-page.s2-exam h2 {
    white-space: pre-line;
}

.pte-page.s2-exam .d-layer-above {
    margin-top: 1rem;
}

.pte-page.s2-exam .advantages img {
    width: 100px;
    filter: invert(28%) sepia(87%) saturate(1684%) hue-rotate(174deg) brightness(101%) contrast(88%);
}

@media only screen and (min-width: 800px) {
    .pte-page.testimonial #testimonials-carousel i.col-80 {
        width: 80% !important;
    }
    .pte-page.testimonial #testimonials-carousel i.col-20 {
        width: 20% !important;
    }
}

@media only screen and (max-width: 600px) {
    .pte-page.packages-section .title-heading .exam-word {
        top: 0;
    }
}


/* new css 05/07/2021 */
.color-hi-blue {
    color: #517DFF;
}

.color-grey {
    color: #858585;
}

.package-grid .package-item .dolar {
    font-size: inherit;
    margin-right: 0;
}

.package-grid .package-item .currency {
    font-size: inherit;
    font-weight: inherit;
    vertical-align: initial;
    margin-left: 10px;
}

.popover {
    background: white;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    max-width: 300px;
    font-size: 12px;
}

.popover .popover-header {
    color: #0E2653;
    font-size: 12px;
    margin-bottom: 1rem;
}

.popover .popover-body {
    white-space: pre-line;
}

.popover .arrow {
    position: absolute;
    top:0;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
    margin-top: -6px;
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem .5rem;
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: white;
}
.col-flex {
    display: flex;
    text-align: center;
}

.response-message-text {
    color: gray;
    font-weight: normal;
}

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


.modal-open {
    overflow: hidden;
}

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

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

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

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

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

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

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

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

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

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

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

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

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

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

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

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

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

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

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

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 450px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

        .modal-dialog-centered::before {
            height: calc(100vh - (1.75rem * 2));
        }

    .modal-sm {
        max-width: 300px;
    }
}

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

.btn-custom {
    font-size: 14px;
    border-width: 2px;
}

.btn-close-custom {
    line-height: 9px;
    padding: 0.2rem;
}

.modal-box {
    border-radius: 0;
    border: 4px solid rgba(15, 119, 183, 0.7);
}

.modal-box-title {
    font-weight: 500 !important;
    font-size: 20px;
}

.modal-dialog-custom {
    top: 15%;
}

.modal-message-custom {
    line-height: 38px;
}


.container {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    left: 15px;
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
}

.checkmark {
    position: absolute;
    top: 13px;
    left: 2px;
    height: 11px;
    width: 11px;
    background-color: #eee;
    border-radius: 50%;
}

.container:hover input ~ .checkmark {
    background-color: #ccc;
}

.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;

}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: white;
}

.msg-left40 {
    position: absolute;
    left: 40%;
}

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

.mrg-top-neg-3r {
    margin-top: -3rem;
}

.word-underline-exams-ielts > span:after {
    left: 0;
}

.word-underline-exams-ielts > span {
    position: relative;
}

    .word-underline-exams-ielts > span:after {
        content: '';
        position: absolute;
        width: 60%;
        height: 10px;
        background: #f75843;
        bottom: 15px;
        right: 70%;
    }



.word-underline-exams-oet > span:after {
        left: 0;
    }

.word-underline-exams-oet > span {
    position: relative;
}

    .word-underline-exams-oet > span:after {
        content: '';
        position: absolute;
        width: 60%;
        height: 10px;
        background: #0f77b7;
        bottom: 15px;
        right: 70%;
    }


.word-underline-exams-pte > span:after {
    left: 0;
}

.word-underline-exams-pte > span {
    position: relative;
}

    .word-underline-exams-pte > span:after {
        content: '';
        position: absolute;
        width: 60%;
        height: 10px;
        background: #008287;
        bottom: 15px;
        right: 70%;
    }


.word-underline-exams-toefl > span:after {
    left: 0;
}

.word-underline-exams-toefl > span {
    position: relative;
}

    .word-underline-exams-toefl > span:after {
        content: '';
        position: absolute;
        width: 60%;
        height: 10px;
        background: #102083;
        bottom: 15px;
        right: 70%;
    }

.font-outline {
    text-shadow: -1px -1px 0 #32588b, 1px -1px 0 #32588b, -1px 1px 0 #32588b, 4px 4px 0 #32588b;
}

.footer-custom {
    margin-top: 3rem !important;
    margin-left: 8rem !important;
    display: inline-table !important;
    width: unset !important;
}

.logo-footer-custom {
    position: unset !important;
    bottom: unset !important;
    left: unset !important;
}

.img-bg-dashboard-pte {
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-dashboard-oet {
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-dashboard-toefl {
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-dashboard-ielts-a {
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-dashboard-ielts-g {
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-testimonial {
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-main {
    background: url('//az835772.vo.msecnd.net/e2l-frontpage-image/img/image-08-1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}


.img-bg-ielts {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/ielts-1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-ielts-testimonial {
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    min-height: 25rem;
}

.img-bg-oet {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/oet-1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-oet-testimonial {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/oet-student-1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    min-height: 25rem;
}

.img-bg-pte {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/pte-a-1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-pte-testimonial {
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    min-height: 25rem;
}

.img-bg-toefl {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/toefl-1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

.img-bg-toefl-testimonial {
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    min-height: 25rem;
}

.img-bg-e2school {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/E2School_Online_Teacher_9.png') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

@import "https://www.e2language.com/Content/css";

/* REMOVE from current main CSS (Please test after remove the lines) */
/*
   .nav-top // All lines
   .login // All lines
   .nav-exams // All lines
   .hassubmenu // All lines
   .submenu // All lines
   .lightblue-top // All lines
   .first-section // All lines
   .s1-homepage // All lines
   header // All lines
   .nav-responsive-menu  // All lines
   .wrapper-nav-responsive-menu-ul // All lines
*/

/* COLORS */
.bg-e2l-04 {
    background: #152f50;
}
.bg-e2l-white {
    background: #fff;
}
/* New Dark Blue 1  */
.bg-e2l-05 {
    background: #0d1e38;
}
/* New Dark Blue 2 */

.color-e2l-04 {
    color: #152f50;
}
/* New Dark Blue 1  */
.color-e2l-05 {
    color: #0d1e38;
}
/* New Dark Blue 2 */

.svg_e2l-fill-ielts svg * {
    fill: #f75843;
}

.svg_e2l-fill-oet svg * {
    fill: #0f77b7;
}

.svg_e2l-fill-pte svg * {
    fill: #008287;
}

.svg_e2l-fill-toefl svg * {
    fill: #102083;
}

/* SVG */
.svg-210 svg {
    width: 210px;
}

/* HEADER */
header {
    position: relative;
}

    header nav > ul > li > a {
        font-size: 1.2rem;
    }

    header nav > ul > li:last-child a {
        padding: 1rem 0rem 1rem 1rem;
    }

.nav-responsive, .nav-responsive-menu {
    display: none;
}

header .wrapper-nav-responsive-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    header .wrapper-nav-responsive-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        header .wrapper-nav-responsive-menu ul li {
            text-align: center;
            padding: 1rem;
            font-size: 3rem;
        }

            header .wrapper-nav-responsive-menu ul li a {
                padding: 1rem;
                color: white;
                font-weight: 500;
            }


/* INDEX */
.grid-hero-homepage {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: minmax(150px, auto) minmax(200px, auto);
    grid-gap: 1rem;
    color: white;
}

    .grid-hero-homepage .grid-block-slider {
        grid-column: 1 / 6;
        grid-row: 1 / 3;
    }

    .grid-hero-homepage .grid-block-free {
        grid-column: 6 / 11
    }

    .grid-hero-homepage .grid-block {
        position: relative;
        cursor: pointer;
    }

    .grid-hero-homepage .grid-block-exams {
        grid-column: span 2;
    }

    .grid-hero-homepage .grid-block-exams-3 {
        grid-column: span 3;
    }

    .grid-hero-homepage .grid-block-exams .anchor-block,
    .grid-hero-homepage .grid-block-exams-3 .anchor-block {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.75);
        opacity: 0;
        visibility: hidden;
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 1rem;
    }

    .grid-hero-homepage .grid-block-exams:hover .anchor-block,
    .grid-hero-homepage .grid-block-exams-3:hover .anchor-block {
        opacity: 1;
        visibility: visible;
    }

    .grid-hero-homepage .grid-block-free .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1rem;
        height: 100%;
    }

        .grid-hero-homepage .grid-block-free .anchor-block span:nth-child(2) {
            display: flex;
            justify-content: space-between;
        }

    .grid-hero-homepage .grid-block-free .invisible {
        transition: all .2s ease;
    }

    .grid-hero-homepage .grid-block-free .anchor-block:hover {
        opacity: 1;
    }

        .grid-hero-homepage .grid-block-free .anchor-block:hover .invisible {
            opacity: 1;
            visibility: visible;
            transition: all .2s ease;
        }

    .grid-hero-homepage .grid-block-free svg * {
        fill: #152f50;
        transition: all .2s ease;
    }

    .grid-hero-homepage .grid-block-free .anchor-block:hover svg * {
        fill: #ffffff;
        transition: all .2s ease;
    }

    .grid-hero-homepage .grid-block-slider .slick-list, .grid-hero-homepage .grid-block-slider .slick-track {
        height: 100%;
    }

    .grid-hero-homepage .grid-block-slider .slick-slide {
        position: relative;
        height: 400px;
    }

    .grid-hero-homepage .grid-block-slider .hero-block-slide {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .grid-hero-homepage .grid-block-slider .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 1rem;
        height: 100%;
    }

    .grid-hero-homepage .grid-block-slider .text-slide > span {
        display: inline-block;
        position: relative;
    }

    .grid-hero-homepage .grid-block-slider .text-slide span span {
        position: relative;
        z-index: 10;
    }

    .grid-hero-homepage .grid-block-slider .text-slide > span:before {
        content: '';
        position: absolute;
        width: 120%;
        height: 85%;
        z-index: 9;
        background: #0d1e38;
        top: 35%;
        left: -10%;
    }

    .grid-hero-homepage .grid-block-secondary-one {
        grid-column: span 2;
    }

    .grid-hero-homepage .grid-block-secondary-two {
        grid-column: span 3;
    }

    .grid-hero-homepage .grid-block-secondary .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1rem;
        height: 100%;
    }

        .grid-hero-homepage .grid-block-secondary .anchor-block:hover {
            opacity: 1;
        }

    .grid-hero-homepage .grid-block-secondary svg * {
        fill: rgba(255, 255, 255, 0.2);
        transition: all .2s ease;
    }

    .grid-hero-homepage .grid-block-secondary .anchor-block:hover svg * {
        fill: #ffffff;
        transition: all .2s ease;
    }


.grid-courses-block {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
    grid-gap: 1rem;
    color: white;
}

    .grid-courses-block .grid-block {
        position: relative;
    }

    .grid-courses-block .grid-block {
        position: relative;
    }

    .grid-courses-block .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem;
        height: 100%;
    }

        .grid-courses-block .anchor-block .invisible {
            transition: all .2s ease;
        }

        .grid-courses-block .anchor-block:hover {
            opacity: 1;
        }

        .grid-courses-block .anchor-block:hover .invisible {
            opacity: 1;
            visibility: visible;
            transition: all .2s ease;
        }

        .grid-courses-block .anchor-block span:nth-of-type(2) {
            display: flex;
            justify-content: space-between;
            padding-top: 1rem;
        }

        .grid-courses-block .anchor-block span:nth-of-type(2) svg * {
            fill: rgba(255, 255, 255, 0.2);
            transition: all .2s ease;
        }

        .grid-courses-block .anchor-block:hover span:nth-of-type(2) svg * {
            fill: rgba(255, 255, 255, 1);
            transition: all .2s ease;
        }

.grid-offering {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1rem;
    color: white;
}

    .grid-offering .grid-block,
    .grid-offering .grid-block-2 {
        position: relative;
    }

    .grid-offering .grid-block-2 {
        grid-column: span 2;
    }

    .grid-offering .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem;
        height: 100%;
    }

        .grid-offering .anchor-block:hover {
            opacity: 1;
        }

        .grid-offering .anchor-block span:nth-of-type(2) {
            flex-grow: 1;
            padding-top: 1rem;
        }

        .grid-offering .anchor-block span:nth-of-type(3) svg * {
            fill: rgba(255, 255, 255, 0.2);
            transition: all .2s ease;
        }

        .grid-offering .anchor-block:hover span:nth-of-type(3) svg * {
            fill: rgba(255, 255, 255, 1);
            transition: all .2s ease;
        }

/* EXAMS PAGES */
.grid-hero-exams {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 1rem;
    color: white;
}

    .grid-hero-exams .grid-block-view {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

    .grid-hero-exams .grid-block-free {
        grid-column: 3 / 5;
    }

    .grid-hero-exams .grid-block {
        position: relative;
        cursor: pointer;
    }

    .grid-hero-exams .grid-block-view .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 1rem;
        height: 100%;
        align-items: flex-end;
    }

        .grid-hero-exams .grid-block-view .anchor-block:hover {
            opacity: 1;
        }

    .grid-hero-exams .grid-block-view svg * {
        fill: #ffffff;
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-view .anchor-block:hover svg * {
        fill: rgba(255, 255, 255, 0.2);
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-free .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1rem;
        height: 100%;
    }

        .grid-hero-exams .grid-block-free .anchor-block span:nth-child(2) {
            display: flex;
            justify-content: space-between;
        }

    .grid-hero-exams .grid-block-free .invisible {
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-free .anchor-block:hover {
        opacity: 1;
    }

        .grid-hero-exams .grid-block-free .anchor-block:hover .invisible {
            opacity: 1;
            visibility: visible;
            transition: all .2s ease;
        }

    .grid-hero-exams .grid-block-free svg * {
        fill: #152f50;
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-free .anchor-block:hover svg * {
        fill: #ffffff;
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-secondary .anchor-block {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1rem;
        height: 100%;
    }

        .grid-hero-exams .grid-block-secondary .anchor-block:hover {
            opacity: 1;
        }

    .grid-hero-exams .grid-block-secondary svg * {
        fill: rgba(255, 255, 255, 0.2);
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-secondary .anchor-block:hover svg * {
        fill: #ffffff;
        transition: all .2s ease;
    }

    .grid-hero-exams .grid-block-view-toefl {
        background-position: center center;
        background-size: cover;
    }

    .grid-hero-exams .grid-block-view-pte {
        background-position: center center;
        background-size: cover;
    }

    .grid-hero-exams .grid-block-view-oet {
        background-position: center center;
        background-size: cover;
    }

    .grid-hero-exams .grid-block-view-ielts {
        background-position: center center;
        background-size: cover;
    }


/* SLIDERS */
#hero-block-slider ul.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 1rem;
    bottom: 0.5rem;
}

    #hero-block-slider ul.slick-dots li {
        display: inline-block;
        margin: 0.4rem;
    }

        #hero-block-slider ul.slick-dots li button {
            background: rgba(255, 255, 255, .4);
            border: none;
            border-radius: 100%;
            width: 14px;
            height: 14px;
            padding: 0;
            text-indent: -9999px;
        }

        #hero-block-slider ul.slick-dots li.slick-active button {
            background: white;
        }

.grid-hero-homepage .grid-block-slider .slide-1 {
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    background-position-x: 90%;
    background-size: 100%;
}

.grid-hero-homepage .grid-block-slider .slide-2 {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/slide-4.png') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    height: 400px;
}

.grid-hero-homepage .grid-block-slider .slide-3 {
    background: url('https://az835772.vo.msecnd.net/e2l-frontpage-image/img/slide-3_1.jpg') no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    height: 400px;
}


/* POPUP */
.fancybox-bg {
    background: #152f50;
}

.popup-ielts-courses .popup-button {
    background: #f75843;
    color: white;
    font-size: 1.3rem;
    border: none;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
}


.popup-writing-speaking-feedback .popup-button {
    background: #517DFF;
    color: white;
    font-size: 1.3rem;
    border: none;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
}


/* TEACHER SECTION */
.teachers-section h2 > span:nth-child(2) {
    position: relative;
    top: -1rem;
}

.teachers-section .teachers-list .teacher img {
    max-width: 200px;
}

/* FORMS PAYMENT GATEWAY */
.process-form .process-form-register {
    padding: 3rem;
    border: 6px solid #152f50;
}

.process-form .grid-form-register {
    display: grid;
    grid-template-columns: 170px auto;
    align-items: center;
    grid-gap: 1rem;
}

    .process-form .grid-form-register input {
        background: none;
        border: none;
        border-bottom: 1px solid #152f50;
        padding: 0.8rem 0.5rem;
    }

.process-form .grid-form-register-submit {
    display: grid;
    grid-template-columns: 170px auto;
    align-items: center;
    grid-gap: 1rem;
}

    .process-form .grid-form-register-submit .submit {
        grid-column: 2 / 3;
    }

.process-form .process-form-details {
    padding: 3rem;
    border: 6px solid #152f50;
}

.process-form .table-details-payment {
    width: 100%;
    border-collapse: collapse;
}

    .process-form .table-details-payment thead tr th {
        padding: 1rem 0.2rem;
    }

    .process-form .table-details-payment tbody tr td {
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        padding: 1rem 0.2rem;
    }

        .process-form .table-details-payment tbody tr td.info {
            padding: 1rem 0.7rem 1rem 0.2rem;
        }

.process-form .process-form-payment {
    padding: 3rem;
    border: 6px solid #152f50;
}

.process-form .grid-form-card-payment {
    display: grid;
    grid-template-columns: minmax(100px, 170px) auto;
    align-items: center;
    grid-gap: 1rem;
}

    .process-form .grid-form-card-payment input {
        background: none;
        border: none;
        border-bottom: 1px solid #152f50;
        padding: 0.8rem 0.5rem;
    }

    .process-form .grid-form-card-payment .credit-card-values {
        border: 1px solid #152f50;
        padding: 0.7rem;
    }

        .process-form .grid-form-card-payment .credit-card-values input.card-number {
            background: url('../img/credit-card-img.png') no-repeat center left;
            padding-left: 35px;
            width: 100%;
            border: none;
        }

        .process-form .grid-form-card-payment .credit-card-values input.expiration {
            width: 80px;
            border: none;
        }

        .process-form .grid-form-card-payment .credit-card-values input.cvc {
            width: 50px;
            border: none;
        }

.process-form .button-payment-gateway {
    background: #152f50;
    border: none;
    color: white;
    font-weight: 700;
    padding: 1rem 2rem;
}



/* RESPONSIVE */

@media only screen and (max-width:1024px) {
    .grid-hero-homepage .grid-block-free .invisible {
        opacity: 1;
        visibility: visible;
    }

    .grid-offering {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, minmax(260px, auto))
    }

    .grid-hero-homepage .grid-block-slider .slide-1 {
        background-position-x: 83%;
        background-size: 100%;
    }

    .grid-hero-exams .grid-block-free .invisible {
        opacity: 1;
        visibility: visible;
    }

    /* NOT ADD (Classes repeated on current main CSS) */
    .nav-responsive {
        display: block;
    }

    .nav-desktop {
        display: none;
    }
}

@media only screen and (max-width:800px) {
    .grid-hero-homepage {
        grid-template-rows: minmax(100px, auto) minmax(250px, auto) auto;
    }

        .grid-hero-homepage .grid-block-slider {
            grid-column: span 10;
            grid-row: span 5;
        }

        .grid-hero-homepage .grid-block-free {
            grid-column: span 10;
        }

        .grid-hero-homepage .grid-block-secondary {
            grid-column: span 5;
        }

        .grid-hero-homepage .grid-block-slider .slide-1 {
            background-position-x: center;
            background-size: cover;
        }

    .grid-hero-exams .grid-block-view .anchor-block {
        align-items: initial;
        flex-direction: column;
    }

    .process-form .grid-form-card-payment {
        grid-template-columns: 100%;
        grid-gap: 0.5rem;
    }
}

@media only screen and (max-width:600px) {
    .grid-hero-homepage {
        grid-template-rows: auto auto minmax(250px, auto) auto auto;
    }



        .grid-hero-homepage .grid-block-exams:nth-child(1), .grid-hero-homepage .grid-block-exams:nth-child(2) {
            grid-column: span 5;
        }

        .grid-hero-homepage .grid-block-exams:nth-child(3), .grid-hero-homepage .grid-block-exams:nth-child(4) {
            grid-column: span 3;
        }

        .grid-hero-homepage .grid-block-exams:nth-child(5) {
            grid-column: span 4;
        }

        .grid-hero-homepage .grid-block-exams .anchor-block {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .grid-hero-homepage .grid-block-free {
            grid-column: span 10;
        }

        .grid-hero-homepage .grid-block-secondary {
            grid-column: span 5;
        }

    .grid-offering {
        grid-template-rows: repeat(2, minmax(285px, auto));
    }

    .grid-hero-exams .grid-block-view {
        grid-column: span 4;
        grid-row: span 1;
    }

    .grid-hero-exams .grid-block-free {
        grid-column: span 4;
        grid-row: span 1;
    }

    .grid-hero-exams .grid-block-secondary {
        grid-column: span 2;
        grid-row: span 1;
    }

    .process-form .grid-form-register {
        grid-template-columns: 100%;
        grid-gap: 0.5rem;
    }

    .process-form .grid-form-register-submit {
        grid-template-columns: 100%;
        grid-gap: initial;
    }

        .process-form .grid-form-register-submit .submit {
            grid-column: auto;
        }
}

@media only screen and (max-width:480px) {
    .grid-hero-homepage {
        grid-template-rows: auto auto auto minmax(250px, auto) auto auto;
    }

        .grid-hero-homepage .grid-block-exams .anchor-block {
            padding: 0.4rem;
        }

        .grid-hero-homepage .grid-block-exams:nth-child(3), .grid-hero-homepage .grid-block-exams:nth-child(4) {
            grid-column: span 5;
        }

        .grid-hero-homepage .grid-block-exams:nth-child(5) {
            grid-column: span 10;
        }

    .grid-offering {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, minmax(170px, auto));
    }

        .grid-offering .anchor-block {
            flex-wrap: wrap;
            flex-direction: initial;
        }


    .teachers-section .teachers-list .teacher > div > div {
        position: relative;
        top: -25px;
    }
}

@media only screen and (max-width:360px) {
    .grid-hero-homepage .grid-block-secondary {
        grid-column: span 10;
    }

    .grid-hero-exams .grid-block-secondary {
        grid-column: span 4;
    }

    .process-form .process-form-register, .process-form .process-form-details, .process-form .process-form-payment {
        padding: 2rem;
    }

    /* NOT ADD (Class repeated on current main CSS) */
    .svg-xxs-fluid svg {
        width: 100%;
    }
}


.popular-badge {
    background: #ED6A5E;
    font-family: 'Poppins', sans-serif;
    color: white;
    font-size: 11px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 2%;
    left: -35%;
    width: 100%;
    transform: rotate(-45deg);
}

.popular-badge-hi-blue {
    background: #517DFF;
}

.package-grid .package-item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.package-grid .package-item .title h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 15px;
}

.package-grid .package-item .title .express {
    color: #8fa2bd;
}

.package-grid .package-item .title .bronze {
    color: #7a91b1;
}

.package-grid .package-item .title .silver {
    color: #687f9e;
}

.package-grid .package-item .title .gold {
    color: #2d4f7d;
}

.package-grid .package-item .title .platinum {
    color: #ff8b1f;
}

.package-grid .package-item .title p {
    font-size: 12px;
    margin-bottom: 15px;
}

.package-grid .package-item .price {
    font-size: 48px;
    font-weight: bold;
    margin-left: -15px;
    margin-bottom: 5px;
}

    .package-grid .package-item .price .dolar {
        font-size: 14px;
        font-weight: 600;
        vertical-align: text-top;
        margin-right: 5px;
    }

.package-grid .package-item ul {
    padding-left: 0;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #DEE2E6;
}

    .package-grid .package-item ul li {
        list-style: none;
        padding: 10px;
        line-height: 1.5;
        border-top: 1px solid #eee;
    }

.package-grid .package-item .btn-primary {
    padding: 10px 20px;
    margin-top: auto;
    font-family: "Poppins", sans-serif;
}

@media (max-width: 1132.98px) {
    .popular-badge {
        font-size: 10px;
        top: 2.3%;
    }
}

@media (max-width: 849.98px) {
    .popular-badge {
        font-size: 13px;
        top: 4.9%;
        left: -42%;
    }
}

@media (max-width: 767.98px) {
    .package-grid .nav-tabs {
        display: block;
    }

    .package-grid .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .tab-content > .tab-pane {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }

    .popular-badge {
        top: 11%;
        left: -40%;
        font-size: 14px;
    }
}

@media (max-width: 649.98px) {
    .popular-badge {
        top: 9.5%;
        left: -38%;
    }
}

@media (max-width: 474.98px) {
    .popular-badge {
        top: 3%;
        left: -39%;
    }
}

@media (max-width: 374.98px) {
    .popular-badge {
        top: 3%;
        left: -35%;
    }
}

/* SLIDERS */
#bannerSlider .slick-list {
    height: unset !important;
}

#bannerSlider ul.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 50%;
    text-align: center;
    display: inline-flex;
    transform: translate(50%, 0);
}

    #bannerSlider ul.slick-dots li {
        display: inline-block;
        margin: 0.4rem;
    }

        #bannerSlider ul.slick-dots li button {
            background: none;
            border: 2px solid #32588b;
            border-radius: 100%;
            width: 1.2rem;
            height: 1.2rem;
            padding: 0;
            text-indent: -9999px;
        }

        #bannerSlider ul.slick-dots li.slick-active button {
            background: #31c5ce;
        }

.fancybox-container{
    z-index:9998 !important;
}
/*---------------
   FANCYBOX 3.5.7
------------------*/
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.package-grid .package-item {
    border-radius: 10px;
    border: 0;
    padding: 0px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.package-item-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 15px;
}

    .package-item-section:last-of-type {
        height: 100%;
    }

    .package-item-section:first-of-type {
        padding-top: 20px
    }

    .package-item-section:last-child {
        padding-bottom: 20px
    }

.package-grid .package-item .package-price {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 10px 0;
    padding: 10px 0;
    width: 100%;
}

.package-grid .package-item .splitit-option {
    margin-bottom: 20px;
    min-height: 50px;
}

    .package-grid .package-item .splitit-option a {
        font-size: 14px;
        line-height: 1.7;
    }

.package-grid .package-item p {
    line-height: initial;
    margin-top: 0;
    margin-bottom: 10px;
}

.package-grid .package-item ul {
    margin-top: 0;
    text-align: left;
    padding-left: 10px;
    border-bottom: 0;
}

    .package-grid .package-item ul.tutorial-section {
        margin-bottom:10px;
    }

    .package-grid .package-item ul.list-dot {
        padding-left: 30px;
    }

    .package-grid .package-item ul li {
        font-size: 1.2rem;
        border-top: 0;
        padding: 3px 0;
        display: flex;
        align-items: flex-start;
        position: relative;
    }

        .package-grid .package-item ul li.active {
            margin-left: -10px;
            font-weight: bold;
            padding-top: 10px;
            padding-bottom: 10px
        }

    .package-grid .package-item ul.list-dot li::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #0E2653;
        position: absolute;
        left: -20px;
        top: 12px;
    }

    .package-grid .package-item ul li span {
        display: inline-block;
        background: #fff;
        color: inherit;
        font-weight: 600;
        border-radius: 10px;
        padding: 0 10px;
        margin-right: 5px;
    }

.package-grid .package-item .learn-more-link {
    position: initial;
}

#package-grid-2 .package-desc {
    min-height: 60px;
}

.package-item-section:nth-of-type(2) {
    background: #DFF1FC;
}

#package-grid-2 .tutorial-section {
    min-height: 172px;
}

#package-grid-2 .assessment-section {
    min-height: 150px;
}

.pte-page #package-grid-2 .assessment-section {
    min-height: 243px;
}

.oet-page #package-grid-2 .assessment-section {
    min-height: 120px;
}

.toefl-page #package-grid-2 .assessment-section {
    min-height: 180px;
}