/* 
    Table of Contents

    I.   Generic --------------------------------------
         01. Reset ------------------------------------
         02. Base -------------------------------------
         03. Fonts ------------------------------------
         04. Helpers ----------------------------------
             Clear ------------------------------------
             Notext -----------------------------------
             Hidden -----------------------------------
             Alignleft --------------------------------
             Alignright -------------------------------
             Disabled ---------------------------------
             Grid -------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
             Old IE fallback --------------------------
             Responsive Helpers -----------------------
    II.  Regions --------------------------------------
         01. Container --------------------------------
         02. Content ----------------------------------
         03. Footer -----------------------------------
             Small Desktop ----------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         04. Header -----------------------------------
             Mobile -----------------------------------
         05. Main -------------------------------------
         06. Shell ------------------------------------
         07. Sidebar ----------------------------------
         08. Wrapper ----------------------------------
    III. Modules --------------------------------------
         01. Article ----------------------------------
             Mobile -----------------------------------
         02. Article Post -----------------------------
             Article Post Small -----------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         03. Article Image ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         04. Article Small ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         05. Article Colored  -------------------------
             Article Colored Small --------------------
             Article Colored Intro --------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         06. Article Box ------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         07. Articles ---------------------------------
         08. Banner -----------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         09. Block ------------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         10. Blocks -----------------------------------
             Mobile -----------------------------------
         11. Boxes ------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         12. Box --------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         13. Button -----------------------------------
             Button Block -----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         14. Contacts ---------------------------------
             Mobile -----------------------------------
         15. Dropdown ---------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         16. Events -----------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         17. Event ------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         18. Form Elements ----------------------------
         19. Checkbox ---------------------------------
         20. Field ------------------------------------
         21. Form -------------------------------------
         22. Form Login -------------------------------
         23. Intro ------------------------------------
             Intro Simple -----------------------------
             Intro Reversed ---------------------------
             Intro Inner ------------------------------
             Intro Alt --------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         24. List -------------------------------------
         25. List Checkboxes --------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         26. List Info --------------------------------
             Mobile -----------------------------------
         27. Logo -------------------------------------
             Mobile -----------------------------------
         28. Modal ------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         29. Nav --------------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         30. Nav Access -------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         31. Nav Trigger ------------------------------
             Mobile -----------------------------------
         32. Nav Resources  ---------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         33. Paging -----------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         34. Section ----------------------------------
             Mobile -----------------------------------
         35. Section Impact ---------------------------
             Mobile -----------------------------------
         36. Section Tiles ----------------------------
             Mobile -----------------------------------
         37. Section Callout --------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         38. Section Slider ---------------------------
             Mobile -----------------------------------
         39. Section Article & Section Articles -------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         40. Section slider-article -------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         41. Section mba ------------------------------
             Mobile -----------------------------------
         42. Section SingUp ---------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         43. Section Featured -------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         44. Section Posts ----------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         45. Section Events ---------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         46. Section Alt ------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         47. Section Steps ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         48. Section Login ----------------------------
             Mobile -----------------------------------
         49. Section Blurred --------------------------
             Mobile -----------------------------------
         50. Section Info -----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         51. Services ---------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         52. Service ----------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         53. Slider -----------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         54. Slider Main ------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         55. slider partners --------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         56. Slider Featured Articles -----------------
             Mobile -----------------------------------
         57. Slider Blog Articles ---------------------
             Mobile -----------------------------------
         58. Slogan -----------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         59. Step -------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         60. Subscribe --------------------------------
             Mobile -----------------------------------
         61. Table ------------------------------------
         62. Tile -------------------------------------
             Tile Alt ---------------------------------
             Tile Info --------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         63. Tile Alt ---------------------------------
             Small Desktop ----------------------------
             Tablet Portrait --------------------------
         64. Tils -------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         65. Title ------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         66. Title Alt  -------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         67. Video ------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
             Mobile Portrait --------------------------
         68. Widget -----------------------------------
 */

.ico-arrow-next {
    background-image: url(images/sprite.png);
    background-position: 78.86178861788618% 48.41628959276018%;
    background-size: 3790% 1481.25%;
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-prev-with {
    background-image: url(images/sprite.png);
    background-position: 25.13812154696133% 34.78260869565217%;
    background-size: 2229.4117647058824% 790%;
    width: 17px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-prev {
    background-image: url(images/sprite.png);
    background-position: 99.1869918699187% 95.92760180995475%;
    background-size: 3790% 1481.25%;
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-with {
    background-image: url(images/sprite.png);
    background-position: 25.13812154696133% 51.20772946859904%;
    background-size: 2229.4117647058824% 790%;
    width: 17px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-bagpack {
    background-image: url(images/sprite.png);
    background-position: 0% 100%;
    background-size: 456.6265060240964% 311.84210526315786%;
    width: 83px;
    height: 76px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-close-popup {
    background-image: url(images/sprite.png);
    background-position: 37.02623906705539% 41.7910447761194%;
    background-size: 1052.7777777777778% 658.3333333333333%;
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-close {
    background-image: url(images/sprite.png);
    background-position: 79.94505494505495% 39.63963963963964%;
    background-size: 2526.6666666666665% 1580%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-dollar-small {
    background-image: url(images/sprite.png);
    background-position: 30.96085409252669% 89.44444444444444%;
    background-size: 386.734693877551% 415.7894736842105%;
    width: 98px;
    height: 57px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-dollar {
    background-image: url(images/sprite.png);
    background-position: 0% 0%;
    background-size: 308.130081300813% 348.5294117647059%;
    width: 123px;
    height: 68px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-download {
    background-image: url(images/sprite.png);
    background-position: 48.83040935672515% 40.97560975609756%;
    background-size: 1024.3243243243244% 740.625%;
    width: 37px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-end-quotes {
    background-image: url(images/sprite.png);
    background-position: 98.72611464968153% 84.15300546448088%;
    background-size: 583.0769230769231% 438.8888888888889%;
    width: 65px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green {
    background-image: url(images/sprite.png);
    background-position: 87.81869688385268% 99.06542056074767%;
    background-size: 1457.6923076923076% 1030.4347826086957%;
    width: 26px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-location {
    background-image: url(images/sprite.png);
    background-position: 52.35457063711911% 75.94339622641509%;
    background-size: 2105.5555555555557% 948%;
    width: 18px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-market {
    background-image: url(images/sprite.png);
    background-position: 100% 0%;
    background-size: 549.2753623188406% 300%;
    width: 69px;
    height: 79px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-monitor {
    background-image: url(images/sprite.png);
    background-position: 0% 47.368421052631575%;
    background-size: 435.632183908046% 278.8235294117647%;
    width: 87px;
    height: 85px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-open-quotes {
    background-image: url(images/sprite.png);
    background-position: 70.70063694267516% 48.08743169398907%;
    background-size: 583.0769230769231% 438.8888888888889%;
    width: 65px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-play-button {
    background-image: url(images/sprite.png);
    background-position: 75.2542372881356% 0%;
    background-size: 451.1904761904762% 282.14285714285717%;
    width: 84px;
    height: 84px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-purple {
    background-image: url(images/sprite.png);
    background-position: 95.23809523809523% 98.6046511627907%;
    background-size: 1722.7272727272727% 1077.2727272727273%;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-red {
    background-image: url(images/sprite.png);
    background-position: 44.7887323943662% 58.21596244131455%;
    background-size: 1579.1666666666665% 987.5%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-speaker {
    background-image: url(images/sprite.png);
    background-position: 99.67845659163987% 48.8235294117647%;
    background-size: 557.3529411764706% 353.73134328358213%;
    width: 68px;
    height: 67px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-speech {
    background-image: url(images/sprite.png);
    background-position: 44.09722222222222% 0%;
    background-size: 416.4835164835165% 296.25%;
    width: 91px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-yellow {
    background-image: url(images/sprite.png);
    background-position: 36.182336182336186% 58.767772511848335%;
    background-size: 1353.5714285714287% 911.5384615384615%;
    width: 28px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ico-arrow-next {
        background-image: url(images/sprite.@2x.png);
        background-position: 78.86178861788618% 39.909297052154194%;
        background-size: 3790% 1478.125%;
        width: 10px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-arrow-prev-with {
        background-image: url(images/sprite.@2x.png);
        background-position: 25.13812154696133% 34.866828087167065%;
        background-size: 2229.4117647058824% 788.3333333333334%;
        width: 17px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-arrow-prev {
        background-image: url(images/sprite.@2x.png);
        background-position: 98.6449864498645% 96.14512471655328%;
        background-size: 3790% 1478.125%;
        width: 10px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-arrow-with {
        background-image: url(images/sprite.@2x.png);
        background-position: 25.13812154696133% 51.3317191283293%;
        background-size: 2229.4117647058824% 788.3333333333334%;
        width: 17px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-bagpack {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 100%;
        background-size: 456.6265060240964% 313.24503311258275%;
        width: 83px;
        height: 75.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-close-popup {
        background-image: url(images/sprite.@2x.png);
        background-position: 37.02623906705539% 41.895261845386536%;
        background-size: 1052.7777777777778% 656.9444444444445%;
        width: 36px;
        height: 36px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-close {
        background-image: url(images/sprite.@2x.png);
        background-position: 51.2396694214876% 56.235827664399096%;
        background-size: 2368.75% 1478.125%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-dollar-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 30.96085409252669% 89.69359331476323%;
        background-size: 386.734693877551% 414.91228070175436%;
        width: 98px;
        height: 57px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-dollar {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 0%;
        background-size: 308.130081300813% 347.79411764705884%;
        width: 123px;
        height: 68px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-download {
        background-image: url(images/sprite.@2x.png);
        background-position: 48.83040935672515% 41.075794621026894%;
        background-size: 1024.3243243243244% 739.0625%;
        width: 37px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-end-quotes {
        background-image: url(images/sprite.@2x.png);
        background-position: 98.72611464968153% 84.38356164383562%;
        background-size: 583.0769230769231% 437.962962962963%;
        width: 65px;
        height: 54px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-green {
        background-image: url(images/sprite.@2x.png);
        background-position: 87.57062146892656% 98.83449883449883%;
        background-size: 1516% 1075%;
        width: 25px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-location-2-x {
        background-image: url(images/sprite.@2x.png);
        background-position: 52.35457063711911% 76.12293144208037%;
        background-size: 2105.5555555555557% 946.0000000000001%;
        width: 18px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-market {
        background-image: url(images/sprite.@2x.png);
        background-position: 100% 0%;
        background-size: 549.2753623188406% 299.36708860759495%;
        width: 69px;
        height: 79px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-monitor {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 47.524752475247524%;
        background-size: 435.632183908046% 278.2352941176471%;
        width: 87px;
        height: 85px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-open-quotes {
        background-image: url(images/sprite.@2x.png);
        background-position: 70.70063694267516% 48.21917808219178%;
        background-size: 583.0769230769231% 437.962962962963%;
        width: 65px;
        height: 54px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-play-button {
        background-image: url(images/sprite.@2x.png);
        background-position: 75.2542372881356% 0%;
        background-size: 451.1904761904762% 281.5476190476191%;
        width: 84px;
        height: 84px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-purple-2-x {
        background-image: url(images/sprite.@2x.png);
        background-position: 94.6927374301676% 98.37587006960557%;
        background-size: 1804.7619047619048% 1126.1904761904764%;
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-red-2-x {
        background-image: url(images/sprite.@2x.png);
        background-position: 44.662921348314605% 58.07962529274005%;
        background-size: 1647.826086956522% 1028.2608695652175%;
        width: 23px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-speaker {
        background-image: url(images/sprite.@2x.png);
        background-position: 99.67845659163987% 48.96755162241888%;
        background-size: 557.3529411764706% 352.9850746268657%;
        width: 68px;
        height: 67px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-speech {
        background-image: url(images/sprite.@2x.png);
        background-position: 44.09722222222222% 0%;
        background-size: 416.4835164835165% 295.625%;
        width: 91px;
        height: 80px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-yellow-2-x {
        background-image: url(images/sprite.@2x.png);
        background-position: 36.182336182336186% 58.90736342042755%;
        background-size: 1353.5714285714287% 909.6153846153846%;
        width: 28px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
}

.cols:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
    I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

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

html {
    tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

img,
iframe,
video,
audio,
object {
    max-width: 100%;
}

img,
iframe {
    border: 0 none;
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

b,
strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

svg:not(:root) {
    overflow: hidden;
}

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
    cursor: pointer;
}

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button,
select {
    text-transform: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

nav ul,
nav ol {
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
    Base
\* ------------------------------------------------------------ */

body {
    min-width: 320px;
    background: #fff;
    font-family: 'Avenir LT Std', 'Helvetica', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
}

a {
    color: inherit;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a[href^="tel"] {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.65em;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
    font-family: 'Mercury Display'serif;
    font-weight: normal;
}

h4 {
    font-size: 26px;
    font-family: 'Mercury Display'serif;
    font-weight: normal;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p,
ul,
ol,
dl,
table,
blockquote {
    margin-bottom: 1.3em;
}

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
    margin-bottom: 0;
}

/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Frank Ruhl Libre';
    src: url('fonts/FrankRuhlLibre-Black.eot');
    src: url('fonts/FrankRuhlLibre-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrankRuhlLibre-Black.woff2') format('woff2'),
        url('fonts/FrankRuhlLibre-Black.woff') format('woff'),
        url('fonts/FrankRuhlLibre-Black.ttf') format('truetype'),
        url('fonts/FrankRuhlLibre-Black.svg#FrankRuhlLibre-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frank Ruhl Libre';
    src: url('fonts/FrankRuhlLibre-Regular.eot');
    src: url('fonts/FrankRuhlLibre-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrankRuhlLibre-Regular.woff2') format('woff2'),
        url('fonts/FrankRuhlLibre-Regular.woff') format('woff'),
        url('fonts/FrankRuhlLibre-Regular.ttf') format('truetype'),
        url('fonts/FrankRuhlLibre-Regular.svg#FrankRuhlLibre-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pyes Pa';
    src: url('fonts/PyesPa-Poster.eot');
    src: url('fonts/PyesPa-Poster.eot?#iefix') format('embedded-opentype'),
        url('fonts/PyesPa-Poster.woff2') format('woff2'),
        url('fonts/PyesPa-Poster.woff') format('woff'),
        url('fonts/PyesPa-Poster.ttf') format('truetype'),
        url('fonts/PyesPa-Poster.svg#PyesPa-Poster') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('fonts/AvenirNextCondensed-Regular.eot');
    src: url('fonts/AvenirNextCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCondensed-Regular.woff2') format('woff2'),
        url('fonts/AvenirNextCondensed-Regular.woff') format('woff'),
        url('fonts/AvenirNextCondensed-Regular.ttf') format('truetype'),
        url('fonts/AvenirNextCondensed-Regular.svg#AvenirNextCondensed-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('fonts/AvenirNextCondensed-Bold.eot');
    src: url('fonts/AvenirNextCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCondensed-Bold.woff2') format('woff2'),
        url('fonts/AvenirNextCondensed-Bold.woff') format('woff'),
        url('fonts/AvenirNextCondensed-Bold.ttf') format('truetype'),
        url('fonts/AvenirNextCondensed-Bold.svg#AvenirNextCondensed-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextRg';
    src: url('fonts/AvenirNextLTW01BoldRegular.woff2') format('woff2'),
        url('fonts/AvenirNextLTW01BoldRegular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next LT Pro Demibold';
    src: url('fonts/AvenirNextLTPro-DemiCn.woff2') format('woff2'),
        url('fonts/AvenirNextLTPro-DemiCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNext LT Pro MediumCn';
    src: url('fonts/AvenirNextLTPro-MediumCn.woff2') format('woff2'),
        url('fonts/AvenirNextLTPro-MediumCn.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Roman.eot');
    src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('fonts/AvenirLTStd-Roman.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Book.eot');
    src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Book.woff') format('woff'),
        url('fonts/AvenirLTStd-Book.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Light.eot');
    src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Light.woff') format('woff'),
        url('fonts/AvenirLTStd-Light.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std Md';
    src: url('fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Black.eot');
    src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Black.woff') format('woff'),
        url('fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Heavy';
    src: url('fonts/Avenir-Heavy.woff2') format('woff2'),
        url('fonts/Avenir-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Mercury Display';
    src: url('fonts/MercuryDisplay-Bold.woff2') format('woff2'),
        url('fonts/MercuryDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Mercury Display';
    src: url('fonts/MercuryDisplay-Semibold.woff2') format('woff2'),
        url('fonts/MercuryDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mercury Display';
    src: url('fonts/MercuryDisplay-SemiItalic.woff2') format('woff2'),
        url('fonts/MercuryDisplay-SemiItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Mercury Display';
    src: url('fonts/MercuryDisplay-Roman.woff2') format('woff2'),
        url('fonts/MercuryDisplay-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* ------------------------------------------------------------ *\
    Links
\* ------------------------------------------------------------ */

.main p a,
.main a {
    font-weight: bold;
    color: #ba3392;
    text-decoration: none;
}

/*.main p a:hover, .main a:hover {text-decoration: underline;}*/
.main a.btn:hover {
    text-decoration: none;
}


/* ------------------------------------------------------------ *\
    Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/*  Notext  */

.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden;
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

/*  Hidden  */

[hidden],
.hidden {
    display: none;
}

/*  Alignleft  */

.alignleft {
    float: left;
}

/*  Alignright  */

.alignright {
    float: right;
}

/*  Disabled  */

[disabled],
.disabled {
    cursor: default;
}

/*  Grid  */

.cols {
    margin: 0 -15px;
}

.cols:after {}

.col {
    float: left;
    width: 100%;
    padding: 0 15px;
}

.col-1of2 {
    width: 50%;
}

.cols-alt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -20px;
}

.cols-alt .col {
    float: none;
    max-width: 100%;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px;
}

.cols-alt .col--1of2 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.cols-alt .col--1of3 {
    max-width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}

.cols-alt .col--1of4 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

@media(max-width: 1280px) {
    .cols-alt {
        margin: 0 -10px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .cols-alt {
        margin: 0 -10px;
    }

    .cols-alt .col {
        padding: 0 10px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .cols-alt {
        margin: 0;
        display: block;
    }

    .cols-alt .col {
        padding: 0;
        max-width: 100%;
    }
}

/*  Old IE fallback  */

.browsehappy {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    margin: 0;
    padding-top: 50px;
    background: #e0e0e0;
    text-align: center;
}

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs-block {
        display: block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .hidden-md {
        display: none !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1201px) {
    .hidden-lg {
        display: none !important;
    }

    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

/* ------------------------------------------------------------ *\
    II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
    Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */

.footer {
    padding: 73px 20px 20px 20px;
    background-color: #445363;
}

.footer .cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -30px;
}

.footer .col {
    padding: 0px;
}

.footer .col--size1 {
    -ms-flex: 0 0 20.5%;
    flex: 0 0 20.5%;
    max-width: 20.5%;
}

.footer .col--size2 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.footer .col--size3 {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    max-width: 400px;
}

.footer .footer__entry {
    padding: 0 0 0 30px;
}

.footer .footer__entry h3 {
    margin-bottom: 39px;
    color: #aaba37;
    font-size: 18px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    text-transform: uppercase;
}

.footer .footer__logo {
    display: inline-block;
    width: 237px;
    height: 102px;
    margin-top: 6px;
    margin-left: 23px;
    margin-bottom: 29px;
    background-size: cover;
}

.footer .footer__actions .btn {
    width: 70%;
}

.footer .footer__actions .btn~.btn {
    margin-top: 10px;
}

.footer .footer__links ul {
    color: #fff;
    list-style: none;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
}

.footer .footer__links li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.footer .footer__links li~li {
    margin-top: 20px;
}

.footer .footer__links a {
    text-decoration: none;
    transition: color .4s ease;
}

.footer .footer__links a:hover {
    color: #24ada1;
}

.footer .footer__links i {
    position: relative;
    display: inline-block;
    margin-left: 6px;
    margin-right: 10px;
    left: 0;
    color: #24ada1;
    font-size: 21px;
    transition: left .4s ease;
}

.footer .footer__links li:hover i {
    left: -5px;
}

.footer .footer__inner {
    padding-top: 60px;
    padding-bottom: 45px;
    text-align: center;
    color: #fff;
    font-family: 'Avenir LT Std';
    font-weight: 500;
}

.footer .footer__inner a {
    text-decoration: none;
}

.footer .footer__inner a:hover {
    text-decoration: underline;
}

/* Small Desktop */

@media (max-width: 1370px) {
    .footer .cols {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0px;
    }

    .footer .col--size3 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}

/* Small Desktop */

@media (max-width: 1200px) {
    .footer .footer__actions .btn {
        width: 100%;
    }

    .footer .cols {
        margin: -10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer .col {
        padding: 0 10px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .footer .footer__actions .btn {
        width: 100%;
        padding: 19px 42px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .footer {
        padding: 21px 0px 21px 0px;
        background-color: #445363;
    }

    .footer .footer__logo {
        margin-left: 0;
    }

    .footer .cols {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer .col {
        padding: 0px;
    }

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

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

    .footer .col--size3 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 28px;
        padding-left: 28px;
    }

    .footer .col--size-full {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .footer .footer__entry {
        padding: 0 0 0 0px;
    }

    .footer .footer__links {
        margin-top: 28px;
        margin-left: 32px;
    }

    .footer .footer__links--alt ul {
        columns: 2;
    }

    .footer .footer__entry h3 {
        margin-bottom: 38px;
        color: #aaba37;
        font-size: 18px;
        font-family: 'Avenir LT Std';
        font-weight: 900;
        text-transform: uppercase;
    }

    .footer .footer__inner {
        padding: 23px 30px;
        text-align: center;
        color: #fff;
        font-family: 'Avenir LT Std';
        font-weight: 500;
    }

}

/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header {
    position: relative;
    padding: 14px 0 0px;
}

.header .header__entry-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ebebeb;
}

.header .header__content .js-cloned {
    display: none;
}

.header .header__link {
    margin-top: 8px;
    color: #aaba37;
    text-decoration: none;
    font-family: 'Avenir Next Condensed';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    transition: color .4s ease;
}

.header .header__link:hover {
    color: #24ada1;
}

.header .header__bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 13px;
    padding: 9px 0 8px;
    background-color: #b03d94;
    font-family: 'Avenir LT Std';
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
}

.header .header__bar a {
    font-family: 'Frank Ruhl Libre';
    text-decoration: none;
    font-size: 18px;
    font-weight: 900;
}

.header .header__bar a i {
    font-size: 18px;
    left: 0;
    transition: left .4s ease;
}

.header .header__bar a:hover i {
    left: 6px;
}

.header .header__bar i {
    position: relative;
    display: inline-block;
    left: -13px;
    font-size: 23px;
}

.header--plain .logo {
    position: relative;
    top: 3px;
    width: 149px;
    height: 65px;
}

.header--plain .header__content {
    padding-bottom: 10px;
}

.header--plain .header__entry-content {
    margin-bottom: 8px;
    padding-bottom: 14px;
}

@media(min-width: 768px) {
    .header .header__content {
        display: block !important;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .header {
        padding-top: 8px;
        padding-left: 1px;
    }

    .header .header__link {
        display: none;
    }

    .header .header__entry-content {
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        border: none;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .header .header__content {
        display: none;
        padding: 20px 5px;
        background-color: rgba(255, 255, 255, .9);
        z-index: 100;
        text-align: center;
    }

    .header .header__content .js-cloned {
        display: block;
    }

    .header .header__bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0px;
        padding: 9px 31px 8px;
        background-color: #b03d94;
        font-family: 'Avenir LT Std';
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        line-height: 1.25;
    }

    .header .header__bar a {
        font-family: 'Frank Ruhl Libre';
        text-decoration: none;
        font-size: 18px;
    }

    .header .header__bar i {
        position: relative;
        display: inline-block;
        left: -7px;
        margin-right: -2px;
        font-size: 21px;
    }

    .header .header__bar p {
        text-align: center;
        font-size: 16px;
        line-height: 1.6;
    }

    .header--plain .logo {
        top: -2px;
        margin-left: 7px;
        width: 89px;
        height: 39px;
    }
}

/* ------------------------------------------------------------ *\
    Main
\* ------------------------------------------------------------ */

.main {}

/* ------------------------------------------------------------ *\
    Shell
\* ------------------------------------------------------------ */

.shell {
    max-width: 1201px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
}

.shell-fluid {
    max-width: none;
}

/* ------------------------------------------------------------ *\
    Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
    Wrapper
\* ------------------------------------------------------------ */

.wrapper {
    min-height: 100vh;
}

/* ------------------------------------------------------------ *\
    III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Article
\* ------------------------------------------------------------ */

.article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 92px;
}

.article h3 {
    margin-bottom: 0px;
    font-family: 'Frank Ruhl Libre';
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.004em;
    color: #222222;
    font-weight: 400;
}

.article p {
    margin-bottom: 32px;
    font-family: 'Avenir LT Std';
    font-size: 16px;
    line-height: 1.88;
    text-decoration: none;
    letter-spacing: -.004em;
}

.article a {
    font-family: 'Frank Ruhl Libre';
    font-weight: 900;
    color: #24ada1;
    font-size: 18px;
    text-decoration: none;
    transition: color .4s ease;
}

.article a:hover {
    color: #aaba37;
}

.article .article__image {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 49%;
}

.article .article__image img {
    width: 100%;
}

.article .article__content {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-top: 9px;
    text-align: left;
    padding-left: 120px;
}

.article:nth-child(odd) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.article:nth-child(odd) .article__content {
    text-align: right;
    padding-right: 120px;
    padding-left: 0;
}

/* Mobile */

@media (max-width: 767px) {
    .article {
        display: block;
        margin-bottom: 13px;
    }

    .article h3 {
        font-size: 32px;
    }

    .article a {
        font-size: 18px;
    }

    .article p {
        font-size: 16px;
        margin-bottom: 35px;
    }

    .article .article__image {
        max-width: 100%;
    }

    .article .article__content {
        position: relative;
        padding: 20px 10px 20px 11px !important;
        text-align: left;
    }

    .article:nth-child(odd) .article__content {
        text-align: left;
    }
}

/* ------------------------------------------------------------ *\
    Article Post
\* ------------------------------------------------------------ */

.article-post {
    padding-bottom: 90px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.article-post h3 {
    margin-bottom: 17px;
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    color: #3e5059;
    letter-spacing: -.011em;
}

.article-post h5 {
    margin-bottom: 8px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 18px;
    color: #b3218c;
    text-transform: uppercase;
}

.article-post h6 {
    margin-bottom: 28px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
}

.article-post h6 strong {
    font-weight: 500;
    color: #9b9b9b;
    font-style: italic;
}

.article-post p {
    margin-bottom: 4px;
    padding-right: 20px;
    line-height: 1.75;
}

.article-post a {
    font-family: 'Mercury Display';
    font-weight: bold;
    color: #778ca3;
    text-decoration: none;
    transition: .3s;
}

.article-post a:hover {
    color: #24ada1;
}

.article-post .separator {
    position: relative;
    top: -2px;
    padding: 0 1px;
}

.article-post .article__image {
    position: relative;
    margin-bottom: 43px;
    width: 100%;
    height: 0;
    padding-top: 53.2%;
}

.article-post .article__image a {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
}

.article-post .article__image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.article-post .article__image a:hover {
    opacity: .8;
}

.article-post .article__content {
    padding-left: 6px;
}

/*  Article Post Small  */

.article-post--small {
    padding-bottom: 72px;
}

.article-post--small h3 {
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: .002em;
}

.article-post--small h5 {
    margin-bottom: 10px;
}

.article-post--small h6 {
    margin-bottom: 26px;
}

.article-post--small h6 strong {
    display: block;
    padding-top: 5px;
}

.article-post--small p {
    padding-right: 0;
}

.article-post--small .article__image {
    margin-bottom: 31px;
    padding-top: 62.6%;
}

.article-post--small .article__content {
    padding-left: 2px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article-post {
        padding-bottom: 60px;
    }

    .article-post h3 {
        font-size: 34px;
    }

    .article-post h6 {
        margin-bottom: 22px;
    }

    .article-post p {
        padding-right: 0;
        line-height: 1.5;
    }

    .article-post .article__image {
        margin-bottom: 26px;
    }

    .article-post .article__content {
        padding-left: 2px;
    }

    .article-post--small h5 {
        font-size: 16px;
    }

    .article-post--small h3 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 1.24;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-post {
        padding: 0 20px 33px;
        font-size: 14px;
    }

    .article-post h3 {
        margin-bottom: 7px;
        font-size: 24px;
        line-height: 1.04;
    }

    .article-post h5 {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 1.56;
    }

    .article-post h6 {
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 1.75;
    }

    .article-post p {
        margin-bottom: 0px;
    }

    .article-post .separator {
        top: -1px;
        padding: 0 0px;
        font-size: 10px;
    }

    .article-post .article__image {
        margin-bottom: 63px;
    }

    .article-post .article__content {
        padding-left: 1px;
    }

    .article-post--small {
        padding-bottom: 20px;
    }

    .article-post--small h3 {
        margin-bottom: 8px;
        font-size: 24px;
        letter-spacing: -.01em;
    }

    .article-post--small p,
    .article-post--small h6 {
        display: none;
    }

    .article-post--small .article__image {
        margin-bottom: 30px;
        padding-top: 53.6%;
    }
}

/* ------------------------------------------------------------ *\
    Article Image
\* ------------------------------------------------------------ */

.article-image {
    padding-bottom: 63px;
}

.article-image .article__inner {
    display: -ms-flexbox;
    display: flex;
}

.article-image .article__content {
    padding: 77px 41px 74px 40px;
    max-width: 38.4%;
    -ms-flex: 0 0 38.4%;
    flex: 0 0 38.4%;
    background: #24ada1;
    color: #fff;
    text-align: right;
}

.article-image .article__content h6 {
    margin-bottom: 0px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.article-image .article__content p {
    font-family: 'Avenir Next LT Pro Demibold';
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
}

.article-image .article__image {
    position: relative;
    min-height: 395px;
    max-width: 61.6%;
    -ms-flex: 0 0 61.6%;
    flex: 0 0 61.6%;
}

.article-image .article__image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.article-image--main a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    transition: .3s;
}

.article-image--main a:hover {
    opacity: .9;
}

.article-image--main .article__image {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.article-image--main .article__content {
    padding: 103px 65px 131px 30px;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.article-image--main .article__content h6 {
    margin-bottom: 10px;
}

.article-image--main .article__content p {
    max-width: 465px;
    margin: 0 0 5px auto;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 48px;
    line-height: 1.19;
    text-transform: unset;
}

.article-image--main .article__content span {
    padding-right: 7px;
    font-family: 'Mercury Display';
    font-weight: bold;
    font-size: 24px;
    text-decoration: underline;
}

.article-image--main .article__content span:hover {
    text-decoration: none;
}

@media(max-width: 1280px) {
    .article-image .article__content {
        padding: 77px 35px;
    }

    .article-image .article__content p {
        font-size: 22px;
    }

    .article-image--main .article__content p {
        font-size: 40px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article-image .article__image {
        min-height: 350px;
    }

    .article-image .article__content {
        padding: 64px 25px;
    }

    .article-image .article__content h6 {
        font-size: 13px;
    }

    .article-image .article__content p {
        font-size: 19px;
    }

    .article-image--main .article__content p {
        font-size: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-image .article__inner {
        display: block;
        margin: 0 -10px;
    }

    .article-image .article__image {
        max-width: 80%;
        margin: -73px auto 0;
        min-height: auto;
        height: 0;
        padding-top: 65%;
    }

    .article-image .article__content {
        padding: 31px 50px 93px;
        max-width: 100%;
        text-align: center;
    }

    .article-image .article__content h6 {
        margin-bottom: -1px;
        padding-left: 0;
        font-size: 16px;
    }

    .article-image .article__content p {
        font-size: 24px;
        line-height: 1.33;
    }

    .article-image--main {
        padding-bottom: 40px;
    }

    .article-image--main .article__inner {
        margin: 0 20px;
    }

    .article-image--main .article__content {
        padding: 41px 20px 41px;
    }

    .article-image--main .article__content h6 {
        margin-bottom: 6px;
    }

    .article-image--main .article__content p {
        margin: 0 auto -2px;
        font-size: 30px;
        line-height: 1.27;
    }

    .article-image--main .article__content span {
        font-size: 16px;
    }

    .article-image--main .article__content a {
        padding: 0 2px;
        display: inline-block;
        border-bottom: 1px solid #fff;
        font-size: 16px;
        line-height: 1.3;
    }

    .article-image--main .article__image {
        max-width: 100%;
        margin: 0 auto;
        padding-top: 84%;
    }
}

/* ------------------------------------------------------------ *\
    Article Small
\* ------------------------------------------------------------ */

.article-small {
    padding: 50px 0;
}

.article-small .article__content h4 {
    margin-bottom: 27px;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 32px;
}

.article-small .article__content p {
    margin-bottom: 42px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    line-height: 1.75;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article-small {
        padding: 30px 0;
    }

    .article-small .article__content h4 {
        margin-bottom: 16px;
    }

    .article-small .article__content p {
        margin-bottom: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-small {
        padding: 32px 30px 46px 25px;
    }

    .article-small .article__content h4 {
        margin-bottom: 4px;
        font-size: 22px;
        line-height: 1.05;
    }

    .article-small .article__content p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 1.64;
    }
}

/* ------------------------------------------------------------ *\
    Article Colored 
\* ------------------------------------------------------------ */

.article-colored {
    padding: 94px 0 111px;
    display: -ms-flexbox;
    display: flex;
}

.article-colored .article__aside {
    max-width: 50.6%;
    -ms-flex: 0 0 50.6%;
    flex: 0 0 50.6%;
}

.article-colored .article__image {
    position: relative;
    right: -10px;
    width: 100%;
    height: 0;
    padding-top: 54.2%;
}

.article-colored .article__image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.article-colored .article__content {
    margin-left: auto;
    padding-top: 54px;
    max-width: 590px;
    padding-right: 36px;
}

.article-colored .article__content h2 {
    margin-bottom: 32px;
}

.article-colored .article__content span {
    display: inline-block;
    margin-right: 6px;
    font-family: 'Avenir Next Condensed';
    text-transform: uppercase;
    font-size: 90px;
    font-weight: 700;
    line-height: .9;
    color: #24ada1;
}

.article-colored .article__content span:nth-child(2) {
    color: #aaba37;
}

.article-colored .article__content span:nth-child(3) {
    color: #e51e26;
}

.article-colored .article__content p {
    padding: 0 23px 0 3px;
    font-family: 'Mercury Display';
    font-weight: 400;
    font-size: 28px;
    color: #222;
    line-height: 1;
}

/*  Article Colored Small  */

.article-colored--small {
    padding: 0 0 40px;
    display: block;
}

.article-colored--small .article__content {
    padding-top: 33px;
    max-width: 100%;
    margin: 0 auto;
}

.article-colored--small .article__content h2 {
    margin-bottom: 11px;
    padding-left: 2px;
}

.article-colored--small .article__content p {
    padding-left: 0;
}

.article-colored--small .article__content strong {
    padding-top: 15px;
    display: block;
    font-weight: 700;
    color: #b31e8d;
}

.article-colored--small .article__actions {
    padding: 71px 10px 0 0;
}

.article-colored--small .article__actions span {
    position: relative;
    top: -3px;
    margin-right: 32px;
    display: inline-block;
    font-family: 'Mercury Display';
    font-weight: 400;
    font-size: 30px;
    color: #3e5059;
}

.article-colored--small .btn {
    padding: 19px 50px 20px 54px;
    letter-spacing: 1.05px;
}

/*  Article Colored Intro  */

.article-colored--intro {
    margin-bottom: 15px;
    padding: 76px 0 60px;
    display: block;
    background-color: #3e5059;
}

.article-colored--intro h5 {
    margin-bottom: 9px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
}

.article-colored--intro .article__content {
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 0 71px 42px 0;
}

.article-colored--intro .article__content h2 {
    padding: 8px 0 0 4px;
    max-width: 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
}

.article-colored--intro .article__content span {
    display: block;
}

.article-colored--intro .article__content span:nth-child(3) {
    color: #fff;
}

.article-colored--intro .article__content span+span {
    margin-top: 5px;
}

.article-colored--intro .article__content p {
    padding: 0;
    font-size: 48px;
    line-height: 1.19;
    color: #fff;
}

.article-colored--intro .article__entry {
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    color: #fff;
}

.article-colored--intro .article__actions {
    text-align: center;
}

.article-colored--intro .btn {
    padding: 19px 30px;
}

@media(max-width: 1280px) {
    .article-colored .article__content {
        padding: 36px 0;
    }

    .article-colored .article__content span {
        font-size: 74px;
    }

    .article-colored .shell {
        height: 100%;
    }

    .article-colored .article__image {
        padding-top: 0;
        height: 100%;
    }

    .article-colored--small .article__actions {
        padding-top: 10px;
    }

    .article-colored--intro .article__content span {
        font-size: 90px;
    }

    .article-colored--intro .article__content {
        padding: 0 30px 42px 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article-colored {
        padding: 60px 0 80px;
    }

    .article-colored .article__content {
        padding: 26px 0;
    }

    .article-colored .article__content h2 {
        margin-bottom: 14px;
    }

    .article-colored .article__content p {
        padding: 0;
        font-size: 26px;
    }

    .article-colored .article__content span {
        font-size: 54px;
    }

    .article-colored--small {
        padding: 0 0 40px;
    }

    .article-colored--small .article__content {
        padding-right: 15px;
    }

    .article-colored--small .article__actions span {
        margin-right: 10px;
        font-size: 24px;
    }

    .article-colored--intro {
        padding-bottom: 60px;
    }

    .article-colored--intro .article__content {
        padding-top: 0;
    }

    .article-colored--intro .article__content h2 {
        max-width: 240px;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
    }

    .article-colored--intro .article__content span {
        font-size: 66px;
    }

    .article-colored--intro .article__content p {
        font-size: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-colored {
        padding: 23px 24px 89px;
    }

    .article-colored .article__content {
        padding: 0;
    }

    .article-colored .article__content h2 {
        margin-bottom: 26px;
    }

    .article-colored .article__content p {
        padding-left: 1px;
        font-size: 22px;
        color: #000;
    }

    .article-colored .article__content span {
        display: block;
        font-size: 60px;
        line-height: .8;
    }

    .article-colored .article__content span+span {
        margin-top: 3px;
    }

    .article-colored .article__aside {
        display: none;
    }

    .article-colored--small {
        padding: 0 19px 47px;
    }

    .article-colored--small .article__content h2 {
        margin-bottom: 34px;
    }

    .article-colored--small .article__content strong {
        display: inline;
        font-family: 'Mercury Display';
        font-weight: 600;
        font-style: italic;
    }

    .article-colored--small .article__actions {
        padding: 64px 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .article-colored--small .article__actions .btn {
        min-width: 120px;
        padding: 0 20px;
        height: 42px;
        line-height: 40px;
        font-size: 12px;
        letter-spacing: .79px;
    }

    .article-colored--small .article__actions .btn+.btn {
        margin-left: 13px;
    }

    .article-colored--small .article__actions span {
        display: none;
    }

    .article-colored--intro {
        margin: -9px 0 0;
        padding: 27px 21px 51px;
    }

    .article-colored--intro .article__content {
        display: block;
    }

    .article-colored--intro .article__content h2 {
        max-width: 100%;
        margin-bottom: 31px;
        padding-left: 1px;
    }

    .article-colored--intro .article__content h5 {
        margin-bottom: 9px;
        font-size: 12px;
        letter-spacing: .79px;
    }

    .article-colored--intro .article__content p {
        padding: 0;
        color: #fff;
        font-size: 22px;
        line-height: 1;
    }

    .article-colored--intro .article__entry {
        padding-bottom: 62px;
        text-align: left;
    }

    .article-colored--intro .btn {
        min-width: 120px;
        padding: 0 20px;
        height: 42px;
        line-height: 40px;
        font-size: 12px;
        letter-spacing: .79px;
    }
}

/* ------------------------------------------------------------ *\
    Article Box
\* ------------------------------------------------------------ */

.article-box {
    margin-right: 31px;
    padding: 46px 40px 49px 20px;
    max-width: 804px;
    -ms-flex: 0 1 804px;
    flex: 0 1 804px;
    min-height: 250px;
    background-color: #b31e8d;
}

.article-box h2 {
    font-family: 'Avenir Next Condensed';
    font-size: 90px;
    text-transform: uppercase;
    color: #24ada1;
    line-height: .87;
    text-align: right;
}

.article-box h2 span:nth-child(2) {
    color: #aaba37;
}

.article-box h2 span:nth-child(3) {
    color: #fff;
}

.article-box p {
    margin-bottom: 3px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.88;
    color: #fff;
}

.article-box a:not(.btn) {
    font-family: 'Frank Ruhl Libre';
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.article-box a:not(.btn):hover {
    color: #24ada1;
}

.article-box .article__title {
    max-width: 390px;
    -ms-flex: 0 1 390px;
    flex: 0 1 390px;
    margin-right: 45px;
}

.article-box .article__content {
    max-width: 260px;
    -ms-flex: 0 1 260px;
    flex: 0 1 260px;
    padding-top: 5px;
}

.article-box .article__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.article-box--popup {
    margin: 0 auto;
    padding: 94px 88px 70px 88px;
    display: block;
    max-width: 824px;
    min-height: 884px;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, .64);
    background-color: #3e5059;
}

.article-box--popup p {
    margin-bottom: 31px;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 36px;
    color: #fff;
    line-height: 1.31;
}

.article-box--popup p span {
    position: relative;
    top: -3px;
    margin: 0 -7px;
    font-size: 24px;
}

.article-box--popup h2 {
    margin-bottom: 29px;
    text-align: left;
    color: #24ada1;
}

.article-box--popup h2 span:nth-child(1) {
    display: block;
    color: #24ada1;
}

.article-box--popup h2 span:nth-child(2) {
    color: #aaba37;
}

.article-box--popup h2 span:nth-child(3) {
    color: #ffc915;
}

.article-box--popup h6 {
    margin-bottom: 9px;
    padding-left: 3px;
    font-family: 'AvenirNextRg';
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    color: #778ca3;
    text-transform: uppercase;
}

.article-box--popup .article__actions {
    padding-left: 4px;
    text-align: left;
}

.article-box--popup .article__actions a:not(.btn) {
    text-decoration: underline;
    font-family: 'Avenir LT Std';
    font-weight: 900;
}

.article-box--popup .btn {
    margin-right: 27px;
    min-width: 258px;
    padding: 21px 30px;
}

.article-box--popup .list-info {
    padding-bottom: 69px;
    color: #fff;
    text-align: left;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 24px;
}

.article-box--popup .list-info li {
    padding-left: 32px;
}

.article-box--popup .list-info li:before {
    top: 16px;
    left: 9px;
}

@media(max-width: 1280px) {
    .article-box {
        min-height: auto;
    }

    .article-box h2 {
        font-size: 76px;
        line-height: 1;
    }

    .article-box .article__title {
        margin-right: 35px;
    }

    .article-box .article__content {
        padding-top: 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article-box {
        margin-right: 15px;
    }

    .article-box h2 {
        font-size: 60px;
    }

    .article-box p {
        font-size: 14px;
    }

    .article-box a {
        font-size: 18px;
    }

    .article-box--popup {
        padding: 70px 55px;
        max-width: 627px;
        margin: 0 auto;
        text-align: left;
    }

    .article-box--popup h6 {
        font-size: 18px;
    }

    .article-box--popup p {
        font-size: 28px;
    }

    .article-box--popup p span {
        position: static;
        margin: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-box {
        margin: 0 -10px 36px;
    }

    .article-box {
        padding: 33px 5px 48px 35px;
    }

    .article-box h2 {
        margin-bottom: 19px;
        text-align: left;
        line-height: .93;
    }

    .article-box p {
        margin-bottom: 0px;
        padding: 0 10px 0 2px;
        line-height: 1.5;
    }

    .article-box a:not(.btn) {
        margin-left: 2px;
        font-size: 14px;
    }

    .article-box .article__body {
        display: block;
        max-width: 280px;
        margin: 0 auto;
    }

    .article-box--popup {
        margin: 0 auto;
        padding: 34px 23px;
    }

    .article-box--popup h2 {
        margin-bottom: 24px;
        font-size: 30px;
        line-height: 1.07;
        text-align: center;
    }

    .article-box--popup h6 {
        margin-bottom: 2px;
        font-size: 12px;
        line-height: 1.71;
    }

    .article-box--popup p {
        margin-bottom: 57px;
        font-size: 22px;
        line-height: 1;
        text-align: center;
    }

    .article-box--popup p span {
        font-size: 22px;
    }

    .article-box--popup .list-info {
        padding: 0 0 42px;
        font-size: 14px;
        line-height: 1.71;
    }

    .article-box--popup .list-info li+li {
        margin-top: 2px;
    }

    .article-box--popup .list-info li:before {
        top: 7px;
    }

    .article-box--popup .article__actions {
        padding: 0;
        text-align: center;
    }

    .article-box--popup .btn {
        margin: 0 0 15px;
        height: 42px;
        line-height: 40px;
        padding: 0 15px;
        min-width: 174px;
        font-size: 12px;
        letter-spacing: .79px;
    }

    .article-box--popup .article__actions a:not(.btn) {
        display: block;
        font-size: 12px;
    }
}

/* ------------------------------------------------------------ *\
    Articles
\* ------------------------------------------------------------ */

.articles {}

/* ------------------------------------------------------------ *\
    Banner
\* ------------------------------------------------------------ */

.banner p {
    margin-bottom: 3px;
    padding-right: 20px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    line-height: 1.88;
}

.banner .banner__content {
    padding-left: 1px;
}

.banner .banner__content h5 {
    margin-bottom: 4px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 20px;
    color: #b31e8d;
    text-transform: unset;
}

.banner .banner__content a {
    font-family: 'Frank Ruhl Libre';
    font-size: 18px;
    font-weight: 900;
    color: #838383;
    text-decoration: none;
    transition: .3s;
}

.banner .banner__content a:hover {
    color: #24ada1;
}

.banner--content {
    margin-left: -2px;
}

.banner--content .banner__image {
    margin-bottom: 27px;
}

.banner--large {
    max-width: 970px;
    margin: 0 auto;
}

.banner--main {
    max-width: 990px;
    padding: 79px 0;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .banner--main {
        padding: 40px 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .banner img {
        display: block;
        margin: 0 auto;
        width: 90%;
        margin-bottom: 20px;
    }

    .banner .banner__content {
        padding: 0 24px 73px;
        font-size: 12px;
    }

    .banner .banner__content a {
        font-size: 14px;
    }

    .banner .banner__content h5 {
        margin-bottom: 0px;
        padding-left: 0;
        font-size: 14px;
    }

    .banner .banner__content p {
        margin-bottom: 0px;
    }

    .banner .banner__image {
        margin-bottom: 31px;
    }

    .banner--large img {
        width: 100%;
    }

    .banner--content img {
        width: 100%;
        margin-bottom: 0;
    }

    .banner--main {
        padding-bottom: 33px;
    }

    .banner--main img {
        margin-bottom: 0;
    }

    .banner--main .banner__image {
        margin-bottom: 0;
    }
}

/* ------------------------------------------------------------ *\
    Block
\* ------------------------------------------------------------ */

.block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #efebe6;
}

.block~.block {
    background-color: #24ada1;
}

.block h2, .section__entry .block h2 {
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 90px;
    line-height: 0.89;
    color: #24ada1;
    text-transform: uppercase;
}

.block h2 span {
    display: block;
    color: #aaba37;
}

.block h2 span~span {
    color: #778ca3;
}

.block .block__entry {
    padding: 97px 109px 93px 10px;
    text-align: right;
}

.block .block__content {
    position: relative;
    padding: 48px 10px 34px 50px;
}

.block .block__content a {
    text-decoration: none;
    font-family: 'Pyes Pa';
    color: #fff;
    font-size: 120px;
    line-height: 1;
    transition: color .4s ease;
    letter-spacing: -.01em;
}

.block .block__content a:hover span {
    color: #aaba37;
}

.block .block__content a:hover i {
    right: 8%;
}

.block .block__content span {
    display: block;
    margin-bottom: -32px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 50px;
    line-height: .89;
    transition: color .4s ease;
    letter-spacing: normal;
}

.block .block__content i {
    position: absolute;
    right: 10%;
    top: 49%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: right .4s ease;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .block .block__content i {
        position: absolute;
        right: 6%;
        top: 49%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: right .4s ease;
    }

    .block .block__content a:hover i {
        right: 4%;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .block h2 {
        font-size: 60px;
    }

    .block .block__content a {
        font-size: 80px;
    }

    .block .block__content span {
        font-size: 30px;
        margin-bottom: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .block {
        display: block;
        max-width: 100%;
        width: 100%;
        background-color: #efebe6;
    }

    .block h2 {
        font-size: 60px;
        line-height: 1;
    }

    .block .block__entry {
        padding: 41px 42px 40px 10px;
        text-align: right;
    }

    .block .block__content {
        position: relative;
        padding: 35px 15px;
    }

    .block .block__content a {
        font-size: 78px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .block .block__content span {
        font-size: 35px;
        line-height: 1;
        margin-bottom: -25px;
    }
}

/* ------------------------------------------------------------ *\
    Blocks
\* ------------------------------------------------------------ */

.blocks {
    display: -ms-flexbox;
    display: flex;
}

/* Mobile */

@media (max-width: 767px) {
    .blocks {
        display: block;
    }
}

/* ------------------------------------------------------------ *\
    Boxes
\* ------------------------------------------------------------ */

.boxes .shell {
    max-width: 1204px;
}

.boxes .cols-alt {
    margin: 0 -18px;
}

.boxes .cols-alt .col {
    padding: 0 18px;
}

.boxes .banner {
    padding: 31px 0 80px;
}

@media(max-width: 1280px) {
    .boxes .cols-alt {
        margin: 0 -5px;
    }

    .boxes .cols-alt .col {
        padding: 0 5px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .boxes .banner {
        padding: 50px 0 80px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .boxes {
        padding: 16px 20px;
    }

    .boxes .banner {
        margin: 0 -20px;
        padding: 36px 0 35px;
    }
}

/* ------------------------------------------------------------ *\
    Box
\* ------------------------------------------------------------ */

.box {
    margin-bottom: 45px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    color: #fff;
}

.box p {
    margin-bottom: 0;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 16px;
    line-height: 1.69;
    text-transform: uppercase;
}

.box h3 {
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    line-height: 1.69;
    text-transform: uppercase;
}

.box ul {
    padding: 24px 22px;
    border-top: 2px solid #841367;
    font-family: 'Avenir Heavy';
    font-weight: 900;
    font-size: 24px;
    line-height: 1.71;
    list-style: none;
}

.box ul a {
    text-decoration: none;
}

.box .box__content {
    display: none;
    padding: 0 15px 20px;
}

.box .box__head a {
    position: relative;
    padding: 24px 105px 36px 36px;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    transition: .3s;
}

.box .box__btn {
    position: absolute;
    top: 50%;
    right: 57px;
    margin-top: -2px;
    display: inline-block;
    transition: .3s;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.box .box__btn:before,
.box .box__btn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 28px;
    height: 8px;
    background: #fff;
    transition: .3s;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box .box__btn:before {
    width: 8px;
    height: 28px;
}

.box .box__btn:hover {
    opacity: .8;
}

.box .box__tooltip {
    position: relative;
    top: -8px;
    font-size: 30px;
    color: #ffc915;
}

.box .box__tooltip span {
    position: absolute;
    bottom: 100%;
    left: -21px;
    margin-bottom: 19px;
    min-width: 156px;
    display: inline-block;
    padding: 11px 17px;
    background-color: #ffc915;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.06;
    color: #3e5059;
    text-transform: uppercase;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
}

.box .box__tooltip span:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 26px 0 26px;
    border-color: #ffc815 transparent transparent transparent;
}

.box .box__tooltip--lg span {
    left: -18px;
    min-width: 168px;
    padding: 11px 14px 11px 17px;
}

.box .box__btn--download {
    right: 36px;
    margin-top: 0px;
}

.box .box__btn--download:before,
.box .box__btn--download:after {
    display: none;
}

.box--dark .box__inner {
    background-color: #3e5059;
}

.box--dark ul {
    border-color: #51626a;
}

.box--purple .box__inner {
    background-color: #b31e8d;
}

.box--green .box__inner {
    background-color: #24ada1;
}

.box.active .box__btn:before {
    opacity: 0;
    visibility: hidden;
}

.box.active .box__head a {
    padding-bottom: 26px;
}

@media(min-width: 768px) {
    .box .box__head a:hover .box__tooltip span {
        opacity: 1;
        visibility: visible;
    }
}

@media(max-width: 1280px) {
    .box {
        margin-bottom: 10px;
    }

    .box .box__head a {
        min-height: 185px;
    }

    .box h3 {
        font-size: 30px;
    }

    .box p {
        font-size: 15px;
    }

    .box ul {
        font-size: 20px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .box .box__head a {
        min-height: 137px;
        padding: 18px 60px 18px 20px;
    }

    .box h3 {
        margin-bottom: 6px;
        font-size: 26px;
        line-height: 1;
    }

    .box p {
        font-size: 12px;
    }

    .box ul {
        padding: 15px 5px 5px;
        font-size: 15px;
    }

    .box.active .box__head a {
        padding-bottom: 20px;
    }

    .box .box__tooltip span {
        font-size: 15px;
    }

    .box .box__btn {
        right: 40px;
    }

    .box .box__btn--download {
        right: 15px;
    }

    .box .box__btn i {
        width: 30px;
        height: 26px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .box {
        margin-bottom: 17px;
        padding: 0;
    }

    .box h3 {
        position: static;
        max-width: 80%;
        font-size: 20px;
        line-height: 1.05;
        transition: .3s;
    }

    .box p {
        max-height: 31px;
        max-width: 85%;
        font-size: 11px;
        line-height: 1.45;
        overflow: hidden;
    }

    .box .box__tooltip {
        position: absolute;
        top: auto;
        right: auto;
        bottom: -12px;
        left: 0;
        width: 100%;
        padding-left: 26px;
        font-size: 20px;
        text-transform: unset;
        -ms-transform: none;
        transform: none;
        line-height: 1;
    }

    .box .box__tooltip span {
        position: relative;
        top: -8px;
        left: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        min-width: auto;
        font-family: 'Avenir LT Std Md';
        font-weight: 500;
        font-size: 9px;
        color: #fff;
        line-height: 1.11;
        text-transform: lowercase;
    }

    .box .box__tooltip span:before {
        display: none;
    }

    .box .box__btn {
        right: 27px;
        margin-top: -1px;
    }

    .box .box__btn:before {
        width: 4px;
        height: 17px;
    }

    .box .box__btn:after {
        width: 17px;
        height: 4px;
    }

    .box .box__btn i {
        width: 23px;
        height: 18px;
    }

    .box .box__btn--download {
        right: 18px;
        margin-top: 1px;
    }

    .box .box__head {
        position: relative;
    }

    .box .box__head a {
        padding: 27px 26px;
        min-height: auto;
    }

    .box--tooltip .box__btn {
        right: 27px;
        margin-top: 7px;
    }

    .box--tooltip .box__btn--download {
        right: 18px;
    }

    .box--tooltip .box__head {
        padding-bottom: 14px;
    }

    .box--tooltip .box__head a {
        padding: 10px 26px;
    }

    .box ul {
        padding: 15px 10px 10px;
        font-size: 14px;
    }

    .box li+li {
        margin-top: 3px;
    }

    .box.active h3 {
        margin-bottom: 10px;
    }

    .box.active .box__head a {
        padding-bottom: 18px;
    }
}

/* ------------------------------------------------------------ *\
    Button
\* ------------------------------------------------------------ */

.main .btn, .section__entry .btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #24ada1;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    padding: 19px 82px 19px 84px;
    border: solid 1px #24ada1;
    transition: background-color .4s ease;
    color: #fff;
}

.main .btn:hover {
    background-color: rgba(36, 173, 161, .2);
}

.main .btn--yellow {
    background-color: #ffc915;
    border-color: #ffc915;
    color: #222;
    letter-spacing: 1.05px;
    font-size: 16px;
}

.main .btn--yellow:hover {
    color: #ffc915;
    background-color: transparent;
}

.main .btn--purple {
    background-color: #b03d94;
    color: #fff;
    border-color: #b03d94;
}

.main .btn--purple:hover {
    background-color: rgba(176, 61, 148, .3);
}

.main .btn--red {
    padding: 19px 30px;
    background-color: #e51e26;
    border-color: #e51e26;
}

.main .btn--green {
    padding: 22px 75px;
    background-color: #aaba37;
    letter-spacing: 1.05px;
}

.main .btn--blue {
    background: #24ADA1;
}

.main .btn--dark {
    border-color: #3e5059;
    background: #3e5059;
    transition: .3s;
}

.main .btn--dark:hover {
    border-color: #24ada1;
    background-color: #24ada1;
    color: #fff;
}

.main .btn--grey {
    border-color: rgba(210, 210, 210, .47);
    background-color: rgba(210, 210, 210, .47);
    color: #222;
}

.main .btn--grey:hover {
    background-color: rgba(210, 210, 210, .47);
}

.main .btn--large {
    min-width: 311px;
    padding: 19px 70px;
    letter-spacing: .065em;
}

.main .btn--largest {
    height: 90px;
    padding: 0 60px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 24px;
    line-height: 90px;
}

.main .btn--size-xl {
    width: 71%;
    min-width: auto;
    border: 0;
    padding: 33px 30px;
    height: auto;
    line-height: 99px;
    color: #fff;
    font-size: 36px;
    line-height: 1;
}

.main .btn--size-xl:hover {
    background: #24ada1;
}

.main .btn--small {
    padding: 19px 56px 20px 56px;
}

.main .btn--transparent {
    border: 3px solid #fff;
    background-color: transparent;
    letter-spacing: .79px;
}

.main .btn--transparent:hover {
    background: #fff;
    color: #000;
}

/*  Button Block  */

.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
}

@media(max-width: 1280px) {
    .btn--size-xl {
        font-size: 30px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .btn--large {
        min-width: auto;
    }

    .btn--size-xl {
        width: 86%;
        font-size: 26px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .btn--large {
        min-width: 163px;
        height: 42px;
        padding: 0 23px 0 20px;
        font-size: 12px;
        line-height: 38px;
    }

    .btn--transparent-mobile {
        padding: 0 15px;
        height: 42px;
        min-width: 224px;
        border: 2px solid #fff;
        background-color: transparent;
        font-size: 12px;
        letter-spacing: .79px;
        line-height: 38px;
    }

    .btn--transparent-mobile:hover {
        background: #fff;
        color: #000;
    }

    .btn--size-xl {
        width: 90%;
        padding: 15px 10px;
        min-width: 222px;
        font-size: 12px;
        letter-spacing: .06em;
    }
}

/* ------------------------------------------------------------ *\
    Contacts
\* ------------------------------------------------------------ */

.contacts {
    padding-left: 5px;
}

.contacts ul {
    list-style: none;
}

.contacts li~li {
    margin-top: 37px;
}

.contacts span {
    display: block;
    margin-bottom: 7px;
    letter-spacing: .06em;
    font-family: 'Frank Ruhl Libre';
    font-weight: 900;
    color: #fff;
    font-size: 18px;
}

.contacts a {
    line-height: 1.8;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    transition: color .4s ease;
}

.contacts a:hover {
    color: #24ada1;
}

/* Mobile */

@media (max-width: 767px) {
    .contacts {
        margin-top: 28px;
        margin-left: 16px;
    }
}

/* ------------------------------------------------------------ *\
    Dropdown
\* ------------------------------------------------------------ */

.dropdown {
    position: absolute;
    z-index: 15;
    top: 100%;
    left: 8px;
    width: 343px;
    padding-top: 9px;
    background: #fff;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.dropdown .dropdown__head {
    padding: 20px 36px 20px 30px;
    background-color: #4995a1;
}

.dropdown .dropdown__head p {
    margin-bottom: 0;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
}

.dropdown .dropdown__body {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
    border: 1px solid #d2d2d2;
    border-top: 0;
}

.dropdown ul {
    padding: 17px 10px 20px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
    text-transform: uppercase;
    color: #555;
}

.dropdown ul a {
    padding: 0;
    text-decoration: none;
    transition: .3s;
}

.dropdown a:after {
    display: none;
}

.dropdown a:hover {
    color: #24ada1;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .dropdown {
        left: 3px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .dropdown {
        left: -7px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .dropdown {
        position: static;
        width: 100%;
        padding: 0;
        max-height: 0;
        height: auto;
        transition: .3s;
    }

    .dropdown ul {
        padding: 12px 0;
    }

    .dropdown ul a {
        font-size: 14px;
    }

    .dropdown .dropdown__head {
        padding: 15px 10px;
    }

    .dropdown .dropdown__head p {
        font-size: 12px;
    }

    /*.dropdown { opacity: 1; visibility: visible; }*/
}

/* ------------------------------------------------------------ *\
    Events
\* ------------------------------------------------------------ */

.events {
    margin-right: -33px;
}

.events .event:first-of-type {
    padding-top: 18px;
}

.events .events__actions {
    padding: 67px 0 121px 27px;
}

/* Small Desktop */

@media(max-width: 1280px) {
    .events {
        margin-right: 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .events .events__actions {
        padding: 66px 0 80px 27px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .events {
        padding: 0 20px;
    }

    .events .event:first-of-type {
        padding-top: 16px;
    }

    .events .events__actions {
        padding: 33px 8px 68px 0;
    }
}

/* ------------------------------------------------------------ *\
    Event
\* ------------------------------------------------------------ */

.event {
    padding: 32px 0 36px;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #979797;
}

.event h2 {
    margin-bottom: 14px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 36px;
    color: #24ada1;
    text-transform: uppercase;
    line-height: 1;
}

.event h2 strong {
    display: block;
}

.event h2 strong+strong {
    margin-top: 5px;
}

.event .event__aside {
    padding: 1px 16px;
    max-width: 30.4%;
    -ms-flex: 0 0 30.4%;
    flex: 0 0 30.4%;
}

.event .event__aside h5 {
    margin-bottom: 16px;
    font-family: 'Avenir LT Std';
    font-weight: 400;
    font-size: 18px;
    text-transform: unset;
    line-height: 1.44;
    color: #000;
}

.event .event__aside h5 i {
    margin: 0 6px 0 2px;
}

.event .event__aside h6 {
    font-family: 'Avenir Heavy';
    font-weight: 900;
    color: #4a4a4a;
    font-size: 15px;
    font-style: italic;
}

.event .event__aside h6 i {
    margin: -4px 6px 0 0;
}

.event .event__aside h6 span {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.event .event__content {
    max-width: 69.6%;
    -ms-flex: 0 0 69.6%;
    flex: 0 0 69.6%;
}

.event .event__content h3 {
    margin-bottom: 10px;
    max-width: 80%;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 32px;
    line-height: 1.09;
}

.event .event__content p {
    margin-bottom: 23px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    line-height: 1.75;
}

@media(min-width: 1024px) {
    .event:hover .event__aside h6 span {
        opacity: 1;
        visibility: visible;
    }
}

@media(max-width: 1280px) {
    .event h2 {
        font-size: 32px;
    }

    .event .event__aside {
        max-width: 240px;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
    }

    .event .event__content {
        max-width: 591px;
        -ms-flex: 0 1 591px;
        flex: 0 1 591px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .event h2 {
        font-size: 24px;
    }

    .event .event__aside {
        padding: 0 15px 0 10px;
        max-width: 170px;
        -ms-flex: 0 0 170px;
        flex: 0 0 170px;
    }

    .event .event__aside h5 {
        font-size: 15px;
    }

    .event .event__aside h6 span {
        opacity: 1;
        visibility: visible;
    }

    .event .event__content {
        padding-right: 10px;
    }

    .event .event__content h3 {
        font-size: 28px;
    }

    .event .event__content p {
        margin-bottom: 19px;
        line-height: 1.5;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .event {
        padding: 30px 4px 28px;
        display: block;
    }

    .event h2 {
        margin-bottom: 2px;
        font-size: 20px;
    }

    .event h2 strong {
        margin-right: 22px;
        display: inline-block;
    }

    .event h2 strong+strong {
        margin: 0;
    }

    .event .event__content {
        max-width: 100%;
    }

    .event .event__aside {
        padding: 0 0 4px;
        max-width: 100%;
    }

    .event .event__aside:after {
        content: '';
        display: table;
        clear: both;
        line-height: 0;
    }

    .event .event__content h3 {
        margin-bottom: 3px;
        font-size: 22px;
    }

    .event .event__aside h5 {
        float: left;
        margin-bottom: 2px;
        width: 40%;
        padding: 0;
        font-size: 12px;
    }

    .event .event__aside h5 i {
        margin: -4px -2px 0 -4px;
        -ms-transform: scale(.6);
        transform: scale(.6);
    }

    .event .event__aside h6 {
        float: left;
        width: 60%;
        padding: 0;
        font-size: 12px;
    }

    .event .event__aside h6 i {
        margin-right: -2px;
        -ms-transform: scale(.7);
        transform: scale(.7);
    }

    .event .event__content p {
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 1.7;
    }
}

/* ------------------------------------------------------------ *\
    Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder {
    opacity: 1;
    color: #414041;
}

input:-ms-input-placeholder {
    opacity: 1;
    color: #414041;
}

input::placeholder {
    opacity: 1;
    color: #414041;
}

textarea::-webkit-input-placeholder {
    color: red;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: red;
    opacity: 1;
}

textarea::placeholder {
    color: red;
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.textarea {}

.select {}

.radio {}

/* ------------------------------------------------------------ *\
    Checkbox
\* ------------------------------------------------------------ */

.checkbox input {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.checkbox label {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s;
}

.checkbox input:checked+label {
    font-family: 'Avenir Heavy';
    font-weight: 900;
}

/* ------------------------------------------------------------ *\
    Field
\* ------------------------------------------------------------ */

.field {
    display: inline-block;
    width: 100%;
    padding: 0 11px;
    height: 50px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #fff;
    font-family: 'Avenir Heavy';
    font-weight: 900;
    font-size: 18px;
    color: #9b9b9b;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .3s;
}

.field:focus {
    background: #f9f9c1;
}

.field::-webkit-input-placeholder {
    font-weight: 900;
    font-size: 18px;
    opacity: 1;
    color: #9b9b9b;
}

.field:-ms-input-placeholder {
    font-weight: 900;
    font-size: 18px;
    opacity: 1;
    color: #9b9b9b;
}

.field::placeholder {
    font-weight: 900;
    font-size: 18px;
    opacity: 1;
    color: #9b9b9b;
}

/* ------------------------------------------------------------ *\
    Form
\* ------------------------------------------------------------ */

.form {}

/* ------------------------------------------------------------ *\
    Form Login
\* ------------------------------------------------------------ */

.form-login {
    padding: 35px 51px 46px 38px;
    background-color: #24ada1;
    color: #fff;
}

.form-login .form__head {
    padding-bottom: 52px;
    color: #fff;
}

.form-login .form__body {
    padding-bottom: 6px;
}

.form-login .form__row {
    margin-bottom: 9px;
}

.form-login .form__help {
    padding: 0 3px 21px;
}

.form-login .form__help a {
    font-family: 'Avenir LT Std';
    font-weight: 500;
    text-decoration: underline;
    font-size: 14px;
    color: #fff;
}

.form-login .form__help a:hover {
    text-decoration: none;
}

.form-login .form__btn {
    padding: 0 20px;
    height: 50px;
    width: 100%;
    font-size: 18px;
    line-height: 50px;
}

/* ------------------------------------------------------------ *\
    Intro
\* ------------------------------------------------------------ */

.intro {
    padding: 92px 0 100px;
    background-size: cover;
    background-position: 50% 50%;
}

.intro h1 {
    margin-bottom: -13px;
    font-family: 'Avenir Next Condensed';
    font-size: 90px;
    font-weight: 700;
    line-height: 0.89;
}

.intro h1 span {
    display: block;
    position: relative;
    top: -19px;
    font-family: 'Pyes Pa';
    font-size: 90px;
    line-height: 0.89;
}

.intro p {
    margin-bottom: 29px;
    font-family: 'Frank Ruhl Libre';
    font-size: 32px;
    line-height: 1.3;
}

.intro .intro__content {
    position: relative;
    color: #fff;
    z-index: 1;
}

/*  Intro Simple  */

.intro--simple {
    min-height: 431px;
    margin-top: -13px;
}

/*  Intro Reversed  */

.intro--reversed {
    position: relative;
    padding: 85px 0 91px;
}

.intro--reversed:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.55) 100%);
    z-index: 0;
    pointer-events: none;
}

.intro--reversed h3 {
    margin-bottom: 46px;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 36px;
    line-height: 1.42;
}

.intro--reversed em {
    position: relative;
    top: -3px;
    margin-right: -5px;
    display: inline-block;
    font-style: normal;
    font-size: 30px;
}

.intro--reversed small {
    margin-bottom: 49px;
    display: block;
    font-family: 'Avenir LT Std Md';
    font-weight: 500;
    font-size: 18px;
    line-height: 1.78;
}

.intro--reversed .intro__content {
    max-width: 480px;
    margin-left: auto;
}

/*  Intro Inner  */

.intro--inner {
    padding: 120px 0 151px;
}

.intro--inner h4 {
    margin-bottom: 2px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 30px;
    color: #aaba37;
    text-transform: uppercase;
}

.intro--inner p {
    margin-bottom: 30px;
    font-family: 'Mercury Display';
    font-weight: 400;
    color: #fff;
    font-size: 48px;
    line-height: 1;
}

.intro--inner .intro__content {
    padding-left: 5px;
    max-width: 540px;
}

/*  Intro Alt  */

.intro--alt {
    margin-top: 17px;
    padding: 0 0 48px;
    background-color: rgba(210, 210, 210, .15);
}

.intro--alt h2 {
    position: relative;
    top: -19px;
    margin: 0 0 16px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 45px;
    color: #778ca3;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .011em;
}

.intro--alt p {
    color: #222;
}

.intro--alt .intro__body {
    display: -ms-flexbox;
    display: flex;
}

.intro--alt .intro__content {
    padding: 0 70px 0 0;
    max-width: 606px;
    -ms-flex: 0 1 606px;
    flex: 0 1 606px;
}

.intro--alt .intro__image {
    position: relative;
    top: -18px;
    max-width: 574px;
    -ms-flex: 0 1 574px;
    flex: 0 1 574px;
    min-height: 421px;
}

.intro--alt .intro__image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

@media(max-width: 1280px) {
    .intro--alt .intro__content {
        padding-right: 20px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .intro--inner {
        padding: 120px 0;
    }

    .intro--inner .intro__content {
        max-width: 450px;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
    }

    .intro--inner h4 {
        font-size: 26px;
    }

    .intro--inner p {
        font-size: 40px;
    }

    .intro--alt {
        padding: 0 0 40px;
    }

    .intro--alt .intro__image {
        min-height: 360px;
    }

    .intro--reversed h3 {
        margin-bottom: 35px;
        font-size: 30px;
    }

    .intro--reversed .intro__content {
        max-width: 400px;
        margin-left: auto;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .intro {
        position: relative;
        padding: 126px 0 0px;
        height: 272px;
        background-size: cover;
        background-position: 50% 50%;
    }

    .intro:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .2);
        z-index: 0;
        pointer-events: none;
    }

    .intro h1 {
        margin-bottom: -7px;
        font-family: 'Avenir Next Condensed';
        font-size: 45px;
        font-weight: 700;
        line-height: 0.89;
    }

    .intro h1 span {
        display: block;
        position: relative;
        top: -9px;
        font-family: 'Pyes Pa';
        font-size: 45px;
        line-height: 0.89;
    }

    .intro p {
        margin-bottom: 44px;
        margin-left: 1px;
        font-family: 'Frank Ruhl Libre';
        font-size: 16px;
        line-height: 1.56;
    }

    .intro .btn {
        width: 100%;
    }

    .intro--inner {
        padding: 47px 0 43px;
        height: auto;
    }

    .intro--inner:after {
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.55) 100%);
    }

    .intro--inner h4 {
        margin-bottom: 1px;
        font-size: 20px;
    }

    .intro--inner p {
        font-family: 'Mercury Display';
        font-weight: 400;
        font-size: 22px;
        line-height: 1;
    }

    .intro--inner .intro__content {
        padding: 0 24px;
    }


    .intro--alt {
        margin-top: 8px;
        padding: 0 0 37px;
    }

    .intro--alt:after {
        display: none;
    }

    .intro--alt h2 {
        top: -9px;
        margin-bottom: 9px;
        font-size: 22px;
        letter-spacing: 0em;
    }

    .intro--alt h4 {
        margin-bottom: 0px;
    }

    .intro--alt p {
        margin-bottom: 37px;
        font-size: 22px;
    }

    .intro--alt .intro__body {
        display: block;
    }

    .intro--alt .intro__content {
        padding: 0 19px 0px;
        max-width: 89%;
    }

    .intro--alt .intro__image {
        top: auto;
        max-width: 87%;
        min-height: auto;
        height: 0;
        padding-top: 64%;
        margin: 0 auto;
    }

    .intro--reversed {
        height: auto;
        margin-top: -7px;
        padding: 30px 21px 38px;
    }

    .intro--reversed h3 {
        margin-bottom: 32px;
        font-size: 22px;
        line-height: 1;
    }

    .intro--reversed h3 br {
        display: none;
    }

    .intro--reversed em {
        top: -2px;
        left: -1px;
        font-size: 20px;
        margin-right: -4px;
    }

    .intro--reversed small {
        margin-bottom: 24px;
        font-family: 'Avenir LT Std';
        font-weight: 500;
        font-size: 13px;
        line-height: 1.62;
        letter-spacing: -.02em;
    }

    .intro--reversed .btn {
        min-width: 120px;
        width: auto;
        padding: 13px 10px;
        font-size: 12px;
        letter-spacing: .79px;
    }

    .intro--simple {
        height: 272px;
        padding: 0;
        min-height: auto;
    }
}

/* ------------------------------------------------------------ *\
    List
\* ------------------------------------------------------------ */

.section ul,
section ul,
#body-container ul,
[class^="list-"] {
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
    List Checkboxes
\* ------------------------------------------------------------ */

.list-checkboxes {
    padding-bottom: 4px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
}

.list-checkboxes li+li {
    margin-top: 15px;
}

.list-checkboxes--icons {
    padding-bottom: 33px;
}

.list-checkboxes--icons label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.list-checkboxes--icons strong {
    position: relative;
    margin-right: 8px;
    width: 29px;
    height: 20px;
}

.list-checkboxes--icons i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .list-checkboxes {
        margin-bottom: 14px;
    }

    .list-checkboxes li+li {
        margin-top: 8px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .list-checkboxes {
        position: relative;
        font-size: 14px;
    }

    .list-checkboxes:after {
        content: '';
        display: table;
        clear: both;
        line-height: 0;
    }

    .list-checkboxes:not(.list-checkboxes--icons) {
        padding: 18px 0 10px 9px;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox {
        float: left;
        width: 50%;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox label {
        padding-left: 30px;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox label:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 11px;
        display: inline-block;
        width: 12px;
        height: 12px;
        background-color: transparent;
        border: 1px solid #d3d3d3;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox label:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 13px;
        display: inline-block;
        width: 15px;
        height: 7px;
        border-top: 1px solid #222;
        border-right: 1px solid #222;
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        transition: .3s;
        opacity: 0;
        visibility: hidden;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox input:checked+label:after {
        opacity: 1;
        visibility: visible;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox:first-of-type {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox:first-of-type label {
        padding-left: 20px;
    }

    .list-checkboxes:not(.list-checkboxes--icons) .checkbox:first-of-type label:after,
    .list-checkboxes:not(.list-checkboxes--icons) .checkbox:first-of-type label:before {
        display: none;
    }

    .list-checkboxes--icons {
        padding-left: 20px;
    }

    .list-checkboxes--icons strong {
        margin-right: 4px;
    }

    .list-checkboxes--icons i {
        margin: -4px 0 0 -3px;
        -ms-transform: scale(.7) translate(-50%, -50%);
        transform: scale(.7) translate(-50%, -50%);
    }
}

/* ------------------------------------------------------------ *\
    List Info
\* ------------------------------------------------------------ */
.section ul,
section ul,
#body-container ul,
.section ol,
section ol,
#body-container ol {
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.75;
}

.list-info {
    margin: 0 auto;
}

.section ul li,
section ul li,
#body-container ul li,
.list-info li {
    position: relative;
    padding-left: 40px;
}

.interior ul li:before,
.list-info li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 13px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #aaba37;
    -ms-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.list-steps li:before {
    width: 0 !important;
    height: 0 !important;
}

/* Mobile */

@media (max-width: 767px) {

    .section ul li,
    section ul li,
    #body-container ul li,
    .list-info {
        padding-right: 20px;
        font-size: 14px;
        line-height: 1.5;
    }

    .section ul li:before,
    section ul li:before,
    #body-container ul li:before,
    .list-info li:before {
        top: 7px;
        left: 18px;
    }
}

/* ------------------------------------------------------------ *\
    Logo
\* ------------------------------------------------------------ */

.logo {
    display: inline-block;
    width: 118px;
    height: 50px;
    margin-right: 23px;
    background-size: cover;
    background-position: center center;
    font-size: 0;
    line-height: 0;
}

/* Mobile */

@media (max-width: 767px) {
    .logo {
        margin-left: 0;
        width: 89px;
        height: 39px;
    }
}

/* ------------------------------------------------------------ *\
    Modal
\* ------------------------------------------------------------ */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    display: inline-block;
    width: 100%;
    height: 100vh;
    transition: opacity .3s, visibility .3s, transform .3s;
    transition-delay: .2s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
}

.modal .modal__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
}

.modal .modal__inner:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.modal .modal__body {
    position: relative;
    padding: 140px 0;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    white-space: normal;
}

.modal .modal__content {
    position: relative;
    max-width: 824px;
    margin: 0 auto;
}

.modal .btn-close-modal {
    position: absolute;
    z-index: 3;
    top: 26px;
    right: 24px;
}

.modal .btn-close-modal:hover {
    opacity: .8;
}

.modal.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .modal .modal__content {
        max-width: 627px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .modal .modal__content {
        padding: 0 15px;
    }

    .modal .btn-close-modal {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
    Nav
\* ------------------------------------------------------------ */

.nav {}

.nav>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Avenir Next Condensed';
    font-size: 20px;
    font-weight: 700;
    color: #555555;
}

.nav>ul>li>a {
    text-transform: uppercase;
}

.nav a {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    margin: 0 20px;
    text-decoration: none;
}

.nav a:after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    background-color: #aaba37;
    height: 2px;
    transition: right .4s ease, left .4s ease;
    opacity: 0;
    visibility: hidden;
}

.nav a:hover:after {
    right: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}

.nav--alt .has-dd {
    position: relative;
}

.nav--alt a:after {
    z-index: 16;
    bottom: -9px;
    height: 6px;
    background: #4995a1;
}

.nav--alt .has-dd a:hover:after {
    right: -8px;
    left: -12px;
}

@media(min-width: 1024px) {
    .nav--alt .has-dd:hover .dropdown {
        opacity: 1;
        visibility: visible;
    }
}

/* Small Desktop */

@media (max-width: 1200px) {
    .nav a {
        position: relative;
        display: inline-block;
        padding: 0 15px;
        margin: 0 15px;
        text-decoration: none;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .nav ul {
        font-size: 18px;
    }

    .nav a {
        position: relative;
        display: inline-block;
        padding: 0 10px;
        margin: 0 5px;
        text-decoration: none;
    }

    .nav--alt .dropdown.dd-show {
        opacity: 1;
        visibility: visible;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .nav ul {
        display: block;
        font-size: 18px;
    }

    .nav li {}

    .nav a {
        position: relative;
        display: inline-block;
        padding: 5px 10px;
        text-decoration: none;
    }

    .nav--alt a:after {
        bottom: 0;
    }

    .nav--alt .dropdown.dd-show {
        padding-bottom: 15px;
        max-height: 1000px;
    }
}

/* ------------------------------------------------------------ *\
    Nav Access
\* ------------------------------------------------------------ */

.nav-access {
    margin-top: 9px;
}

.nav-access ul {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    font-family: 'Avenir Next Condensed';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #aaba37;
    line-height: 1;
}

.nav-access li {}

.nav-access li~li {
    margin-left: 6px;
    padding-left: 6px;
    border-left: 2px solid #5c5c5c;
}

.nav-access a {
    text-decoration: none;
    transition: color .4s ease;
}

.nav-access a:hover {
    color: #24ada1;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .nav-access ul {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .nav-access ul {
        margin-right: 45px;
        font-size: 15px;
    }

    .nav-access li~li {
        margin-left: 4px;
        padding-left: 3px;
    }
}

/* ------------------------------------------------------------ *\
    Nav Trigger
\* ------------------------------------------------------------ */

.nav-trigger {
    position: relative;
    display: none;
    width: 24px;
    height: 12px;
}

.nav-trigger span {
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 4px;
    background: #494949;
    transition: top .2s .25s, opacity .2s .25s, transform .2s 0s;
}

.nav-trigger span:nth-child(1) {
    top: 0;
}

.nav-trigger span:nth-child(2) {
    top: 6px;
}

.nav-trigger span:nth-child(3) {
    top: 12px;
}

.nav-trigger--active span {
    transition: background .2s, top .2s, opacity .2s, transform .2s .25s;
}

.nav-trigger--active span:nth-child(3),
.nav-trigger--active span:nth-child(1) {
    top: 6px;
}

.nav-trigger--active span:nth-child(2) {
    opacity: 0;
}

.nav-trigger--active span:nth-child(1) {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-trigger--active span:nth-child(3) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Mobile */

@media (max-width: 767px) {
    .nav-trigger {
        position: absolute;
        top: 8px;
        right: 19px;
        display: inline-block;
        margin-top: 10px;
    }
}

/* ------------------------------------------------------------ *\
    Nav Resources 
\* ------------------------------------------------------------ */

.nav-resources {
    padding: 70px 20px 83px 27px;
    background-color: #3e5059;
}

.nav-resources h4 {
    margin-bottom: 51px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    color: #24ada1;
}

.nav-resources ul {
    list-style: none;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 36px;
    color: #fff;
}

.nav-resources li+li {
    margin-top: 14px;
}

.nav-resources a {
    text-decoration: none;
    transition: .3s;
}

.nav-resources a:hover {
    color: #24ada1;
}

.nav-resources .nav__inner {
    max-width: 280px;
    margin: 0 auto;
}

.nav-resources .btn-close {
    display: none;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .nav-resources {
        padding: 50px 30px 60px;
    }

    .nav-resources h4 {
        margin-bottom: 26px;
        font-size: 26px;
    }

    .nav-resources ul {
        font-size: 28px;
    }

    .nav-resources li+li {
        margin-top: 8px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .nav-resources {
        position: relative;
        margin: 0 -10px 36px;
        padding: 29px 32px 32px;
    }

    .nav-resources h4 {
        margin-bottom: 22px;
        padding-right: 40px;
        font-size: 20px;
    }

    .nav-resources ul {
        font-size: 20px;
    }

    .nav-resources .btn-close {
        position: absolute;
        top: 30px;
        right: 34px;
        display: inline-block;
    }
}

/* ------------------------------------------------------------ *\
    Paging
\* ------------------------------------------------------------ */

.paging {
    padding-right: 51px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 30px;
    color: #3e5059;
}

.paging ol {
    margin: 0 5px;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

.paging a {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    color: inherit;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}

.paging a:hover {
    text-decoration: none;
    color: #24ada1;
}

.paging .active a {
    margin-right: 6px;
    width: 50px;
    color: #fff;
}

.paging .active a:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../css/images/temp/paging-decoration.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.paging .paging__spacer a {
    pointer-events: none;
}

.paging .paging__last,
.paging .paging__next {
    width: auto;
    text-transform: uppercase;
}

.paging .paging__last {
    position: relative;
    margin-right: 29px;
}

.paging .paging__last:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    display: inline-block;
    width: 3px;
    height: 52px;
    background: #d2d2d2;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .paging {
        font-size: 26px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .paging {
        padding-right: 3px;
        font-size: 16px;
    }

    .paging a {
        width: 14px;
        height: 14px;
        line-height: 14px;
    }

    .paging .active a {
        margin-right: 1px;
        width: 33px;
    }

    .paging .active a:before {
        margin-top: 0px;
        width: 33px;
        height: 33px;
    }

    .paging .paging__last,
    .paging .paging__next {
        width: auto;
    }

    .paging .paging__last {
        margin-right: 15px;
    }

    .paging .paging__last:before {
        margin-top: 1px;
        right: -8px;
        width: 1px;
        height: 26px;
    }
}

/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */

.section {}

.section .section__head--articles h2 {
    font-family: 'Avenir Next Condensed';
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #ffc915;
    letter-spacing: .01em;
}

/* Mobile */

@media (max-width: 767px) {
    .section .section__head--articles h2 {
        font-size: 22px;
        letter-spacing: 0em;
    }
}

/* ------------------------------------------------------------ *\
    Section Impact
\* ------------------------------------------------------------ */

.section--impact {
    padding-top: 71px;
}

.section--impact h2 {
    font-size: 30px;
    color: #aaba37;
    font-family: 'Avenir Next Condensed';
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.section--impact .section__content {
    display: -ms-flexbox;
    display: flex;
    padding-left: 6px;
    padding-top: 36px;
}

/* Mobile */

@media (max-width: 767px) {
    .section--impact {
        padding-top: 110px;
    }

    .section--impact h2 {
        font-size: 20px;
    }

    .section--impact .section__content {
        display: block;
        padding-top: 22px;
        padding-left: 0;
    }
}

/* ------------------------------------------------------------ *\
    Section Tiles
\* ------------------------------------------------------------ */

.section--tiles {
    padding: 91px 11px 79px 12px;
}

.section--tiles h3 {
    margin-bottom: 0px;
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    color: #222222;
    font-size: 32px;
    line-height: 1.25;
}

.section--tiles p {
    font-family: 'Avenir LT Std';
    font-weight: 500;
    color: #222222;
    font-size: 16px;
    line-height: 1.88;
}

.section--tiles .section__entry {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section__entry h2 {
    font-family: 'Mercury Display', serif;
    color: #ffffff;
}

.section--tiles .section__content {
    position: relative;
    margin-top: -14px;
    padding-top: 0px;
    padding-right: 20px;
}

/* Mobile */

@media (max-width: 767px) {
    .section--tiles {
        padding: 50px 0 39px;
    }

    .section--tiles .section__entry {
        display: block;
    }
}

/* ------------------------------------------------------------ *\
    Section Callout
\* ------------------------------------------------------------ */

.section--callout {
    padding: 70px 20px 70px;
    text-align: center;
    background-color: #24ada1;
}

.section--callout h5 {
    margin-bottom: 8px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 18px;
    color: #fff;
}

.section--callout p {
    margin-bottom: 44px;
    font-family: 'Frank Ruhl Libre';
    font-size: 48px;
    line-height: 1.25;
    color: #fff;
}

.section--callout-alt {
    margin-bottom: 22px;
    padding: 82px 20px 72px;
}

.section--callout-alt h5 {
    margin-bottom: 9px;
    font-size: 16px;
    text-transform: uppercase;
}

.section--callout-alt p {
    margin-bottom: 39px;
    font-family: 'Mercury Display';
    font-weight: normal;
    line-height: 1.19;
}

.section--callout-alt .section__entry {
    max-width: 680px;
    margin: 0 auto;
}

.section--callout-alt .btn--transparent {
    padding: 19px 45px;
}

.section--callout-lg {
    margin-bottom: 75px;
    padding: 87px 20px 76px;
}

.section--callout-lg p {
    margin-bottom: 46px;
}

.section--callout-purple {
    background-color: #b31e8d;
}

.section--callout-green {
    background-color: #abbf51;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--callout {
        padding: 40px 20px;
    }

    .section--callout p {
        font-size: 38px;
    }

    .section--callout-alt p {
        margin-bottom: 24px;
    }

    .section--callout-lg {
        margin-bottom: 40px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--callout {
        padding: 34px 10px 49px;
    }

    .section--callout br {
        display: none;
    }

    .section--callout h5 {
        margin-bottom: -3px;
        font-size: 18px;
        color: #fff;
    }

    .section--callout p {
        margin-bottom: 15px;
        padding: 0 16px;
        font-size: 32px;
        line-height: 1.18;
    }

    .section--callout-alt {
        margin-bottom: 12px;
        padding: 40px 20px 44px;
    }

    .section--callout-alt h5 {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .section--callout-alt p {
        margin-bottom: 20px;
        padding: 0;
        font-size: 30px;
        line-height: 1.27;
    }

    .section--callout-lg {
        margin-bottom: 40px;
        padding-bottom: 50px;
    }

    .section--callout-lg {
        padding-left: 30px;
        padding-right: 30px;
    }

    .section--callout-lg p {
        margin-bottom: 28px;
    }

    .section--callout .btn:not(.btn--transparent) {
        padding: 0 15px;
        min-width: 222px;
        height: 42px;
        font-size: 12px;
        line-height: 40px;
        letter-spacing: .06em;
    }

    .section--callout-alt .btn--transparent {
        margin-bottom: 15px;
        padding: 0px 15px;
    }
}

/* ------------------------------------------------------------ *\
    Section Slider
\* ------------------------------------------------------------ */

.section--slider {
    padding-top: 99px;
}

/* Mobile */

@media (max-width: 767px) {
    .section--slider {
        padding-top: 0px;
    }

    .section--slider .shell {
        padding: 0;
    }
}

/* ------------------------------------------------------------ *\
    Section Article & Section Articles
\* ------------------------------------------------------------ */

.section--article {
    padding: 139px 0 100px;
}

.section--articles {}

.section--articles .articles__entry {
    padding-top: 91px;
    margin-bottom: 49px;
    text-align: center;
}

.section--articles .articles__entry h4 {
    margin-bottom: 6px;
    font-family: 'Avenir Next Condensed';
    color: #aaba37;
    font-size: 30px;
    font-weight: 800;
}

.section--articles .articles__entry h2 {
    font-family: 'Frank Ruhl Libre';
    font-size: 48px;
    line-height: 1.25;
    font-weight: 400;
    color: #222222;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--article {
        padding: 60px 0 25px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--article {
        padding: 46px 0 25px;
    }

    .section--articles .shell {
        padding: 0;
    }

    .section--articles br {
        display: none;
    }

    .section--articles .articles__entry {
        padding: 40px 30px 0px;
        margin-bottom: 26px;
        text-align: center;
    }

    .section--articles .articles__entry h4 {
        margin-bottom: 1px;
        font-family: 'Avenir Next Condensed';
        color: #aaba37;
        font-size: 30px;
        font-weight: 800;
    }

    .section--articles .articles__entry h2 {
        margin-bottom: 20px;
        font-family: 'Frank Ruhl Libre';
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        color: #222222;
    }
}

/* ------------------------------------------------------------ *\
    Section slider-article
\* ------------------------------------------------------------ */

.section--slider-article {
    padding-top: 12px;
}

.section--slider-article .shell {
    padding: 0;
}

.section--slider-article-lg {
    padding: 36px 0 74px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--slider-article-lg {
        padding: 10px 0 44px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--slider-article-lg {
        overflow: hidden;
        margin-top: -13px;
        padding: 0;
    }
}

/* ------------------------------------------------------------ *\
    Section mba
\* ------------------------------------------------------------ */

.section--mba {
    padding-top: 93px;
    margin-bottom: 100px;
}

/* Mobile */

@media (max-width: 767px) {
    .section--mba {
        padding-top: 30px;
        margin-bottom: 0px;
    }

    .section--mba .shell {
        padding: 0;
    }
}

/* ------------------------------------------------------------ *\
    Section SingUp
\* ------------------------------------------------------------ */

.section--singUp {
    background-color: #aaba37;
    padding-bottom: 44px;
}

.section--singUp .section__entry {
    padding-top: 68px;
    padding-bottom: 49px;
    text-align: center;
    border-bottom: 2px solid #eef1d6;
}

.section--singUp .section__entry h5 {
    margin-bottom: 46px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    color: #fff;
    font-size: 18px;
}

.section--singUp . {
    font-family: 'Avenir LT Std';
    font-weight: 900;
    color: #fff;
    font-size: 48px;
    line-height: 1.04;
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    letter-spacing: -.002em;
}

.section--singUp .section__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 75px;
}

.section--singUp .section__inner {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 0 0 0 21px;
}

.section--singUp .section__content-entry {
    -ms-flex: 0 0 71.6%;
    flex: 0 0 71.6%;
    max-width: 71.6%;
    padding-right: 20px;
}

.section--singUp .section__inner h4 {
    position: relative;
    margin-top: -26px;
    font-family: 'Avenir LT Std';
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--singUp br {
        display: none;
    }

    .section--singUp .section__inner {
        padding: 0 0 30px 21px;
    }

    .section--singUp .section__content {
        display: block;
        padding-top: 75px;
    }

    .section--singUp .section__content-entry {
        max-width: 100%;
        width: 100%;
        padding-right: 10px;
        padding-left: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--singUp {
        padding-bottom: 15px;
    }

    .section--singUp .section__entry {
        padding-top: 33px;
        padding-bottom: 19px;
    }

    .section--singUp .section__entry h2 {
        margin-bottom: 5px;
        font-size: 30px;
        line-height: 1.32;
        letter-spacing: .02em;
    }

    .section--singUp .section__entry h5 {
        margin-bottom: 6px;
        font-size: 18px;
    }

    .section--singUp .section__inner h4 {
        text-align: center;
    }

    .section--singUp .section__content {
        display: block;
        padding-top: 58px;
    }
}

/* ------------------------------------------------------------ *\
    Section Featured
\* ------------------------------------------------------------ */

.section--featured {
    background-color: rgba(210, 210, 210, .15);
}

.section--featured .shell {
    max-width: 1209px;
}

.section--featured .section__head {
    position: relative;
    top: -28px;
    padding-bottom: 30px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--featured .section__head {
        padding-bottom: 10px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--featured .section__head {
        top: -12px;
        padding-bottom: 12px;
    }
}

/* ------------------------------------------------------------ *\
    Section Posts
\* ------------------------------------------------------------ */

.section--posts {
    padding-top: 73px;
    overflow: hidden;
}

.section--posts .section__head {
    padding-bottom: 59px;
    transition: padding .3s;
}

.section--posts .section__head h2 {
    padding-right: 33px;
}

.section--posts .section__head a {
    position: relative;
    text-decoration: none;
    color: inherit;
    transition: .3s;
}

.section--posts .section__head a:hover {
    opacity: .8;
}

.section--posts .section__head span {
    position: absolute;
    top: 9px;
    right: -39px;
    font-family: 'AvenirNext LT Pro MediumCn';
    font-weight: 500;
    font-size: 40px;
    color: #d2d2d2;
    text-transform: uppercase;
    transition: .3s;
}

.section--posts .section__body {
    padding-bottom: 54px;
}

.section--posts .section__actions {
    position: relative;
    padding: 68px 0 116px;
}

.section--posts .section__actions:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% + 92px);
    height: 1px;
    display: inline-block;
    background: #979797;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section--posts .section__nav {
    position: relative;
    display: none;
    margin-bottom: 94px;
    padding: 0px 2px 43px;
}

.section--posts .section__nav:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% + 92px);
    height: 1px;
    display: inline-block;
    background: #979797;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section--posts .section__nav h6 {
    margin-bottom: 25px;
    font-size: 16px;
    font-family: 'Avenir Heavy';
    font-weight: 900;
    color: #e51e26;
    text-transform: uppercase;
}

.section--posts .section__nav ul {
    padding-bottom: 26px;
    font-family: 'Avenir LT Std';
    font-weight: 300;
    line-height: 1.1;
    font-size: 16px;
    color: #000;
    list-style: none;
}

.section--posts .section__nav li+li {
    margin-top: 11px;
}

.section--posts .section__nav a {
    text-decoration: none;
    transition: .3s;
}

.section--posts .section__nav a:hover {
    color: #24ada1;
}

.section--posts .col:after {
    content: '';
    display: table;
    clear: both;
    line-height: 0;
}

.section--posts .col--size-1 {
    margin-left: -13px;
    max-width: 19.2%;
    -ms-flex: 0 0 19.2%;
    flex: 0 0 19.2%;
}

.section--posts .col--size-2 {
    max-width: 40.4%;
    -ms-flex: 0 0 40.4%;
    flex: 0 0 40.4%;
}

.section--posts .col--size-2 ul {
    float: left;
    width: 49%;
}

.section--posts .section__head.nav--visible {
    padding-bottom: 48px;
}

.section--posts .section__head.nav--visible span {
    top: 0;
    color: #ffc915;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Small Desktop */

@media(max-width: 1280px) {

    .section--posts .section__actions:before,
    .section--posts .section__nav:before {
        width: 100%;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--posts {
        padding-top: 50px;
    }

    .section--posts .section__head {
        padding-bottom: 50px;
    }

    .section--posts .section__body {
        padding-bottom: 30px;
    }

    .section--posts .section__nav {
        margin-bottom: 60px;
        padding-bottom: 30px;
    }

    .section--posts .section__nav h6 {
        margin-bottom: 15px;
    }

    .section--posts .section__nav ul {
        padding: 0 10px 20px 0;
        font-size: 14px;
    }

    .section--posts .section__actions {
        padding: 66px 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--posts {
        padding-top: 30px;
    }

    .section--posts .section__head {
        padding-bottom: 26px;
    }

    .section--posts .section__head h2 {
        padding-right: 30px;
    }

    .section--posts .section__head span {
        top: 4px;
        right: -23px;
        font-size: 24px;
    }

    .section--posts .section__head.nav--visible {
        padding-bottom: 6px;
    }

    .section--posts .section__head.nav--visible span {
        top: -2px;
    }

    .section--posts .section__nav {
        text-align: center;
    }

    .section--posts .section__nav h6 {
        margin-bottom: 10px;
        padding-top: 20px;
    }

    .section--posts .section__nav ul {
        margin: 0;
        padding: 0 0 7px;
    }

    .section--posts .section__nav li+li {
        margin-top: 7px;
    }

    .section--posts .col--size-1,
    .section--posts .col--size-2 {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .section--posts .col--size-2 ul {
        float: none;
        width: 100%;
    }

    .section--posts .section__body {
        padding-bottom: 49px;
    }

    .section--posts .section__actions {
        padding: 39px 0 61px;
    }

    .section--posts .section__actions:before {
        width: calc(100% - 30px);
        background: #d2d2d2;
    }
}

/* ------------------------------------------------------------ *\
    Section Events
\* ------------------------------------------------------------ */

.section--events {
    padding-top: 4px;
}

.section--events .section__body {
    display: -ms-flexbox;
    display: flex;
}

.section--events .section__content {
    padding-left: 83px;
    max-width: 74.5%;
    -ms-flex: 0 0 74.5%;
    flex: 0 0 74.5%;
}

.section--events .section__aside {
    padding: 0 0 127px 2px;
    max-width: 25.5%;
    -ms-flex: 0 0 25.5%;
    flex: 0 0 25.5%;
}

.section--events h5 {
    margin-bottom: 15px;
    font-family: 'Avenir Heavy';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
}

.section--events h6 {
    margin-bottom: 9px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 20px;
    line-height: 1.75;
    color: #778ca3;
}

.section--events h6 em {
    display: none;
}

.section--events .section__date {
    position: relative;
}

.section--events .section__date:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    display: inline-block;
    background: #aaba37;
}

.section--events .section__date h3 {
    margin-bottom: 11px;
    padding: 17px 39px 18px 22px;
    font-family: 'Avenir Next LT Pro Demibold';
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.section--events .section__date a {
    position: absolute;
    top: 50%;
    left: 1px;
    margin-top: -3px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    color: #889529;
    font-size: 32px;
    text-decoration: none;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section--events .section__date a:hover {
    opacity: .8;
}

.section--events .section__date .btn-right {
    left: auto;
    right: 18px;
}

.section--events .article-image {
    margin-right: -33px;
    padding: 1px 46px 63px 3px;
    border-bottom: 1px solid #979797;
}

.section--events .section__filter {
    padding-bottom: 21px;
}

@media(max-width: 1280px) {
    .section--events .section__content {
        padding-left: 30px;
    }

    .section--events .section__date h3 {
        font-size: 32px;
    }

    .section--events .article-image {
        margin-right: 0;
        padding: 0 40px 60px 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--events .section__content {
        padding-left: 20px;
    }

    .section--events h6 {
        font-size: 18px;
    }

    .section--events .section__date h3 {
        padding: 14px 26px 14px 14px;
        font-size: 22px;
    }

    .section--events .section__date a {
        left: -3px;
        font-size: 26px;
    }

    .section--events .section__date .btn-right {
        left: auto;
        right: 10px;
    }

    .section--events .article-image {
        padding: 0 0 50px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--events h5 {
        margin-bottom: 9px;
        padding-left: 21px;
    }

    .section--events h6 {
        margin-bottom: 2px;
        padding-left: 20px;
        font-size: 20px;
    }

    .section--events h6 span {
        position: relative;
        display: inline-block;
        padding-right: 30px;
    }

    .section--events h6 em {
        position: absolute;
        top: 3px;
        right: 0px;
        display: block;
        font-style: normal;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        color: #d2d2d2;
        transition: .3s;
    }

    .section--events .section__body {
        display: block;
    }

    .section--events .section__content {
        max-width: 100%;
        padding: 0;
    }

    .section--events .section__aside {
        max-width: 100%;
        padding-bottom: 0;
    }

    .section--events .section__date:before {
        right: 7px;
    }

    .section--events .section__date h3 {
        margin-bottom: 19px;
        padding: 8px 30px 8px 14px;
        font-size: 30px;
        letter-spacing: .016em;
    }

    .section--events .section__date a {
        margin-top: -4px;
        left: 14px;
        font-size: 32px;
    }

    .section--events .section__date .btn-right {
        left: auto;
        right: 20px;
    }

    .section--events .section__filter {
        padding-bottom: 0;
    }

    .section--events .section__filter h6 {
        padding-bottom: 15px;
        transition: .3s;
    }

    .section--events .section__filter.active h6 {
        padding-bottom: 0;
    }

    .section--events .section__filter.active h6 em {
        top: -4px;
        color: #778ca3;
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .section--events .section__filter--collapsed .section__filter-inner {
        display: none;
    }

    .section--events .article-image {
        position: relative;
        padding-bottom: 49px;
        border: 0;
    }

    .section--events .article-image:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        display: inline-block;
        width: 86%;
        height: 1px;
        background: #979797;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* ------------------------------------------------------------ *\
    Section Alt
\* ------------------------------------------------------------ */

.section--alt {
    padding-top: 69px;
}

.section--alt .section__inner {
    padding: 0 0 61px 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.section--alt .section__entry {
    padding: 15px 0 89px 58px;
    max-width: 744px;
    -ms-flex: 0 1 744px;
    flex: 0 1 744px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    color: #000;
    font-size: 16px;
    line-height: 1.75;
}

.section--alt .section__entry p {
    margin-bottom: 27px;
}

.section--alt .section__entry h4 {
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 32px;
}

.section--alt .nav-resources {
    max-width: 431px;
    -ms-flex: 0 1 431px;
    flex: 0 1 431px;
}

.section--alt .section__callout {
    padding-bottom: 123px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--alt .section__inner {
        padding: 0 0 50px 0;
    }

    .section--alt .section__entry {
        padding: 15px 10px 50px 30px;
    }

    .section--alt .section__entry h4 {
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .section--alt .section__entry p {
        margin-bottom: 20px;
    }

    .section--alt .section__callout {
        padding-bottom: 90px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--alt {
        padding-top: 0;
    }

    .section--alt .section__inner {
        display: block;
        padding-bottom: 0;
    }

    .section--alt .section__entry {
        padding: 0 20px 40px;
    }

    .section--alt .section__entry h4 {
        margin-bottom: 21px;
        font-size: 18px;
    }

    .section--alt .section__entry p {
        font-size: 14px;
        line-height: 1.5;
    }

    .section--alt .section__callout {
        padding-bottom: 9px;
    }
}

/* ------------------------------------------------------------ *\
    Section Steps
\* ------------------------------------------------------------ */

.section--steps .section__body {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    padding: 46px 0 100px;
}

.section--steps-sm .section__body {
    margin-bottom: -5px;
    padding-bottom: 0px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--steps .section__body {
        margin: 0 -5px;
        padding: 10px 0 80px;
    }

    .section--steps-sm .section__body {
        padding-bottom: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--steps .section__body {
        margin: 0 9px;
        padding: 30px 0 58px;
        display: block;
    }

    .section--steps-sm .section__body {
        padding-bottom: 24px;
    }
}

/* ------------------------------------------------------------ *\
    Section Login
\* ------------------------------------------------------------ */

.section--login {
    padding: 15px 0;
}

.section--login .section__body {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 61px;
}

.section--login .section__content {
    max-width: 51%;
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    padding-left: 5px;
}

.section--login .section__aside {
    max-width: 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
}

/* Mobile */

@media (max-width: 767px) {
    .section--login {
        padding: 0;
    }

    .section--login .section__body {
        display: block;
        padding-bottom: 0;
    }

    .section--login .section__content {
        max-width: 100%;
        padding-left: 0;
    }

    .section--login .section__aside {
        max-width: 100%;
        display: none;
    }
}

/* ------------------------------------------------------------ *\
    Section Blurred
\* ------------------------------------------------------------ */

.section--blurred {
    padding-bottom: 83px;
}

.section--blurred .section__actions {
    position: relative;
    padding: 0 12px;
}

.section--blurred .section__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 25%;
}

.section--blurred .section__image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section--blurred .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section--blurred .btn--purple {
    width: 60%;
}

/* Mobile */

@media (max-width: 767px) {
    .section--blurred {
        padding-bottom: 59px;
    }

    .section--blurred .section__actions {
        margin: 0 -10px;
        padding: 0;
    }

    .section--blurred .section__image {
        padding-top: 38%;
        filter: blur(2px);
    }

    .section--blurred .btn {
        margin-top: 3px;
    }

    .section--blurred .title-alt {
        padding-top: 31px;
    }

    .section--blurred .btn--purple {
        width: 86%;
    }
}

/* ------------------------------------------------------------ *\
    Section Info
\* ------------------------------------------------------------ */

.section--info {
    padding: 61px 0 80px;
}

.section--info .section__entry {
    padding: 50px 0;
}

.section--info .section__entry h2 {
    margin-bottom: 32px;
    padding: 0 30px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 45px;
    color: #ffc915;
    text-transform: uppercase;
    letter-spacing: .53px;
    text-align: center;
}

.section--info .section__entry h2 span {
    position: relative;
    display: inline-block;
    padding-right: 14px;
}

.section--info .section__entry h2 em {
    position: absolute;
    top: -6px;
    right: -32px;
    display: block;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    letter-spacing: 0.47px;
    color: #ffc915;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: .3s;
}

.section--info .section__inner {
    display: -ms-flexbox;
    display: flex;
    padding: 81px 23px 62px;
}

.section--info .tils {
    padding: 39px 5px 45px;
}

.section--info .title-alt {
    max-width: 876px;
    padding-bottom: 22px;
}

.section--info .title-alt p {
    font-size: 36px;
    line-height: 1.42;
}

.section--info .section__entry--small {
    max-width: 780px;
    margin: 0 auto;
    padding: 28px 0;
    font-family: 'Avenir LT Std';
    font-weight: 500;
}

.section--info .section__entry--small p {
    margin-bottom: 17px;
    line-height: 1.75;
}

.section--info .section__entry--small p+p {
    padding-top: 10px;
}

.section--info .section__entry--small h4 {
    margin-bottom: 26px;
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 32px;
}

.section--info .section__entry-actions {
    padding-top: 30px;
}

.section--info .section__entry--small .btn--large {
    padding: 19px 40px;
}

.section--info-alt {
    padding: 50px 0 43px;
}

.section--info-alt .title-alt h3 {
    margin-bottom: 0px;
}

.section--info-alt .title-alt p {
    font-size: 48px;
    line-height: 1.2;
}

.section--info-alt .list-info {
    margin-left: -12px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--info {
        padding: 40px 0;
    }

    .section--info .section__entry {
        padding: 20px 0;
    }

    .section--info .section__entry h2 {
        margin-bottom: 20px;
        font-size: 32px;
    }

    .section--info .section__entry h2 em {
        right: -15px;
        font-size: 30px;
    }

    .section--info .title-alt p {
        margin-bottom: 0;
        font-size: 28px;
    }

    .section--info .tils {
        padding: 0px 5px 30px;
    }

    .section--info .section__inner {
        padding: 50px 0;
    }

    .section--info .section__entry--small h4 {
        margin-bottom: 16px;
        font-size: 26px;
    }

    .section--info .section__entry--small p {
        margin-bottom: 15px;
    }

    .section--info .section__entry--small p+p {
        padding-top: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section--info {
        padding: 17px 0 63px;
    }

    .section--info .section__entry {
        padding: 0;
    }

    .section--info .section__entry h2 {
        margin-bottom: 27px;
        padding: 0 0 0 20px;
        font-size: 22px;
        text-align: left;
        letter-spacing: 0;
    }

    .section--info .section__entry h2 span {
        padding-right: 50px;
    }

    .section--info .section__entry h2 em {
        top: 50%;
        right: 17px;
        margin-top: -9px;
        font-size: 40px;
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .section--info .section__inner {
        display: block;
        padding-bottom: 0;
    }

    .section--info .section__entry--small {
        padding: 0 20px;
    }

    .section--info .section__entry--small p {
        margin-bottom: 17px;
        padding-right: 10px;
        font-size: 13px;
        line-height: 1.62;
        letter-spacing: -.016em;
    }

    .section--info .section__entry--small h4 {
        margin-bottom: 24px;
        font-size: 18px;
    }

    .section--info .section__entry-actions {
        padding-top: 24px;
    }

    .section--info .section__entry--small .btn--large {
        height: 42px;
        min-width: 210px;
        padding: 0 15px;
        line-height: 42px;
        font-size: 12px;
    }


    .section--info .title-alt {
        padding: 36px 20px 0;
    }

    .section--info .title-alt p {
        font-size: 22px;
        line-height: 1.46;
    }

    .section--info .title-alt strong {
        font-family: 'Mercury Display';
        font-weight: 700;
        font-style: italic;
        letter-spacing: .016em;
    }

    .section--info .tils {
        padding: 26px 5px 24px;
    }

    .section--info-alt {
        padding: 47px 0 28px;
    }

    .section--info-alt .title-alt {
        padding: 0 0 34px;
    }

    .section--info-alt .title-alt h3 {
        margin-bottom: 3px;
    }

    .section--info-alt .title-alt p {
        line-height: 1;
    }

    .section--info-alt .list-info {
        padding-bottom: 53px;
        font-size: 13px;
        line-height: 1.62;
        letter-spacing: -.016em;
    }

    .section--info .section__inner .banner img {
        width: 100%;
    }

    .section--info-first {
        margin-top: 20px;
        padding: 0;
    }
}

/* ------------------------------------------------------------ *\
    Services
\* ------------------------------------------------------------ */

.services .services__head {
    padding: 98px 60px 138px;
    text-align: center;
}

.services .services__head h2 {
    font-family: 'Mercury Display';
    font-size: 48px;
    color: #222;
    font-weight: 400;
    line-height: 1;
}

.services .services__head h3 {
    margin-bottom: 2px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 30px;
    color: #aaba37;
    text-transform: uppercase;
}

.services .services__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.services .services__actions {
    padding: 64px 107px 126px;
}

.services--small {
    padding-bottom: 129px;
}

.services--small .services__head {
    padding: 67px 60px 44px;
    text-align: center;
}

.services--small .services__body {
    margin: 0 -4px 0 -2px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .services .services__head {
        padding: 60px 30px;
    }

    .services .services__head h2 {
        font-size: 40px;
    }

    .services .services__body {
        margin: 0 -5px;
    }

    .services .services__actions {
        padding: 60px 40px;
    }

    .services--small {
        padding-bottom: 100px;
    }

    .services--small .services__head {
        padding: 30px 30px 26px;
    }

    .services--small .services__body {
        margin: 0 -4px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .services .services__head {
        padding: 37px 20px 65px;
    }

    .services .services__head h2 {
        font-size: 22px;
    }

    .services .services__body {
        margin: 0 15px;
        display: block;
    }

    .services .services__actions {
        padding: 51px 0 24px;
    }

    .services--small {
        padding-bottom: 70px;
    }

    .services--small .services__head {
        padding: 23px 20px 16px;
    }

    .services--small .services__head h3 {
        font-size: 20px;
    }
}

/* ------------------------------------------------------------ *\
    Service
\* ------------------------------------------------------------ */

.service {
    max-width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}

.service figure {
    margin-bottom: 21px;
}

.service a {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 276px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 30px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.07;
    transition: .3s;
}

.service a:hover {
    opacity: .8;
}

.service h4 {
    font-size: 30px;
}

.service .service__inner {
    padding: 0 7px 10px;
}

.service .service__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 10px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.service--grey a {
    background: #778ca3;
}

.service--yellow a {
    background: #ffc915;
}

.service--green a {
    background: #aaba37;
}

.service--red a {
    background: #e51e26;
}

.service--blue a {
    background: #24ada1;
}

.service--purple a {
    background: #b31e8d;
}

.service--small {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
}

.service--small a {
    min-height: 249px;
    line-height: 1;
}

.service--small .service__inner {
    padding: 0 4px 10px;
}

.service--small .service__content {
    position: static;
    display: block;
    padding: 59px 10px 0;
    -ms-transform: none;
    transform: none;
}

.service--small figure {
    min-height: 85px;
    margin-bottom: 14px;
}

@media(max-width: 1280px) {
    .service--small h4 {
        font-size: 26px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .service h4 {
        font-size: 24px;
    }

    .service .service__inner {
        padding: 0 5px 5px;
    }

    .service--small a {
        min-height: 200px;
    }

    .service--small i {
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    .service--small h4 {
        font-size: 18px;
    }

    .service--small .service__content {
        padding-top: 40px;
    }

    .service--small .service__inner {
        padding: 0 4px 4px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .service {
        max-width: 100%;
    }

    .service a {
        position: relative;
        min-height: 83px;
        text-align: left;
    }

    .service figure {
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0;
        width: 86px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .service i {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .service h4 {
        padding: 0 10px 0 75px;
        line-height: 1.3;
        font-size: 20px;
    }

    .service .service__inner {
        padding: 0 5px 6px;
    }

    .service .ico-bagpack {
        width: 52px;
        height: 48px;
    }

    .service .ico-speech {
        width: 61px;
        height: 53px;
    }

    .service .ico-speaker {
        width: 50px;
        height: 48px;
    }

    .service .ico-dollar,
    .service .ico-dollar-small {
        width: 59px;
        height: 35px;
    }

    .service .ico-monitor {
        width: 47px;
        height: 45px;
    }

    .service .ico-market {
        width: 44px;
        height: 51px;
    }

    .service--small .service__content {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 0 10px;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* ------------------------------------------------------------ *\
    Slider
\* ------------------------------------------------------------ */

.slider {
    position: relative;
}

.slider h2 {
    margin-bottom: 14px;
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    font-size: 50px;
    line-height: 1.2;
    color: #222222;
}

.slider p {
    margin-bottom: 10px;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    color: #222222;
    letter-spacing: -.001em;
}

.slider p a {
    margin-bottom: 16px;
    display: inline-block;
    color: #24ada1;
    font-family: 'Avenir LT Std';
    font-size: 16px;
}

.slider a {
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    color: #24ada1;
    font-size: 18px;
    text-decoration: none;
    transition: color .4s ease;
}

.slider a:hover {
    color: #aaba37;
}

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

.slider .slider__slide-image {
    position: relative;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    max-height: 450px;
    background-size: cover;
    background-position: center;
}

.slider .slider__slide-image-text {
    position: absolute;
    display: inline-block;
    left: 18px;
    top: 19px;
    height: 135px;
    width: 183px;
    z-index: 20;
    background-size: cover;
    text-align: center;
}

.slider .slider__slide-image-text p {
    position: absolute;
    top: 36%;
    left: 0%;
    right: 0;
    text-align: center;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.slider .slider__slide-image-text p span {
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    display: block;
    font-size: 30px;
    text-transform: none;
}

.slider .slider__slide-content {
    -ms-flex: 1;
    flex: 1;
    padding: 76px 0 0 70px;
}

.slider .slider__arrows {
    position: absolute;
    top: 28px;
    right: 43%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider .slider__arrows a~a {
    margin-left: 23px;
}

.slider .slides {
    list-style: none outside none;
}

.slider--article-alt p a {
    color: #000;
    font-weight: 400;
}

.slider--article-alt a {
    color: #000;
    font-weight: 900;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .slider h2 {
        margin-bottom: 14px;
        font-family: 'Frank Ruhl Libre';
        font-weight: 400;
        font-size: 30px;
        line-height: 1.2;
        color: #222222;
    }

    .slider .slider__slide-content {
        -ms-flex: 1;
        flex: 1;
        padding: 60px 0 0 40px;
    }

    .slider .slider__arrows {
        position: absolute;
        top: 28px;
        right: 41%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* Mobile */

@media (max-width: 767px) {
    .slider h2 {
        margin-bottom: -2px;
        font-size: 32px;
        line-height: 1.25;
    }

    .slider p {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.88;
    }

    .slider p a {
        margin-top: 0;
    }

    .slider a {
        display: block;
        margin-top: 35px;
    }

    .slider .slider__slide {
        display: block !important;
    }

    .slider .slider__slide-image {
        height: 320px;
        max-width: 100%;
    }

    .slider .slider__slide-content {
        padding: 62px 10px 14px;
    }

    .slider .slider__arrows {
        position: absolute;
        top: 302px;
        right: 0;
        left: 0;
        width: 100%;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .slider .slider__arrows a {
        margin-left: 11px;
        display: inline-block;
    }

    .slider .slider__arrows a~a {
        margin-left: 25px;
    }


    .slider--article-alt h2 {
        margin-bottom: 6px;
        font-family: 'Mercury Display';
        font-weight: normal;
        font-size: 24px;
        line-height: 1.04;
        color: #3e5059;
    }

    .slider--article-alt p {
        margin-bottom: 0px;
        font-size: 12px;
        font-family: 'Avenir LT Std';
        font-weight: 500;
    }

    .slider--article-alt p a {
        margin: 0;
        font-size: 12px;
        font-family: 'Avenir LT Std Md';
        font-weight: 500;
    }

    .slider--article-alt p span {
        display: block;
        margin-top: -2px;
    }

    .slider--article-alt p+p {
        font-size: 14px;
        color: #000;
        line-height: 1.5;
    }

    .slider--article-alt a {
        margin-top: 24px;
        font-family: 'Mercury Display';
        font-weight: bold;
        font-size: 14px;
        color: #24ada1;
    }

    .slider--article-alt .slider__slide-content {
        padding: 68px 20px 40px 38px;
    }

    .slider--article-alt .slider__slide-image {
        height: 250px;
    }

    .slider--article-alt .slider__arrows {
        top: 246px;
        left: 25px;
        right: auto;
    }
}

/* ------------------------------------------------------------ *\
    Slider Main
\* ------------------------------------------------------------ */

.slider-main {
    position: relative;
    height: 590px;
}

.slider-main h5 {
    margin-bottom: 30px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    color: #aaba37;
    font-size: 18px;
}

.slider-main p {
    margin-bottom: 37px;
    font-family: 'Frank Ruhl Libre';
    font-weight: 400;
    color: #fff;
    font-size: 50px;
    line-height: 1.2;
}

.slider-main a {
    text-decoration: none;
    font-size: 18px;
    color: #24ada1;
    font-weight: 900;
    font-family: 'Frank Ruhl Libre';
}

.slider-main i {
    position: relative;
    left: 0;
    transition: left .4s ease;
}

.slider-main a:hover i {
    left: 10px;
}

.slider-main img {
    width: 100%;
}

.slider-main .slider-main__slide {
    position: relative;
}

.slider-main .slider-main__slide-content {
    position: absolute;
    top: 55.2%;
    left: 102px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-main .slick-dots {
    position: absolute;
    top: 113px;
    left: 11.4%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    list-style: none;
}

.slider-main .slick-dots li {
    display: inline-block;
    padding: 0 0px;
}

.slider-main .slick-dots li~li {
    margin-left: 18px;
}

.slider-main .slick-dots button {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: none;
    font-size: 0;
    line-height: 0;
    transition: background-color .4s ease;
    border-radius: 50%;
}

.slider-main .slider-main__slides {
    position: relative;
}

.slider-main .slick-active button {
    background-color: #aab937;
}

.slider-main .mobile {
    display: none;
}

.slider-main--alt {
    margin-bottom: 40px;
}

.slider-main--alt h5 {
    margin-bottom: 50px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
}

.slider-main--alt h6 {
    margin-bottom: -2px;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -0.00625em;
}

.slider-main--alt p {
    font-family: 'Mercury Display';
    font-weight: normal;
    font-size: 36px;
    letter-spacing: -0.0027em;
}

.slider-main--alt a {
    letter-spacing: -0.01em;
}

.slider-main--alt i {
    font-size: 12px;
}

.slider-main--alt .slider-main__slide-content {
    top: 43.2%;
    left: 100px;
}

.slider-main--alt .slick-dots {
    top: auto;
    bottom: 121px;
    left: 11.2%;
}

.slider-main--alt .slick-dots li~li {
    margin-left: 17px;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .slider-main .slick-dots {
        position: absolute;
        top: 80px;
        left: 13.4%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        list-style: none;
    }

    .slider-main--alt .slick-dots {
        top: auto;
        bottom: 80px;
        left: 100px;
        -ms-transform: none;
        transform: none;
    }

    .slider-main--alt {
        height: auto;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .slider-main {
        height: auto;
    }

    .slider-main h5 {
        margin-bottom: 10px;
    }

    .slider-main p {
        margin-bottom: 30px;
        font-size: 40px;
    }

    .slider-main .slider-main__slide-content {
        left: 10%;
    }

    .slider-main .slick-dots {
        top: 10%;
        left: 14.4%;
    }

    .slider-main--alt h5 {
        margin-bottom: 20px;
    }

    .slider-main--alt p {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .slider-main--alt .slick-dots {
        top: auto;
        bottom: 50px;
        left: 10%;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .slider-main h5 {
        margin-bottom: 4px;
    }

    .slider-main p {
        margin-bottom: 12px;
        line-height: 1.3;
        font-size: 31px;
        color: #fff;
        letter-spacing: .02em;
    }

    .slider-main a {
        text-decoration: none;
        font-size: 18px;
        color: #24ada1;
        font-weight: 900;
        font-family: 'Frank Ruhl Libre';
    }

    .slider-main br {
        display: none;
    }

    .slider-main .slider-main__slide-content {
        position: relative;
        top: auto;
        left: auto;
        padding: 73px 11px 39px;
        -ms-transform: translateY(0);
        transform: translateY(0);
        background-color: #1d2226;
    }

    .slider-main .slick-dots {
        top: 27px;
        left: 44px;
        list-style: none;
    }

    .slider-main .slick-active button {
        background-color: #aab937;
    }

    .slider-main .desktop {
        display: none;
    }

    .slider-main .mobile {
        display: block;
    }

    .slider-main--alt {
        margin: 0 -10px;
        min-height: 368px;
    }

    .slider-main--alt .slider-main__slide-image {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 84% 50%;
    }

    .slider-main--alt .slider-main__slide-content {
        position: static;
        min-height: 368px;
        padding: 44px 34px;
        background-color: transparent;
        -ms-transform: none;
        transform: none;
    }

    .slider-main--alt .slider-main__slide-content h5 {
        margin-bottom: 24px;
        max-width: 100px;
        font-size: 20px;
    }

    .slider-main--alt .slider-main__slide-content h6 {
        margin-bottom: 4px;
        max-width: 100px;
        font-size: 15px;
        letter-spacing: .006em;
    }

    .slider-main--alt .slider-main__slide-content p {
        max-width: 155px;
        font-size: 18px;
        line-height: 1.11;
        letter-spacing: .006em;
    }

    .slider-main--alt a {
        font-size: 14px;
    }

    .slider-main--alt {
        margin-bottom: 30px;
    }

    .slider-main--alt .slick-slide {
        position: relative;
    }

    .slider-main--alt .slick-dots {
        top: auto;
        bottom: 44px;
        left: 36px;
    }

    .slider-main--alt .slick-dots button {
        width: 6px;
        height: 6px;
    }

    .slider-main--alt .slick-dots li+li {
        margin-left: 14px;
    }

    .slider-main--alt .desktop {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
    slider partners
\* ------------------------------------------------------------ */

.slider-partners {
    position: relative;
    width: 90%;
    text-align: center;
}

.slider-partners .slider-partners__arrows {
    position: absolute;
    width: 100%;
    top: 11%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-partners .slider-partners__btn-prev {
    position: absolute;
    right: -72px;
}

.slider-partners .slider-partners__btn-next {
    position: absolute;
    left: -107px;
}

.slider-partners img {
    display: inline-block;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .slider-partners {
        position: relative;
        width: 100%;
    }

    .slider-partners .slider-partners__btn-prev {
        position: absolute;
        right: -17px;
    }

    .slider-partners .slider-partners__btn-next {
        position: absolute;
        left: -30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .slider-partners {
        position: relative;
        width: 100%;
    }

    .slider-partners .slider-partners__slide-image {
        width: 50%;
        margin: 0 auto;
    }

    .slider-partners .slider-partners__arrows {}

    .slider-partners .slider-partners__btn-prev {}

    .slider-partners .slider-partners__btn-next {}
}

/* ------------------------------------------------------------ *\
    Slider Featured Articles
\* ------------------------------------------------------------ */

.slider-featured-articles .slider__arrows {
    display: none;
}

/* Mobile */

@media (max-width: 767px) {
    .slider-featured-articles {
        position: relative;
        overflow: hidden;
    }

    .slider-featured-articles .slider__arrows {
        position: absolute;
        top: 0;
        left: 23px;
        display: block;
        width: 100%;
        height: 0;
        padding-top: 53.2%;
    }

    .slider-featured-articles .slick-arrow {
        position: relative;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin: 8px 29px 0 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        outline: 0;
        background-color: transparent;
        font-size: 0;
        text-decoration: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        text-align: center;
        transition: .3s;
    }

    .slider-featured-articles .slick-arrow:before {
        content: '';
        position: relative;
        top: 0;
        left: -5px;
        display: inline-block;
        width: 11px;
        height: 11px;
        border-top: 2px solid #222;
        border-right: 2px solid #222;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: .3s;
    }

    .slider-featured-articles .slick-prev:before {
        left: 0;
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

/* ------------------------------------------------------------ *\
    Slider Blog Articles
\* ------------------------------------------------------------ */

.slider-blog-articles .slider__dots {
    display: none;
}

/* Mobile */

@media (max-width: 767px) {
    .slider-blog-articles .slider__dots {
        display: block;
    }

    .slider-blog-articles .slick-dots {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        list-style: none;
    }

    .slider-blog-articles .slick-dots li {
        height: 6px;
        line-height: 1;
    }

    .slider-blog-articles .slick-dots li+li {
        margin-left: 14px;
    }

    .slider-blog-articles .slick-dots button {
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        outline: 0;
        background-color: #4a4a4a;
        font-size: 0;
        text-decoration: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        text-align: center;
        transition: .3s;
    }

    .slider-blog-articles .slick-active button {
        background-color: #aaba37;
    }
}

/* ------------------------------------------------------------ *\
    Slogan
\* ------------------------------------------------------------ */

.slogan {
    background-color: #ffc915;
}

.slogan h3 {
    margin: 0;
    padding: 45px 0 41px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    line-height: 1.13;
    text-transform: uppercase;
    letter-spacing: -.003em;
}

.slogan .slogan__content {
    position: relative;
    margin: 0 auto;
    padding: 62px 0 69px;
    max-width: 750px;
    text-align: center;
}

.slogan--small h3 {
    padding: 27px 0 26px;
}

.slogan--small .slogan__content {
    padding: 48px 0 45px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .slogan h3 {
        padding: 38px 0 32px;
        font-size: 36px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .slogan h3 {
        padding: 25px 0 26px 6px;
        font-size: 26px;
        line-height: 1.31;
    }

    .slogan .slogan__content {
        padding: 46px 22px 62px;
    }

    .slogan i {
        width: 50px;
        height: 41px;
    }
}

/* ------------------------------------------------------------ *\
    Step
\* ------------------------------------------------------------ */

.step {
    padding: 0 10px 20px;
    max-width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}

.step a {
    padding: 48px 20px 20px;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 414px;
    background-color: #6e91bd;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    color: inherit;
}

.step a:hover {
    background-color: #aaba37;
}

.step a:hover .step__image span {
    color: #aaba37;
}

.step h4 {
    margin-bottom: 40px;
    font-family: 'Avenir Next LT Pro Demibold';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 29px;
    color: #fff;
}

.step p {
    margin-bottom: 0;
    font-family: 'Avenir LT Std';
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 1.76;
    letter-spacing: .2px;
}

.step .step__image {
    position: relative;
    margin-bottom: 38px;
    display: block;
    width: 100%;
    min-height: 104px;
    text-align: center;
}

.step .step__image span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 55px;
    color: #6e91bd;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .3s;
}

.step .step__image figure {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 104px;
    height: 104px;
    background-image: url(../css/images/temp/shape-white.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.step .step__content {
    display: block;
    max-width: 306px;
    margin: 0 auto;
}

@media(max-width: 1280px) {
    .step h4 {
        margin-bottom: 30px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .step {
        padding: 0 5px 10px;
    }

    .step a {
        min-height: 390px;
    }

    .step h4 {
        margin-bottom: 17px;
        font-size: 21px;
    }

    .step p {
        font-size: 14px;
    }

    .step .step__image {
        margin-bottom: 26px;
    }

    .step .step__image span {
        font-size: 46px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .step {
        padding: 0 5px 13px;
        max-width: 100%;
    }

    .step a {
        min-height: auto;
        padding: 28px 20px 35px;
    }

    .step h4 {
        margin-bottom: 11px;
        font-size: 18px;
    }

    .step p {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: .02em;
    }

    .step .step__image {
        margin-bottom: 14px;
        min-height: 60px;
    }

    .step .step__image figure {
        width: 60px;
        height: 60px;
    }

    .step .step__image span {
        font-size: 30px;
    }
}

/* ------------------------------------------------------------ *\
    Subscribe
\* ------------------------------------------------------------ */

.subscribe {
    padding-top: 18px;
    display: inline-block;
    width: 581px;
    text-align: left;
}

.subscribe form {
    display: -ms-flexbox;
    display: flex;
}

.subscribe input {
    color: #414041;
}

.subscribe .subscribe__field {
    -ms-flex: 0 0 77.8%;
    flex: 0 0 77.8%;
    max-width: 77.8%;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #fff;
    border-right: none;
    transition: border-color .4s ease;
    border-radius: 0;
}

.subscribe .subscribe__field::-webkit-input-placeholder {
    transition: .3s;
}

.subscribe .subscribe__field:-ms-input-placeholder {
    transition: .3s;
}

.subscribe .subscribe__field::placeholder {
    transition: .3s;
}

.subscribe .subscribe__field:focus {
    border-color: #24ada1;
}

.subscribe .subscribe__field:focus::-webkit-input-placeholder {
    opacity: .6;
}

.subscribe .subscribe__field:focus:-ms-input-placeholder {
    opacity: .6;
}

.subscribe .subscribe__field:focus::placeholder {
    opacity: .6;
}

.subscribe .subscribe__btn {
    display: inline-block;
    -ms-flex: 1;
    flex: 1;
    background-color: #24ada1;
    color: #fff;
    font-family: 'Avenir LT Std';
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    font-weight: 900;
    transition: opacity .4s ease;
}

.subscribe .subscribe__btn:hover {
    opacity: .8;
}

/* Mobile */

@media (max-width: 767px) {
    .subscribe {
        padding-top: 18px;
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    .subscribe .subscribe__field {
        -ms-flex: 0 0 61.8%;
        flex: 0 0 61.8%;
        max-width: 61.8%;
        height: 60px;
        padding: 0 20px;
        border: 1px solid #fff;
        border-right: none;
        transition: border-color .4s ease;
    }

}

/* ------------------------------------------------------------ *\
    Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
    Tile
\* ------------------------------------------------------------ */

.tile {
    margin-top: 15px;
    text-align: center;
}

.tile .tile__image {
    display: inline-block;
    position: relative;
    width: 212px;
    padding-top: 67%;
    background-size: cover;
    background-position: 50% 50%;
}

.tile .tile__image span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    line-height: 0.83;
}

.tile .tile__content {
    padding: 36px 5px 10px;
}

.tile .tile__content p {
    font-family: 'Avenir LT Std';
    font-weight: 500;
    color: #222222;
    font-size: 16px;
}

.tile--green,
.tile--red {
    margin-top: 0;
}

.tile--green .tile__content {
    position: relative;
    top: -14px;
}

.tile--red .tile__content {
    position: relative;
    top: -14px;
}

.tile .tile__image--green {
    padding-top: 77%;
    width: 216px;
}

.tile .tile__image--red {
    padding-top: 77%;
    width: 211px;
}

/*  Tile Alt  */

.tile--alt .tile__image {
    min-height: 290px;
    width: 100%;
    padding: 0;
    text-align: center;
}

.tile--alt .tile__image figure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 280px;
    height: 241px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tile--alt .tile__image figure:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 308px;
    height: 267px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
}

.tile--alt .tile__image span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    width: 200px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tile--red .tile__image {
    margin-top: 15px;
}

.tile--red .tile__image figure {
    width: 268px;
    height: 267px;
}

.tile--yellow .tile__image {
    width: 282px;
    height: 241px;
}

.tile--yellow .tile__image figure:before {
    width: 308px;
    height: 267px;
    background-image: url(../css/images/temp/shape-yellow-border.png);
}

.tile--alt a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.tile--alt a:hover .tile__image figure:before {
    opacity: 1;
    visibility: visible;
}

/*  Tile Info  */

.tile--info {
    margin: 0;
}

.tile--info .tile__image span {
    font-size: 35px;
}

.tile--info .tile__image {
    min-height: 163px;
    margin: 0;
}

.tile--info .tile__image figure {
    width: 172px;
    height: 147px;
}

.tile--info.tile--red .tile__image figure {
    width: 163px;
    height: 163px;
}

.tile--info .tile__content {
    top: auto;
    padding: 42px 5px 10px;
}

.tile--info .tile__content h4 {
    margin-bottom: 3px;
    color: #4a4a4a;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: -.006em;
}

.tile--info .tile__content p {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.67;
    font-weight: 400;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .tile .tile__image {
        padding-top: 81%;
    }

    .tile .tile__image--green {
        padding-top: 93%;
        width: 216px;
    }

    .tile .tile__image--red {
        padding-top: 93%;
        width: 211px;
    }

    .tile--alt .tile__image {
        padding-top: 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .tile .tile__image {
        display: inline-block;
        position: relative;
        width: 90%;
        background-size: cover;
        background-position: 50% 50%;
    }

    .tile .tile__image span {
        font-size: 26px;
    }

    .tile .tile__image--green {
        height: 151px;
        width: 90%;
    }

    .tile .tile__image--red {
        height: 151px;
        width: 90%;
    }

    .tile--green .tile__content {
        position: relative;
        top: -6px;
    }

    .tile--red .tile__content {
        position: relative;
        top: -6px;
    }

    .tile--alt .tile__image {
        min-height: 180px;
        height: auto;
    }

    .tile--alt:not(.tile--info) .tile__image figure {
        width: 215px;
        height: 185px;
    }

    .tile--alt:not(.tile--info) .tile__image figure:before {
        width: 236px;
        height: 205px;
    }

    .tile--alt:not(.tile--info) .tile__image span {
        width: 140px;
        font-size: 20px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .tile {
        margin-top: 6px;
        margin-bottom: 11px;
    }

    .tile br {
        display: none;
    }

    .tile--green {
        margin-top: 0;
    }

    .tile .tile__image {
        width: 83%;
        padding-top: 74%;
    }

    .tile .tile__content {
        padding: 16px 5px 10px 8px;
    }

    .tile .tile__image--green {
        height: auto;
        padding-top: 83%;
    }

    .tile .tile__image--red {
        height: auto;
        padding-top: 83%;
    }

    .tile--alt {
        margin: 0 0 16px;
    }

    .tile--alt .tile__image {
        min-height: 190px;
        padding-top: 0;
    }

    .tile--alt:not(.tile--info) .tile__image figure {
        width: 199px;
        height: 172px;
    }

    .tile--alt:not(.tile--info) .tile__image figure:before {
        width: 225px;
        height: 199px;
    }

    .tile--alt:not(.tile--info) .tile__image span {
        width: 170px;
        font-size: 25px;
        line-height: 1.2;
    }

    .tile--yellow .tile__image figure {
        width: 200px;
        height: 172px;
    }

    .tile--red:not(.tile--info) .tile__image figure {
        width: 190px;
        height: 190px;
    }

    .tile--grey .tile__image span {
        margin-top: -3px;
    }

    .tile--yellow .tile__image span {
        margin-top: 5px;
    }


    .tile--info {
        margin-bottom: 21px;
    }

    .tile--info .tile__content {
        padding: 0;
        top: auto;
    }

    .tile--info .tile__content h4 {
        margin-bottom: 1px;
        font-size: 14px;
    }

    .tile--info .tile__content p {
        padding: 0 20px;
        font-size: 14px;
        line-height: 1.5;
    }

    .tile--info .tile__image {
        min-height: auto;
        margin-bottom: 6px;
    }

    .tile--info .tile__image figure {
        display: none;
    }

    .tile--info .tile__image span {
        position: static;
        margin: 0 auto;
        font-size: 22px;
        line-height: 1.36;
        color: #778ca3;
        -ms-transform: none;
        transform: none;
    }

    .tile--info.tile--red .tile__image span {
        color: #e51e26;
    }

    .tile--info.tile--green .tile__image span {
        color: #24ada1;
    }

}

/* ------------------------------------------------------------ *\
    Tile Alt
\* ------------------------------------------------------------ */

.tile-alt {
    width: 100%;
    min-height: 280px;
    padding-top: 30px;
    background-color: #24ada1;
    margin-bottom: 20px;
    text-align: center;
}

.tile-alt .tile-alt__image {
    position: relative;
    display: inline-block;
    width: 111px;
    height: 110px;
    background-size: cover;
    background-position: 50%;
}

.tile-alt .tile-alt__image span {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'Avenir LT Std';
    font-weight: 900;
    color: #24ada1;
    font-size: 55px;
}

.tile-alt .tile-alt__content {
    padding: 24px 5px 0;
}

.tile-alt .tile-alt__content p {
    color: #fff;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    line-height: 1.2;
    font-size: 29px;
}

.tile-alt--yellow {
    background-color: #ffc915;
}

.tile-alt--yellow .tile-alt__image span {
    color: #ffc915;
}

.tile-alt--red {
    background-color: #e51e26;
}

.tile-alt--red .tile-alt__content {
    padding-top: 10px;
}

.tile-alt--red .tile-alt__image span {
    color: #e51e26;
}

.tile-alt--purple {
    background-color: #b31e8d;
}

.tile-alt--purple .tile-alt__image span {
    color: #b31e8d;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .tile-alt .tile-alt__content p {
        color: #fff;
        font-family: 'Avenir Next Condensed';
        font-weight: 700;
        line-height: 1.2;
        font-size: 27px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .tile-alt {
        min-height: 164px;
        margin-bottom: 10px;
        padding-top: 16px;
    }

    .tile-alt .tile-alt__image {
        position: relative;
        display: inline-block;
        width: 65px;
        height: 65px;
        background-size: cover;
        background-position: 50%;
    }

    .tile-alt .tile-alt__content {
        padding: 15px 5px;
    }

    .tile-alt .tile-alt__content p {
        color: #fff;
        font-family: 'Avenir Next Condensed';
        font-weight: 400;
        line-height: 1;
        font-size: 17px;
    }

    .tile-alt .tile-alt__image span {
        font-size: 30px;
    }

    .tile-alt--red .tile-alt__content {
        padding-top: 6px;
    }
}

/* ------------------------------------------------------------ *\
    Tils
\* ------------------------------------------------------------ */

.tils {
    padding-top: 8px;
}

.tils .cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tils .col--1of4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
}

.tils .col--1of2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
}

.tils--alt {
    -ms-flex: 0 0 50.3%;
    flex: 0 0 50.3%;
    max-width: 50.3%;
    margin: 0 0px;
    padding-left: 13px;
}

.tils--small {
    padding: 46px 0 121px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .tils--small {
        padding: 0px 0 60px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .tils .cols {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tils .col--1of4 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0;
    }

    .tils .col--1of2 {
        max-width: 100%;
        width: 100%;
        padding: 0 5px;
    }

    .tils--alt {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding-top: 38px;
        padding-left: 0;
    }

    .tils--small {
        padding: 16px 0 32px;
    }
}

/* ------------------------------------------------------------ *\
    Title
\* ------------------------------------------------------------ */

.title {
    padding: 49px 0 65px;
}

.title h1 {
    font-family: 'Avenir Heavy';
    font-weight: 900;
    font-size: 48px;
    color: #3e5059;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .097em;
}

.title--small {
    padding: 49px 0 47px;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .title {
        padding: 36px 0 55px;
    }

    .title h1 {
        font-size: 42px;
        letter-spacing: .06em;
    }

    .title+.title-alt {
        padding-top: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .title {
        padding: 7px 0 29px 11px;
    }

    .title h1 {
        font-size: 24px;
        letter-spacing: .081em;
    }

    .title--small {
        padding: 7px 0 35px 11px;
    }

    .title+.title-alt {
        margin-top: -15px;
    }
}

/* ------------------------------------------------------------ *\
    Title Alt 
\* ------------------------------------------------------------ */

.title-alt {
    max-width: 970px;
    margin: 0 auto;
    padding: 66px 0 40px;
    text-align: center;
}

.title-alt h3 {
    margin-bottom: 2px;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    font-size: 30px;
    color: #aaba37;
    text-transform: uppercase;
}

.title-alt p {
    margin-bottom: 30px;
    font-family: 'Frank Ruhl Libre';
    font-weight: normal;
    font-size: 48px;
    line-height: 1.3;
}

.title-alt--main {
    max-width: 1050px;
    padding: 31px 0;
}

.title-alt--main h3 {
    margin-bottom: 4px;
    line-height: 1;
}

.title-alt--main p {
    font-family: 'Mercury Display';
    line-height: 1;
}

.title-alt--main strong {
    font-style: italic;
    font-weight: 600;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .title-alt {
        padding: 30px 50px;
    }

    .title-alt h3 {
        margin-bottom: 15px;
        font-size: 28px;
    }

    .title-alt p {
        font-size: 32px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .title-alt {
        padding: 37px 35px 34px;
    }

    .title-alt h3 {
        margin-bottom: 0px;
        font-size: 20px;
    }

    .title-alt p {
        font-family: 'Mercury Display';
        font-weight: normal;
        font-size: 22px;
        line-height: 1;
    }

    .title-alt--main h3 {
        margin-bottom: 4px;
    }

    .title-alt--thin {
        padding: 8px 35px;
    }
}

/* ------------------------------------------------------------ *\
    Video
\* ------------------------------------------------------------ */

.video {
    margin-left: 25px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
}

.video .video__image {
    position: relative;
    display: inline-block;
    width: 370px;
    height: 311px;
    background-size: cover;
    background-position: 50% 50%;
}

.video .video__btn {
    position: absolute;
    left: 57%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video .video__btn:hover {
    opacity: .8;
}

.video .video__content {
    -ms-flex: 1;
    flex: 1;
    padding: 35px 10px 10px 40px;
    background-color: #778ca3;
}

.video .video__content span {
    display: block;
    font-family: 'Avenir Next Condensed';
    text-transform: uppercase;
    font-size: 90px;
    font-weight: 700;
    line-height: .9;
    color: #24ada1;
}

.video .video__content span:nth-child(2) {
    color: #b03d94;
}

.video .video__content span:nth-child(3) {
    color: #e51e26;
}

.video--alt {
    margin: 0 0 40px 1px;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    background-color: #b31e8d;
}

.video--alt .video__content {
    padding: 51px 35px 59px 154px;
    background-color: transparent;
}

.video--alt .video__content span {
    line-height: .87;
}

.video--alt .video__content span:nth-child(2) {
    color: #aaba37;
}

.video--alt .video__content span:nth-child(3) {
    color: #fff;
}

.video--alt .video__image {
    margin-top: -59px;
    left: 100px;
    width: 578px;
    height: 403px;
    background-color: transparent;
}

.video--alt .video__btn {
    top: 47%;
    left: 50%;
}

@media(max-width: 1280px) {
    .video--alt .video__image {
        left: 60px;
    }

    .video--alt .video__content {
        padding-left: 90px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .video {
        margin-left: 25px;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        display: -ms-flexbox;
        display: flex;
    }

    .video .video__image {
        position: relative;
        display: inline-block;
        width: auto;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        height: auto;
        background-size: cover;
        background-position: 50% 50%;
    }

    .video .video__content span {
        display: block;
        font-family: 'Avenir Next Condensed';
        text-transform: uppercase;
        font-size: 60px;
        font-weight: 700;
        line-height: .9;
        color: #24ada1;
    }

    .video--alt {
        margin-left: 0;
    }

    .video--alt .video__image {
        height: 335px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .video {
        margin-left: 0;
        display: block;
        margin-bottom: 0;
    }

    .video .video__btn {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .video .video__image {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        padding-top: 92%;
        background-size: cover;
        background-position: 50% 50%;
    }

    .video .video__content {
        position: relative;
        margin-top: 0;
        padding-bottom: 31px;
        top: -5px;
    }

    .video .video__content span {
        font-size: 90px;
    }

    .video--alt {
        position: relative;
        margin: 50px -10px 0;
        padding-top: 54.6%;
    }

    .video--alt .video__image {
        position: absolute;
        top: -68px;
        left: 50%;
        width: 83%;
        margin: 0 auto;
        padding-top: 58%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .video--alt .video__btn {
        top: 47%;
    }

    .video--alt .video__btn i {
        width: 39px;
        height: 39px;
    }

    .video--alt .video__content {
        padding: 0 30px 27px 37px;
        text-align: center;
    }

    .video--alt .video__content span {
        display: inline-block;
        margin: 0 9px 3px 0;
        font-size: 60px;
        letter-spacing: .0em;
    }
}

/* Mobile Portrait */

@media (max-width: 479px) {
    .video--alt {
        padding-top: 50.6%;
    }

    .video--alt .video__content {
        padding: 0 10px 27px 17px;
        max-width: 320px;
        margin: 0 auto;
    }
}

/* ------------------------------------------------------------ *\
    Widget
\* ------------------------------------------------------------ */

.widgets {
    list-style: none outside none;
}



/* ------------------------------------------------------------ *\
    Tables
\* ------------------------------------------------------------ */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

table[align=left] {
    float: left;
    margin: 0.25em 1.5em 1em 0;
}

table[align=right] {
    float: right;
    margin: 0.25em 0 1em 1.5em;
}

th,
td {
    font-size: 14px;
    line-height: 1.2857142857;
    word-wrap: break-word;
}

th {
    font-weight: 700;
}

td {
    font-weight: 300;
}

tbody td img {
    margin: 0;
}

tfoot td {
    padding: 8px 0 4px 0;
    text-align: center;
    font-size: 12px;
    font-style: italic;
}

table[align=right] tfoot td {
    text-align: right;
}

table[align=left] tfoot td {
    text-align: left;
}

.table-b,
.table-c,
.table-d {
    margin: 24px 0 32px 0;
    width: 100%;
    table-layout: fixed;
}

.table-b thead td,
.table-b thead th,
.table-c thead td,
.table-c thead th,
.table-d thead td,
.table-d thead th {
    padding: 14px 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    vertical-align: bottom;
    color: #fff;
}

.table-b tbody td,
.table-c tbody td,
.table-d tbody td {
    padding: 18px 15px;
    text-align: left;
    vertical-align: top;
}

table thead th[align=center],
table thead td[align=center],
table tbody th[align=center],
table tbody td[align=center],
.table-b thead th[align=center],
.table-b thead td[align=center],
.table-b tbody th[align=center],
.table-b tbody td[align=center],
.table-c thead th[align=center],
.table-c thead td[align=center],
.table-c tbody th[align=center],
.table-c tbody td[align=center],
.table-d thead th[align=center],
.table-d thead td[align=center],
.table-d tbody th[align=center],
.table-d tbody td[align=center] {
    text-align: center;
}

table thead th[align=right],
table thead td[align=right],
table tbody th[align=right],
table tbody td[align=right],
.table-b thead th[align=right],
.table-b thead td[align=right],
.table-b tbody th[align=right],
.table-b tbody td[align=right],
.table-c thead th[align=right],
.table-c thead td[align=right],
.table-c tbody th[align=right],
.table-c tbody td[align=right],
.table-d thead th[align=right],
.table-d thead td[align=right],
.table-d tbody th[align=right],
.table-d tbody td[align=right] {
    text-align: right;
}

/* table thead {
    background: #3d505a; }
   table tbody tr:nth-child(even) {
    background: rgba(159, 154, 146, 0.2); }
   table tbody tr {
    border-bottom: 1px solid #3d505a; }
    */
.table-b thead {
    background: #b21e8c;
}

.table-b tbody tr {
    border-bottom: 1px solid #3d505a;
}

.table-c thead {
    background: #36a8b4;
}

.table-c thead th:last-child,
.table-c thead td:last-child {
    border-right: 1px solid #36a8b4;
}

.table-c tbody td {
    border: 1px solid #3d505a;
}

.table-c tbody tr:first-child td {
    border-top: none;
}

.table-d thead {
    background: #36a8b4;
}

.table-d tbody td {
    border-left: 1px solid #3d505a;
}

.table-d tbody td:first-child {
    border-left: none;
}





/* ------------------------------------------------------------ *\
    Tile
\* ------------------------------------------------------------ */

.tile {
    margin-top: 15px;
    text-align: center;
}

.tile .tile__image {
    display: inline-block;
    position: relative;
    width: 212px;
    padding-top: 67%;
    background-size: cover;
    background-position: 50% 50%;
}

.tile .tile__image span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    line-height: 0.83;
}

.tile .tile__content {
    padding: 36px 5px 10px;
}

.tile .tile__content p {
    font-family: 'Avenir LT Std';
    font-weight: 500;
    color: #222222;
    font-size: 16px;
}

.tile--green,
.tile--red {
    margin-top: 0;
}

.tile--green .tile__content {
    position: relative;
    top: -14px;
}

.tile--red .tile__content {
    position: relative;
    top: -14px;
}

.tile .tile__image--green {
    padding-top: 77%;
    width: 216px;
}

.tile .tile__image--red {
    padding-top: 77%;
    width: 211px;
}

/*  Tile Alt  */

.tile--alt .tile__image {
    min-height: 290px;
    width: 100%;
    padding: 0;
    text-align: center;
}

.tile--alt .tile__image figure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 280px;
    height: 241px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tile--alt .tile__image figure:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 308px;
    height: 267px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
    max-height: 110% !important;
}

.tile--alt .tile__image span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    width: 200px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tile--red .tile__image {
    margin-top: 15px;
}

.tile--red .tile__image figure {
    width: 268px;
    height: 267px;
}

.tile--red .tile__image figure:before {
    width: 328px;
    height: 297px;
    background-image: url(../css/images/temp/shape-red-border.svg);
}

.tile--red.tile--small .tile__image figure:before {
    width: 180px;
    height: 180px;
}

.tile--green .tile__image figure:before {
    width: 328px;
    height: 297px;
    background-image: url(../css/images/temp/shape-green-border.svg);
}

.tile--green.tile--small .tile__image figure:before {
    width: 192px;
}

.tile--yellow .tile__image {
    width: 282px;
    height: 241px;
}

.tile--yellow .tile__image figure:before {
    width: 308px;
    height: 267px;
    background-image: url(../css/images/temp/shape-yellow-border.png);
}

.tile--grey .tile__image figure:before {
    width: 308px;
    height: 267px;
    background-image: url(../css/images/temp/shape-grey-border.svg);
}

.tile--grey.tile--small .tile__image figure:before {
    width: 192px;
}

.tile--alt a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.tile--alt a:hover .tile__image figure:before {
    opacity: 1;
    visibility: visible;
}

/*  Tile Info  */

.tile--info {
    margin: 0;
}

.tile--info .tile__image span {
    font-size: 35px;
}

.tile--info .tile__image {
    min-height: 163px;
    margin: 0;
}

.tile--info .tile__image figure {
    width: 172px;
    height: 147px;
}

.tile--info.tile--red .tile__image figure {
    width: 163px;
    height: 163px;
}

.tile--info .tile__content {
    top: auto;
    padding: 42px 5px 10px;
}

.tile--info .tile__content h4 {
    margin-bottom: 3px;
    color: #4a4a4a;
    font-family: 'Avenir LT Std';
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: -.006em;
}

.tile--info .tile__content p {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.67;
    font-weight: 400;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .tile .tile__image {
        padding-top: 81%;
    }

    .tile .tile__image--green {
        padding-top: 93%;
        width: 216px;
    }

    .tile .tile__image--red {
        padding-top: 93%;
        width: 211px;
    }

    .tile--alt .tile__image {
        padding-top: 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .tile .tile__image {
        display: inline-block;
        position: relative;
        width: 90%;
        background-size: cover;
        background-position: 50% 50%;
    }

    .tile .tile__image span {
        font-size: 26px;
    }

    .tile .tile__image--green {
        height: 151px;
        width: 90%;
    }

    .tile .tile__image--red {
        height: 151px;
        width: 90%;
    }

    .tile--green .tile__content {
        position: relative;
        top: -6px;
    }

    .tile--red .tile__content {
        position: relative;
        top: -6px;
    }

    .tile--alt .tile__image {
        min-height: 180px;
        height: auto;
    }

    .tile--alt:not(.tile--info) .tile__image figure {
        width: 215px;
        height: 185px;
    }

    .tile--alt:not(.tile--info) .tile__image figure:before {
        width: 236px;
        height: 205px;
    }

    .tile--alt:not(.tile--info) .tile__image span {
        width: 140px;
        font-size: 20px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .tile {
        margin-top: 6px;
        margin-bottom: 11px;
    }

    .tile br {
        display: none;
    }

    .tile--green {
        margin-top: 0;
    }

    .tile .tile__image {
        width: 83%;
        padding-top: 74%;
    }

    .tile .tile__content {
        padding: 16px 5px 10px 8px;
    }

    .tile .tile__image--green {
        height: auto;
        padding-top: 83%;
    }

    .tile .tile__image--red {
        height: auto;
        padding-top: 83%;
    }

    .tile--alt {
        margin: 0 0 16px;
    }

    .tile--alt .tile__image {
        min-height: 190px;
        padding-top: 0;
    }

    .tile--alt:not(.tile--info) .tile__image figure {
        width: 199px;
        height: 172px;
    }

    .tile--alt:not(.tile--info) .tile__image figure:before {
        width: 225px;
        height: 199px;
    }

    .tile--alt:not(.tile--info) .tile__image span {
        width: 170px;
        font-size: 25px;
        line-height: 1.2;
    }

    .tile--yellow .tile__image figure {
        width: 200px;
        height: 172px;
    }

    .tile--red:not(.tile--info) .tile__image figure {
        width: 190px;
        height: 190px;
    }

    .tile--grey .tile__image span {
        margin-top: -3px;
    }

    .tile--yellow .tile__image span {
        margin-top: 5px;
    }


    .tile--info {
        margin-bottom: 21px;
    }

    .tile--info .tile__content {
        padding: 0;
        top: auto;
    }

    .tile--info .tile__content h4 {
        margin-bottom: 1px;
        font-size: 14px;
    }

    .tile--info .tile__content p {
        padding: 0 20px;
        font-size: 14px;
        line-height: 1.5;
    }

    .tile--info .tile__image {
        min-height: auto;
        margin-bottom: 6px;
    }

    .tile--info .tile__image figure {
        display: none;
    }

    .tile--info .tile__image span {
        position: static;
        margin: 0 auto;
        font-size: 22px;
        line-height: 1.36;
        color: #778ca3;
        -ms-transform: none;
        transform: none;
    }

    .tile--info.tile--red .tile__image span {
        color: #e51e26;
    }

    .tile--info.tile--green .tile__image span {
        color: #24ada1;
    }

}

/* ------------------------------------------------------------ *\
    Tile Alt
\* ------------------------------------------------------------ */

.tile-alt {
    width: 100%;
    min-height: 280px;
    padding-top: 30px;
    background-color: #24ada1;
    margin-bottom: 20px;
    text-align: center;
}

.tile-alt .tile-alt__image {
    position: relative;
    display: inline-block;
    width: 111px;
    height: 110px;
    background-size: cover;
    background-position: 50%;
}

.tile-alt .tile-alt__image span {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'Avenir LT Std';
    font-weight: 900;
    color: #24ada1;
    font-size: 55px;
}

.tile-alt .tile-alt__content {
    padding: 24px 5px 0;
}

.tile-alt .tile-alt__content p {
    color: #fff;
    font-family: 'Avenir Next Condensed';
    font-weight: 700;
    line-height: 1.2;
    font-size: 29px;
}

.tile-alt--yellow {
    background-color: #ffc915;
}

.tile-alt--yellow .tile-alt__image span {
    color: #ffc915;
}

.tile-alt--red {
    background-color: #e51e26;
}

.tile-alt--red .tile-alt__content {
    padding-top: 10px;
}

.tile-alt--red .tile-alt__image span {
    color: #e51e26;
}

.tile-alt--purple {
    background-color: #b31e8d;
}

.tile-alt--purple .tile-alt__image span {
    color: #b31e8d;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .tile-alt .tile-alt__content p {
        color: #fff;
        font-family: 'Avenir Next Condensed';
        font-weight: 700;
        line-height: 1.2;
        font-size: 27px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .tile-alt {
        min-height: 164px;
        margin-bottom: 10px;
        padding-top: 16px;
    }

    .tile-alt .tile-alt__image {
        position: relative;
        display: inline-block;
        width: 65px;
        height: 65px;
        background-size: cover;
        background-position: 50%;
    }

    .tile-alt .tile-alt__content {
        padding: 15px 5px;
    }

    .tile-alt .tile-alt__content p {
        color: #fff;
        font-family: 'Avenir Next Condensed';
        font-weight: 400;
        line-height: 1;
        font-size: 17px;
    }

    .tile-alt .tile-alt__image span {
        font-size: 30px;
    }

    .tile-alt--red .tile-alt__content {
        padding-top: 6px;
    }
}

.logo {
    margin-right: -50px !important;
    width: 151px !important;
    height: 65px !important;
}

.nav--alt li.has-dd:last-child .dropdown {
    /*width: auto;*/
    right: 10px !important;
    left: auto !important;
}