/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://rsms.me/inter/inter-ui.css");
@import url("https://fonts.googleapis.com/css?family=Lora:400,700i");

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

button[disabled], html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

#sidebar ul, .sidebar ul, .header ul, .main-nav, .footer ul, .social-list, .accordion, .slick-dots, .breadcrumbs, .main-page-content, .contact-list, .files-list, .category-banner .category-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.clearfix:after, dl:after, #main:after, .widget:after, .search-form:after, .post-password-form p:after, .navigation-single:after, .header:after, .breadcrumbs:after, .container:after, .big-container:after {
    content: '';
    display: block;
    clear: both
}

.slick-dots button:before, .slick-dots button:after {
    transition: all 0.3s ease-in-out
}

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

.newsletter-section .yikes-mailchimp-container button.yikes-easy-mc-submit-button:before {
    display: inline-block;
    vertical-align: top;
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: inherit;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button, input[type='button'], input[type='reset'], input[type='file'], input[type='submit'], .nav-opener, .nav-opener:before, .nav-opener:after, .nav-opener .nav-line, .social-list li, .slick-dots li:before, .slider-subtitle, .breadcrumbs li, .breadcrumbs li:after, .team-item, .prev-block .arrow-right, .prev-block .arrow-right:before, .prev-block .arrow-right:after, .prev-block .category-number, .info-post-holder .by, .info-post-holder .posted, .info-post-holder .social-list, .news-filters div, .news-filters label, .news-filters select, .category-banner .category-list li:before, .category-banner .social-list a, .main-banner .btn-video, .category-article h4, .category-article h4:before, .category-article h4:after, .btn, .social-post-section .social-list a {
    display: inline-block;
    vertical-align: top
}

.team-list > *, .prev-block.big-prev-block.in-viewport .box, .social-post-section.in-viewport {
    animation: fade-in-top 0.5s cubic-bezier(0, 0, 0.2, 0.2);
    animation-fill-mode: both;
    opacity: 0
}

.category-banner.in-viewport .category-list > *, .category-article.in-viewport:nth-child(even) {
    animation: fade-from-left 0.5s cubic-bezier(0, 0, 0.2, 0.2);
    animation-fill-mode: both;
    opacity: 0
}

.category-article.in-viewport {
    animation: fade-from-right 0.5s cubic-bezier(0, 0, 0.2, 0.2);
    animation-fill-mode: both;
    opacity: 0
}

html {
    box-sizing: border-box
}

*, *:before, *:after {
    box-sizing: inherit
}

* {
    max-height: 1000000px
}

body {
    color: #9b9b9b;
    background: #fff;
    font: 14px/1.4 "Inter UI", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -.44px
}

@media (min-width: 768px) {
    body {
        line-height: 1.57
    }
}

img {
    max-width: 100%;
    height: auto
}

strong {
    font-weight: 400;
    color: #4a4a4a
}

.gm-style img {
    max-width: none
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
    margin: 0 0 1.4em
}

blockquote {
    border-left: 4px solid #646464;
    padding-left: .5em;
    margin-left: 1.4em
}

th, td {
    border: 1px solid #646464;
    padding: .5em;
    text-align: left;
    vertical-align: top
}

th {
    text-align: center;
    vertical-align: middle
}

ul, ol {
    padding-left: 3em
}

ul ul, ul ol, ol ul, ol ol {
    padding-left: 3em;
    margin: 0
}

ul {
    list-style-type: disc
}

dl dt {
    float: left;
    clear: left;
    padding-right: .3em;
    font-weight: bold
}

dl dd {
    overflow: hidden
}

pre {
    max-width: 100%
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

input[type='text'], input[type='tel'], input[type='email'], input[type='search'], input[type='password'], textarea {
    font-size: 10px;
    line-height: 22px;
    width: 100%;
    height: 24px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 0 2px;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 2px;
    outline: none;
    margin-bottom: 5px
}

input[type='text']:focus, input[type='tel']:focus, input[type='email']:focus, input[type='search']:focus, input[type='password']:focus, textarea:focus {
    border-color: #4a4a4a
}

input[type='text']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #646464
}

input[type='text']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='password']::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #646464
}

input[type='text']:-moz-placeholder, input[type='tel']:-moz-placeholder, input[type='email']:-moz-placeholder, input[type='search']:-moz-placeholder, input[type='password']:-moz-placeholder, textarea:-moz-placeholder {
    color: #646464
}

input[type='text']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #646464
}

input[type='text'].placeholder, input[type='tel'].placeholder, input[type='email'].placeholder, input[type='search'].placeholder, input[type='password'].placeholder, textarea.placeholder {
    color: #646464
}

select {
    font-size: 10px;
    line-height: 22px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 0 1px;
    -webkit-border-radius: 0;
    height: 24px;
    width: 100%;
    border-radius: 2px;
    outline: none;
    margin-bottom: 5px
}

textarea {
    font-size: 10px;
    line-height: 22px;
    padding: 0 2px;
    border: 1px solid #e6e6e6;
    resize: none;
    vertical-align: top;
    border-radius: 2px;
    outline: none;
    height: 114px;
    margin-bottom: 20px
}

button, input[type='button'], input[type='reset'], input[type='file'], input[type='submit'] {
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #4a4a4a;
    background-color: #4a4a4a;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    letter-spacing: 0.25px;
    border-radius: 5px;
    padding: 8px 15px;
    height: 40px;
    margin-bottom: 5px;
    min-width: 110px;
    text-align: center;
    -webkit-appearance: none;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out
}

button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='file']:hover, input[type='submit']:hover {
    background-color: #fff;
    color: #4a4a4a
}

label {
    font-size: 12px;
    line-height: 22px;
    display: block
}

#main .two-column {
    padding-top: 55px;
    padding-bottom: 30px
}

@media (min-width: 768px) {
    #main .two-column #content, #main .two-column .content-box {
        float: left;
        width: 59%;
        max-width: 460px
    }

    #main .two-column #content:only-child, #main .two-column .content-box:only-child {
        float: none;
        width: 100%
    }
}

@media (min-width: 768px) {
    #main .two-column #sidebar, #main .two-column .sidebar {
        float: right;
        width: 18%;
        min-width: 140px
    }
}

@media (min-width: 768px) {
    #main .two-column .posts-list .post, #main .two-column .posts-list article {
        width: 50%
    }
}

#sidebar, .sidebar {
    font-size: 12px;
    line-height: 1.5
}

#sidebar h3, #sidebar .h3, .sidebar h3, .sidebar .h3 {
    color: #9b9b9b;
    margin-bottom: 13px;
    font: inherit;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

#sidebar #wp-calendar, .sidebar #wp-calendar {
    width: 100%
}

.widget_recent_entries ul {
    color: #4a4a4a;
    padding: 0
}

.widget_recent_entries ul li {
    margin-bottom: 20px
}

.widget_recent_entries ul a {
    color: inherit
}

.widget_categories h3 {
    display: none
}

.widget_categories ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0
}

blockquote {
    font-size: 18px;
    line-height: 1.23;
    color: #c8c8c8;
    border: 0;
    padding: 13px 0 18px;
    margin: 0;
    font-weight: 400
}

@media (min-width: 768px) {
    blockquote {
        letter-spacing: -1.5px;
        font-size: 26px;
        font-style: italic
    }
}

blockquote p {
    margin-bottom: 0.5em
}

@media (min-width: 1024px) {
    html, body {
        height: 100%
    }

    .page-holder {
        height: 100%;
        display: table;
        table-layout: fixed;
        overflow: hidden;
        width: 100%
    }

    #wrapper {
        display: table-cell;
        margin: 0 auto
    }

    #footer {
        overflow: hidden;
        display: table-footer-group;
        height: 1%
    }
}

.widget {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .widget {
        margin-bottom: 4.3em
    }
}

.widget select {
    min-width: 150px
}

.comment-form label {
    display: block;
    padding-bottom: 4px
}

.comment-form textarea {
    overflow: auto;
    margin: 0;
    height: 120px;
    min-height: 120px
}

.comment-form textarea, .comment-form input[type='text'] {
    margin: 0 4px 0 0;
    max-width: 300px;
    width: 100%
}

.comment-form input[type='submit'] {
    display: block;
    float: none
}

.post-password-form label {
    display: block;
    margin-bottom: 4px
}

.post-password-form input[type='password'] {
    margin: 0 4px 0 0;
    max-width: 300px;
    width: 100%
}

.search-form {
    margin-bottom: 15px
}

.search-form input {
    float: left
}

.search-form input[type='search'] {
    margin: 0 4px 0 0;
    width: 150px
}

.post-password-form input {
    float: left;
    height: 2em
}

.post-password-form input[type='password'] {
    width: 150px
}

.comment-form input[type='submit'], .post-password-form input[type='submit'], .search-form input[type='submit'] {
    background: #4a4a4a;
    color: #fff;
    height: 2em;
    border: none;
    padding: 0 .5em
}

.comment-form input[type='submit']:hover, .post-password-form input[type='submit']:hover, .search-form input[type='submit']:hover {
    opacity: 0.8
}

.commentlist {
    margin: 0 0 1.4em
}

.commentlist .edit-link {
    margin: 0
}

.commentlist .avatar-holder {
    float: left;
    margin: 0 1.4em 4px 0
}

.commentlist-item .commentlist-item {
    padding: 0
}

@media (min-width: 768px) {
    .commentlist-item .commentlist-item {
        padding: 0 0 0 2em
    }
}

.comment, .commentlist-holder {
    overflow: hidden
}

.commentlist-item .commentlist-item, .commentlist-item + .commentlist-item {
    padding-top: 1.4em
}

.widget_calendar #next {
    text-align: right
}

.gallery-item dt {
    float: none;
    padding: 0
}

.navigation, .navigation-comments {
    position: relative;
    vertical-align: middle;
    margin-bottom: 1.4em
}

.navigation .screen-reader-text, .navigation-comments .screen-reader-text {
    position: absolute;
    left: -99999px
}

.navigation .page-numbers, .navigation-comments .page-numbers {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .4em
}

@media (max-width: 767px) {
    .navigation .page-numbers, .navigation-comments .page-numbers {
        padding: 0 3px
    }
}

.navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev {
    color: #fff;
    background: #4a4a4a;
    border: 1px solid #4a4a4a;
    display: inline-block;
    vertical-align: middle;
    max-width: 48%;
    padding: 0 10px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out
}

.navigation .next:hover, .navigation .prev:hover, .navigation-comments .next:hover, .navigation-comments .prev:hover {
    background-color: #fff;
    color: #4a4a4a
}

.navigation-single {
    margin-bottom: 1.4em
}

.navigation-single .next, .navigation-single .prev {
    float: left;
    vertical-align: middle;
    max-width: 48%;
    background: #4a4a4a;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
    border-radius: 2px;
    border: 1px solid #4a4a4a;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out
}

.navigation-single .next:hover, .navigation-single .prev:hover {
    background-color: #fff;
    color: #4a4a4a
}

.navigation-single .next a, .navigation-single .prev a {
    color: inherit;
    text-decoration: none;
    padding: 0 10px;
    display: block
}

.navigation-single .next {
    float: right
}

.wp-caption {
    margin-bottom: 1.4em;
    letter-spacing: 0;
    width: 100%;
    max-width: 100% !important;
    clear: both;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 0
}

@media (min-width: 768px) {
    .wp-caption {
        padding: 33px 0 14px;
        margin-bottom: 55px
    }
}

.wp-caption img {
    margin: 0 0 12px;
    vertical-align: top;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

@media (min-width: 768px) {
    .wp-caption img {
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
    }
}

.wp-caption p {
    margin: .4em 0 0
}

div.aligncenter {
    margin: 0 auto 1.4em
}

img.aligncenter {
    display: block;
    margin: 0 auto
}

.alignleft {
    float: left;
    margin: 0 1.4em 4px 0
}

.alignright {
    float: right;
    margin: 0 0 4px 1.4em
}

.mejs-container {
    margin-bottom: 1.4em
}

.wp-caption-text, .gallery, .alignnone, .gallery-caption, .sticky, .bypostauthor {
    font-size: 12px;
    line-height: 1.83;
    font-style: italic;
    height: auto
}

iframe {
    max-width: 100%
}

@media (max-width: 1023px) {
    iframe {
        width: 100%
    }
}

#wp-calendar tbody td {
    text-align: center
}

#wp-calendar td, #wp-calendar th {
    border: 1px solid #646464
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
    font-family: "Gotham SSm A", "Gotham SSm B", "Inter UI", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    color: #4a4a4a;
    font-weight: 400;
    margin: 0 0 0.5em
}

h1, .h1 {
    font-size: 28px;
    letter-spacing: -1.71px;
    margin-bottom: 0.4em
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 44px;
        line-height: 1.14
    }
}

h2, .h2 {
    font-size: 25px;
    letter-spacing: -2.1px
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 36px;
        line-height: 1.25
    }
}

h3, .h3 {
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 1.4
}

h4, .h4 {
    font-size: 16px;
    letter-spacing: -.25px;
    line-height: 1.625;
    margin-bottom: 1.6em
}

h5, .h5 {
    font-size: 15px
}

h6, .h6 {
    font-size: 14px
}

p {
    margin: 0 0 1.6em;
    font-size: 16px
}

p a {
    text-decoration: underline
}

a {
    color: #9b9b9b;
    text-decoration: none
}

a:hover, a:focus {
    color: #4a4a4a;
    text-decoration: underline
}

.logo {
    float: left;
    padding-top: 4px
}

@media (min-width: 768px) {
    .logo {
        padding-top: 10px
    }
}

.logo img {
    vertical-align: top;
    max-width: 140px
}

.header {
    padding: 12px 0;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

@media (min-width: 768px) {
    .header {
        padding: 0
    }
}

.header a {
    font-family: "Gotham SSm A", "Gotham SSm B", "Inter UI", "Arial", "Helvetica Neue", "Helvetica", sans-serif
}

.header a:hover {
    text-decoration: none
}

.header .big-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1440px;
    padding-left: 30px;
    padding-right: 30px
}

.header .big-container:before, .header .big-container:after {
    display: none
}

.main-nav {
    background-color: #fff;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    overflow: hidden;
    transform: translateY(-1%);
    padding: 10px 0;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

@media (max-width: 767px) {
    .main-nav {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
        -moz-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
        box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69)
    }

    .main-nav > li {
        overflow: hidden;
        width: 80%;
        margin: 0 auto
    }

    .main-nav > li > a {
        color: #0a8fb1;
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .main-nav > li .drop-holder ul {
        border-top: 1px solid #e2e2e2;
        display: block;
        box-shadow: none;
        border-radius: 0;
        padding: 0
    }

    .main-nav > li .drop-holder ul > li {
        display: block;
        padding: 0
    }

    .main-nav > li .drop-holder ul > li a {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 12px
    }

    .main-nav > li .drop-holder ul > li:after {
        display: none
    }

    .main-nav > li:first-child {
        padding-top: 20px
    }

    .main-nav > li:last-child {
        padding-bottom: 20px
    }
}

@media (min-width: 768px) {
    .main-nav {
        float: right;
        border: 0;
        height: auto;
        overflow: inherit;
        max-width: 50%;
        transform: none;
        position: relative;
        padding: 0;
        text-align: right;
        padding-left: 20px
    }
}

.main-nav a {
    display: block;
    padding: 10px 0;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .main-nav a {
        padding: 28px 13px
    }
}

.main-nav a:hover, .main-nav a:focus {
    text-decoration: none
}

.main-nav li {
    position: relative
}

@media (min-width: 768px) {
    .main-nav li {
        text-align: left;
        display: inline-block;
        vertical-align: top
    }
}

.main-nav li.active > a {
    color: #0a8fb1
}

.main-nav li ul {
    animation: fade-in .1s ease-out;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
    box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
    min-width: 140px
}

.main-nav li ul li {
    padding: 7px 0
}

.main-nav li ul li a {
    color: #9b9b9b;
    text-align: center
}

.main-nav li ul li:after {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    left: 21%;
    right: 21%;
    height: 1px;
    background: #dcdcdc
}

.main-nav li ul li:last-child:after {
    display: none
}

.main-nav li ul li:first-child {
    padding-top: 0
}

.main-nav ul {
    display: none;
    padding: 15px
}

@media (min-width: 768px) {
    .main-nav ul {
        border-top: 1px solid #e6e6e6;
        background-color: #fff;
        position: absolute;
        min-width: 118px;
        padding: 17px 0;
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }
}

.main-nav ul li {
    display: block;
    margin: 0
}

.main-nav ul a {
    display: block;
    color: #c8c8c8
}

@media (min-width: 768px) {
    .main-nav ul a {
        padding: 6px 15px
    }
}

.main-nav ul a:hover {
    color: #000
}

.main-nav ul a:hover {
    color: #000
}

.main-nav ul .active a {
    color: #0a8fb1
}

@media (min-width: 768px) {
    .main-nav > li > a:after {
        bottom: 0;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(10, 143, 177, 0);
        border-bottom-color: #0a8fb1;
        border-width: 7px;
        margin-left: -7px;
        opacity: 0
    }
}

.main-nav > li:last-child > a {
    padding-right: 0
}

.main-nav > li.hover ul {
    z-index: 10;
    display: block
}

.main-nav > li.hover > a {
    color: #0a8fb1
}

.main-nav > li.hover > a:after {
    opacity: 1
}

.main-nav .menu-item-home.active {
    position: relative
}

@media (min-width: 768px) {
    .main-nav .menu-item-home.active ul {
        right: auto;
        left: 50%;
        min-width: 140px;
        transform: translateX(-50%);
        display: none;
        animation: fade-in .1s ease-out;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
        -moz-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69);
        box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.69)
    }
}

.main-nav .menu-item-home.active ul li {
    display: block
}

@media (min-width: 768px) {
    .main-nav .menu-item-home.active ul li {
        margin: 0;
        padding: 7px 0
    }

    .main-nav .menu-item-home.active ul li:after {
        content: '';
        display: none;
        position: absolute;
        bottom: 0;
        left: 21%;
        right: 21%;
        height: 1px;
        background: #dcdcdc
    }
}

.main-nav .menu-item-home.active ul li:last-child:after {
    display: none
}

.main-nav .menu-item-home.active ul li:first-child {
    padding-top: 0
}

.main-nav .menu-item-home.active ul a {
    display: block;
    color: #9b9b9b
}

@media (min-width: 768px) {
    .main-nav .menu-item-home.active ul a {
        padding: 6px 15px
    }
}

.main-nav .menu-item-home.active ul a:hover {
    color: #000
}

.main-nav .menu-item-home.active:hover ul {
    display: block
}

.nav-opener {
    width: 25px;
    height: 14px;
    position: relative;
    float: right
}

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

.nav-opener:before, .nav-opener:after, .nav-opener .nav-line {
    width: 100%;
    height: 2px;
    background-color: #0a8fb1;
    content: '';
    position: absolute
}

.nav-opener:before {
    top: 0;
    transition: transform 0.3s ease-in-out
}

.nav-opener:after {
    bottom: 0;
    transition: transform 0.3s ease-in-out
}

.nav-opener .nav-line {
    top: 6px;
    transition: opacity 0.3s ease-in-out
}

.nav-active .main-nav {
    transform: translateY(0);
    height: auto
}

.nav-active .nav-opener .nav-line {
    opacity: 0
}

.nav-active .nav-opener:before {
    top: 9px;
    transform: rotate(-45deg)
}

.nav-active .nav-opener:after {
    top: 9px;
    transform: rotate(45deg)
}

.resize-active * {
    transition: none !important
}

.footer .container {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 840px
}

@media (min-width: 768px) {
    .footer .container {
        padding-top: 59px;
        padding-bottom: 59px
    }
}

.footer .social-list li .fa {
    font-size: 24px;
    line-height: 24px;
    padding: 20px 0
}

@media (min-width: 480px) {
    .footer-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .footer-nav {
        width: 58%;
        float: right
    }
}

@media (min-width: 1024px) {
    .footer-nav {
        width: 48.6%
    }
}

.footer-nav a {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.footer-nav a:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    right: 50%;
    background-color: #4a4a4a;
    height: 1px;
    transition: all 0.3s ease-in-out
}

.footer-nav a:hover {
    text-decoration: none
}

.footer-nav a:hover:before {
    left: 0;
    right: 0
}

.footer-nav > li {
    margin-bottom: 10px
}

@media (min-width: 480px) {
    .footer-nav > li {
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .footer-nav > li {
        min-width: 130px
    }
}

.footer-nav > li > a {
    color: #4a4a4a;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top
}

@media (min-width: 768px) {
    .footer-nav > li > a {
        margin-bottom: 27px
    }
}

.footer-nav .sub-menu li {
    margin-bottom: 0.5em
}

@media (min-width: 768px) {
    .footer-nav .sub-menu li {
        margin-bottom: 1.3em
    }
}

.footer-info {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 15px;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .footer-info {
        width: 40%;
        padding-left: 2.5%;
        float: left
    }
}

.footer-info .menu {
    margin-bottom: 10px
}

.copyright {
    margin-bottom: 7px
}

.social-list li {
    margin-right: 17px;
    margin-bottom: 5px
}

.social-list li .fa {
    font-size: 12px;
    line-height: 22px
}

.newsletter-section {
    background-color: #646464;
    color: #fff;
    padding: 35px 0 32px
}

.newsletter-section h2 {
    color: #fff;
    letter-spacing: -.5px
}

@media (min-width: 768px) {
    .newsletter-section h2 {
        margin-bottom: 0;
        width: 43%;
        float: left
    }
}

.newsletter-section .container {
    max-width: 840px
}

@media (min-width: 768px) {
    .newsletter-section .container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }
}

.newsletter-section .container:before, .newsletter-section .container:after {
    display: none
}

.newsletter-section .yikes-mailchimp-container {
    position: relative
}

@media (min-width: 768px) {
    .newsletter-section .yikes-mailchimp-container {
        width: 50%;
        max-width: 320px;
        float: right
    }
}

.newsletter-section .yikes-mailchimp-container input[type=email], .newsletter-section .yikes-mailchimp-container input[type=number], .newsletter-section .yikes-mailchimp-container input[type=text], .newsletter-section .yikes-mailchimp-container input[type=url], .newsletter-section .yikes-mailchimp-container select {
    font-size: 14px;
    letter-spacing: -0.44px;
    color: #fff;
    height: 30px;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0;
    padding: 3px 0;
    padding-right: 10px;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.newsletter-section .yikes-mailchimp-container input[type=email]:focus, .newsletter-section .yikes-mailchimp-container input[type=number]:focus, .newsletter-section .yikes-mailchimp-container input[type=text]:focus, .newsletter-section .yikes-mailchimp-container input[type=url]:focus, .newsletter-section .yikes-mailchimp-container select:focus {
    border: 1px solid transparent;
    border-bottom: 1px solid #fff;
    outline: none
}

.newsletter-section .yikes-mailchimp-container input[type=email]::-webkit-input-placeholder, .newsletter-section .yikes-mailchimp-container input[type=number]::-webkit-input-placeholder, .newsletter-section .yikes-mailchimp-container input[type=text]::-webkit-input-placeholder, .newsletter-section .yikes-mailchimp-container input[type=url]::-webkit-input-placeholder, .newsletter-section .yikes-mailchimp-container select::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.newsletter-section .yikes-mailchimp-container input[type=email]::-moz-placeholder, .newsletter-section .yikes-mailchimp-container input[type=number]::-moz-placeholder, .newsletter-section .yikes-mailchimp-container input[type=text]::-moz-placeholder, .newsletter-section .yikes-mailchimp-container input[type=url]::-moz-placeholder, .newsletter-section .yikes-mailchimp-container select::-moz-placeholder {
    opacity: 1;
    color: #fff;
    opacity: .5
}

.newsletter-section .yikes-mailchimp-container input[type=email]:-moz-placeholder, .newsletter-section .yikes-mailchimp-container input[type=number]:-moz-placeholder, .newsletter-section .yikes-mailchimp-container input[type=text]:-moz-placeholder, .newsletter-section .yikes-mailchimp-container input[type=url]:-moz-placeholder, .newsletter-section .yikes-mailchimp-container select:-moz-placeholder {
    color: #fff;
    opacity: .5
}

.newsletter-section .yikes-mailchimp-container input[type=email]:-ms-input-placeholder, .newsletter-section .yikes-mailchimp-container input[type=number]:-ms-input-placeholder, .newsletter-section .yikes-mailchimp-container input[type=text]:-ms-input-placeholder, .newsletter-section .yikes-mailchimp-container input[type=url]:-ms-input-placeholder, .newsletter-section .yikes-mailchimp-container select:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.newsletter-section .yikes-mailchimp-container input[type=email].placeholder, .newsletter-section .yikes-mailchimp-container input[type=number].placeholder, .newsletter-section .yikes-mailchimp-container input[type=text].placeholder, .newsletter-section .yikes-mailchimp-container input[type=url].placeholder, .newsletter-section .yikes-mailchimp-container select.placeholder {
    color: #fff;
    opacity: .5
}

.newsletter-section .yikes-mailchimp-container label {
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    padding: 0 !important
}

.newsletter-section .yikes-mailchimp-container label.submit-button-inline-label {
    font-size: 0;
    line-height: 0;
    display: inline
}

.newsletter-section .yikes-mailchimp-container button.yikes-easy-mc-submit-button {
    min-width: auto;
    border: 0;
    background-color: transparent;
    width: auto;
    padding: 0 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    min-height: auto;
    color: #fff;
    height: 30px
}

.newsletter-section .yikes-mailchimp-container button.yikes-easy-mc-submit-button:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    content: "\f105";
    line-height: 28px
}

.newsletter-section .yikes-mailchimp-container button.yikes-easy-mc-submit-button span {
    display: block
}

.newsletter-section .yikes-mailchimp-container button.yikes-easy-mc-submit-button:hover {
    color: rgba(255, 255, 255, 0.6)
}

.contact-section {
    border-top: 1px solid #e6e6e6;
    padding: 30px 0
}

@media (min-width: 768px) {
    .contact-section {
        padding: 60px 0
    }
}

.contact-section h2 {
    letter-spacing: -2.5px
}

.contact-section h3 {
    color: #c8c8c8
}

.contact-section span {
    display: block
}

.contact-section label + br {
    display: none
}

.contact-section .text-holder {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .contact-section .text-holder {
        width: 39%;
        float: left
    }
}

.contact-section .container {
    max-width: 840px
}

.contact-form-holder {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .contact-form-holder {
        width: 48.5%;
        float: right;
        padding-top: 5px;
        padding-right: 12%
    }
}

.contact-form-holder .two-cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.contact-form-holder .two-cols .item {
    width: 100%
}

@media (min-width: 768px) {
    .contact-form-holder .two-cols .item {
        width: 49%
    }
}

@media (min-width: 768px) {
    .contact-page.main-page-content {
        padding-top: 44px;
        padding-bottom: 36px
    }
}

.contact-page h1 {
    color: #005168;
    margin-bottom: 0.45em
}

.contact-page h3 {
    color: #005168
}

.contact-page button, .contact-page input[type='button'], .contact-page input[type='reset'], .contact-page input[type='file'], .contact-page input[type='submit'] {
    background-color: #005168;
    border-color: #005168;
    border-radius: 2px
}

.contact-page button:hover, .contact-page input[type='button']:hover, .contact-page input[type='reset']:hover, .contact-page input[type='file']:hover, .contact-page input[type='submit']:hover {
    color: #005168;
    background-color: #fff
}

.contact-page .contact-form-holder {
    padding-top: 0
}

@media (min-width: 768px) {
    .contact-page .contact-form-holder {
        padding-right: 10%
    }
}

.map-holder {
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .map-holder {
        padding-top: 13px;
        float: left;
        width: 40%
    }
}

.map-holder img {
    margin-bottom: 0.5em;
    vertical-align: top;
    border-radius: 20px
}

.map-holder p {
    margin-bottom: 1.2em
}

.map-holder a {
    text-decoration: underline;
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 1.4
}

.accordion {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .accordion {
        margin-bottom: 88px
    }
}

.accordion > li:first-child .opener {
    padding-top: 0
}

.accordion .opener {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -.25px;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #d6d6d6
}

@media (min-width: 768px) {
    .accordion .opener {
        padding: 32px 10% 16px 0
    }
}

.accordion .opener:hover, .accordion .opener:focus {
    text-decoration: none
}

.accordion .active .opener {
    color: #000;
    border-color: #000
}

.accordion .slide {
    color: #4a4a4a;
    padding: 24px 10% 0 0
}

.accordion .slide p {
    margin-bottom: 1.1em
}

@-webkit-keyframes rotateWord {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0px)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px)
    }
}

@-ms-keyframes rotateWord {
    0% {
        opacity: 0;
        -ms-transform: translateY(-30px)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(0px)
    }
    80% {
        opacity: 1;
        -ms-transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(30px)
    }
}

@keyframes rotateWord {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@-webkit-keyframes fade-in-bottom {
    from {
        opacity: 0;
        transform: translateY(-40px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-bottom {
    from {
        opacity: 0;
        transform: translateY(-40px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in-top {
    from {
        opacity: 0;
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-top {
    from {
        opacity: 0;
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-from-left {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes fade-from-left {
    from {
        opacity: 0;
        transform: translateX(-50px)
    }
    to {
        opacity: 1;
        transform: translateX(0px)
    }
}

@-webkit-keyframes fade-from-right {
    from {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes fade-from-right {
    from {
        opacity: 0;
        transform: translateX(100px)
    }
    to {
        opacity: 1;
        transform: translateX(0px)
    }
}

.main-banner .bg-video-holder.playing {
    cursor: url("/wp-content/themes/colorzen/images/cursor.png"), crosshair
}

.main-banner .bg-video-holder.playing .bg-video:hover {
    cursor: initial !important
}

.main-banner .video-active.playing {
    background-color: black
}

.main-banner .video-playing {
    padding: 0;
    max-width: 100% !important
}

.main-banner .video-playing .playing .bg-video {
    background: black;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0;
    right: 0;
    width: 80% !important;
    max-width: 1024px;
    max-height: 576px
}

@media (max-width: 767px) {
    .main-banner .video-playing .playing .bg-video {
        height: 199px !important
    }
}

.bg-video-holder {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    background-size: cover
}

.bg-video-holder .bg-video {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s ease
}

.video-active .bg-video {
    opacity: 1
}

.popup {
    position: absolute;
    width: 100%;
    left: -9999px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none
}

.popup video {
    width: 100%;
    height: auto
}

.popup .close {
    color: #000;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    font-size: 25px
}

.popup .close:hover {
    opacity: 0.8
}

.popup-holder.popup-active .popup {
    display: block;
    left: 0;
    background: #000
}

.main-banner .bg-video-holder.playing .bg-video {
    position: absolute;
    opacity: 1;
    transition: none;
    right: 0;
    bottom: 0;
    margin: auto
}

.slideshow {
    position: relative
}

.slideshow .slide {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    overflow: hidden
}

.slideshow .slide .title {
    position: relative;
    opacity: 0;
    transform: translateY(-30px);
    display: inline-block
}

.slideshow .slide.active {
    z-index: 2
}

.slideshow .slide.active .title {
    animation-name: rotateWord;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.375, 0.21, 0, 1)
}

.slideshow .slide:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    right: 0
}

@media (max-width: 768px) {
    .slideshow .slide {
        height: 37px;
        display: inline-block;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .slideshow .slide:after {
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        height: 1px
    }
}

.slideshow.not-enough-slides .btn-prev, .slideshow.not-enough-slides .btn-next {
    visibility: hidden
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slider .post-slide-title {
    display: block;
    margin-bottom: 5px
}

.slick-slider .post-slide-description {
    display: block;
    letter-spacing: -2.5px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .slick-slider .post-slide-description {
        margin-bottom: 52px
    }
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    display: table;
    width: 100%;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .slick-dots {
        width: 73%;
        margin-bottom: 0
    }
}

.slick-dots li {
    display: table-cell;
    table-layout: fixed;
    vertical-align: top;
    line-height: 1;
    position: relative
}

.slick-dots li:after {
    content: '';
    position: absolute;
    top: 11px;
    bottom: auto;
    left: 0;
    right: 0;
    display: block;
    height: 1px;
    background-color: #d6d6d6
}

.slick-dots li:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 1px;
    height: 6px;
    transform: translate3d(-50%, -50%, 0);
    background-color: #d6d6d6
}

.slick-dots button {
    height: 22px;
    line-height: 22px;
    width: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    min-width: auto;
    position: relative;
    z-index: 2;
    margin: 0
}

.slick-dots button:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    transform: translateX(-50%);
    visibility: hidden;
    background-color: #fff
}

.slick-dots button:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    border: 6px solid;
    border-radius: 100%;
    transform: translateX(-50%);
    visibility: hidden;
    z-index: 1
}

.slick-dots .slick-active button:after, .slick-dots .slick-active button:before {
    visibility: visible
}

.slider-subtitle {
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: -.25px;
    padding-left: 25px;
    position: relative
}

@media (max-width: 767px) {
    .slider-subtitle {
        float: right
    }
}

.slider-subtitle:before {
    width: 18px;
    height: 15px;
    content: '';
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 0;
    right: auto;
    display: block;
    background: url("./images/combined-shape.png") no-repeat;
    background-size: contain;
    background-position: center
}

.slider-holder {
    margin-bottom: 25px;
    position: relative
}

@media (min-width: 768px) {
    .slider-holder .slider-subtitle {
        position: absolute;
        white-space: nowrap;
        bottom: 0;
        left: 67%
    }
}

.slick-section.main-page-content {
    padding-top: 0
}

@media (min-width: 768px) {
    .slick-section.main-page-content {
        padding-top: 33px
    }
}

@media (min-width: 768px) {
    .slick-section .slick-slider {
        width: 88%
    }
}

.breadcrumbs {
    padding: 20px 0 13px
}

@media (min-width: 768px) {
    .breadcrumbs {
        max-width: 50%
    }
}

.breadcrumbs li {
    font-size: 12px;
    position: relative;
    margin-bottom: 6px
}

.breadcrumbs li:after {
    content: '/';
    padding: 0 5px 0 9px
}

.breadcrumbs li:last-child {
    color: #000
}

.breadcrumbs li:last-child:after {
    display: none
}

#wrapper {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

.container {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    max-width: 800px
}

.big-container {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    max-width: 1440px
}

.team h2 {
    margin-bottom: 0px
}

.team .text-section {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .team .text-section {
        max-width: 60%;
        margin-bottom: 56px;
        line-height: 1.9
    }
}

.main-page-content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 768px) {
    .main-page-content {
        padding-top: 62px;
        padding-bottom: 34px
    }
}

.team-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 0.3s cubic-bezier(0.005, 0.77, 0.5, 0.99)
}

@media (max-width: 767px) {
    .team-list {
        opacity: 1 !important
    }
}

@media (min-width: 768px) {
    .team-list {
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    .team-list > * {
        opacity: 1 !important
    }
}

.team-item {
    width: 100%;
    position: relative;
    margin: 0 auto 20px;
    overflow: hidden;
    max-width: 380px
}

@media (min-width: 768px) {
    .team-item {
        margin: 0 0 20px;
        width: 49%;
        height: 380px
    }
}

.team-item img {
    vertical-align: top;
    width: 100%
}

.team-item h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.team-item a {
    display: block;
    color: #fff;
    position: relative
}

.team-item a:hover img, .team-item a.hover img {
    -webkit-filter: blur(7px) brightness(0.2) drop-shadow(1px 1px 20px #000);
    filter: blur(7px) brightness(0.2) drop-shadow(1px 1px 20px #000)
}

.team-item a:hover .text-holder, .team-item a.hover .text-holder {
    opacity: 1
}

.team-item a:hover .text-holder .read-more, .team-item a.hover .text-holder .read-more {
    margin-top: 15px;
    font-size: 14px
}

.team-item a:hover .text-holder .read-more:hover, .team-item a.hover .text-holder .read-more:hover {
    text-decoration: underline
}

.team-item a:hover .title-holder:after, .team-item a.hover .title-holder:after {
    transform: none
}

.team-item p {
    max-width: 85%;
    margin: 0
}

.team-item .position {
    display: block
}

.team-item .text-holder {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

@media (min-width: 768px) {
    .team-item .text-holder {
        font-size: 16px;
        line-height: 1.625;
        letter-spacing: -.25px
    }
}

.team-item .title-holder {
    position: absolute;
    bottom: 15px;
    right: 20px;
    left: 20px;
    padding-left: 35px
}

@media (min-width: 768px) {
    .team-item .title-holder {
        padding-left: 40px
    }
}

.team-item .title-holder:before, .team-item .title-holder:after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: auto;
    width: 18px;
    height: 2px;
    display: block;
    transform: translateY(-50%);
    background-color: #fff;
    transition: all 0.3s ease-in-out
}

@media (min-width: 768px) {
    .team-item .title-holder:before, .team-item .title-holder:after {
        width: 23px;
        height: 2px
    }
}

.team-item .title-holder:after {
    transform: translateY(-50%) rotate(90deg)
}

.prev-block {
    border-top: 1px solid #e6e6e6;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 14px;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.prev-block a {
    color: inherit
}

.prev-block.container:after, .prev-block.container:before {
    display: none
}

@media (min-width: 768px) {
    .prev-block.big-prev-block {
        padding-bottom: 80px
    }
}

@media (min-width: 768px) {
    .prev-block.big-prev-block .box {
        width: 100%;
        max-width: 100%;
        opacity: 0
    }
}

.prev-block .arrow-right {
    width: 24px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
    transition: transform 0.3s ease-in-out
}

.prev-block .arrow-right:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform: translateY(-50%)
}

.prev-block .arrow-right:after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg)
}

.prev-block .category-number {
    width: 32px;
    height: 32px;
    border: 1px solid;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translateY(-50%)
}

.prev-block .box {
    color: #fff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 380px;
    margin: 0 auto 20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (min-width: 768px) {
    .prev-block .box {
        width: 49%;
        margin: 0 0 20px
    }
}

.prev-block .box a {
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.prev-block .box a:hover {
    text-decoration: none
}

.prev-block .box a:hover img {
    opacity: 0.8
}

.prev-block .box a:hover .arrow-right {
    transform: translateX(10px)
}

.prev-block .box img {
    transition: opacity 0.3s ease-in-out;
    vertical-align: top;
    width: 100%;
    border-radius: 20px
}

.prev-block .box .title {
    color: #fff;
    margin-bottom: 0;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    text-align: center
}

@media (min-width: 1024px) {
    .team-single.main-page-content {
        padding-bottom: 84px
    }
}

.team-single .img-holder {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .team-single .img-holder {
        letter-spacing: -.25px;
        width: 47.2%;
        float: left;
        padding-right: 6.8%
    }
}

.team-single .img-holder img {
    width: 100%;
    margin-bottom: 15px;
    vertical-align: top
}

.team-single .title-holder {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .team-single .title-holder {
        margin-bottom: 49px
    }
}

.team-single .text-holder {
    margin-bottom: 40px;
    padding-top: 2px
}

@media (min-width: 768px) {
    .team-single .text-holder {
        width: 52%;
        float: left
    }
}

@media (min-width: 1024px) {
    .team-single .text-holder {
        padding-right: 25px
    }
}

.contact-list {
    font-size: 16px;
    line-height: 1.625
}

.contact-list > li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.contact-list .social-list li {
    margin-right: 11px;
    margin-bottom: 0
}

.banner {
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 767px) {
    .banner {
        height: 330px
    }
}

.banner h1 {
    color: #fff;
    letter-spacing: -1.71px;
    margin: 0
}

.banner img {
    width: 100%;
    vertical-align: top
}

@media (max-width: 767px) {
    .banner img {
        display: none
    }
}

.banner a {
    color: #fff
}

.banner a:hover {
    text-decoration: underline
}

.banner.postbanner img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.banner .breadcrumbs {
    max-width: 100%;
    color: #fff
}

.banner .breadcrumbs a {
    opacity: 0.5
}

.banner .breadcrumbs a:hover {
    opacity: 1
}

.banner .breadcrumbs li:after {
    opacity: 0.5
}

.banner .breadcrumbs li:last-child {
    color: inherit
}

.banner .by {
    padding-top: 7px;
    letter-spacing: 0
}

.banner .by a {
    font-weight: 700
}

.banner .time {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 7px;
    margin-top: 14px
}

.banner .text-holder {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 90%
}

.our-company .content {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .our-company .content {
        width: 60%;
        float: left
    }
}

@media (min-width: 768px) {
    .sidebar-box {
        letter-spacing: -.25px;
        width: 35%;
        float: right;
        margin-right: -5px
    }
}

.files-list {
    font-size: 16px;
    line-height: 1.625
}

.files-list li {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .files-list li {
        margin-bottom: 22px
    }
}

.files-list a {
    position: relative
}

.files-list a:after {
    content: '>';
    margin-left: 5px
}

@media (min-width: 768px) {
    .faq-page {
        line-height: 1.7
    }
}

.faq-page .container {
    max-width: 940px
}

@media (min-width: 1024px) {
    .faq-page .container {
        padding-left: 80px
    }
}

@media (min-width: 768px) {
    .faq-page .accordion {
        width: 65%;
        float: left
    }
}

@media (min-width: 768px) {
    .faq-page .info-block {
        float: right;
        width: 24.5%
    }
}

.faq-page .info-block a {
    color: #000;
    text-decoration: underline
}

.faq-page .info-block a:hover {
    color: inherit
}

.info-post-holder {
    font-size: 12px;
    line-height: 1.83;
    letter-spacing: 0;
    position: relative;
    padding-top: 6px;
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .info-post-holder {
        margin-bottom: 60px
    }
}

.info-post-holder:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: auto;
    left: 10px;
    right: 10px;
    height: 1px;
    display: block;
    background-color: rgba(0, 0, 0, 0.05)
}

.info-post-holder a {
    font-weight: 700
}

.info-post-holder .by {
    margin-bottom: 10px;
    margin-right: 15px
}

.info-post-holder .posted {
    margin-bottom: 10px;
    margin-right: 58px
}

@media (min-width: 768px) {
    .single-post .related-posts {
        padding: 30px 0
    }
}

@media (min-width: 768px) {
    .single-post .related-posts .posts-list .post {
        margin-bottom: 8px
    }
}

.related-posts {
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    padding: 20px 0;
    background-color: #fafafa
}

@media (min-width: 768px) {
    .related-posts {
        padding: 40px 0
    }
}

.related-posts h2, .related-posts .h2 {
    font-size: 18px;
    line-height: 1.22;
    text-align: center;
    margin-bottom: 1.5em;
    letter-spacing: -.5px
}

.related-posts .container > h2 {
    margin-bottom: 35px
}

.load-more-holder .posts-list {
    padding-top: 32px
}

@media (min-width: 768px) {
    .load-more-holder .posts-list {
        margin: 0 -15px 26px
    }
}

.posts-list {
    padding-top: 43px;
    position: relative;
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .posts-list {
        border: 0;
        line-height: 26px;
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
}

/*@media (min-width: 768px) {
    .posts-list:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: auto;
        left: 15px;
        right: 15px;
        height: 1px;
        display: block;
        background-color: rgba(0, 0, 0, 0.1)
    }
}
*/
@media (min-width: 768px) {
    .posts-list.in-viewport > *:nth-child(1) {
        animation-delay: 0.4s
    }

    .posts-list.in-viewport > *:nth-child(2) {
        animation-delay: 0.6s
    }

    .posts-list.in-viewport > *:nth-child(3) {
        animation-delay: 0.8s
    }

    .posts-list.in-viewport > *:nth-child(4) {
        animation-delay: 1s
    }

    .posts-list.in-viewport > *:nth-child(5) {
        animation-delay: 1.2s
    }

    .posts-list.in-viewport > *:nth-child(6) {
        animation-delay: 1.4s
    }

    .posts-list.in-viewport > *:nth-child(7) {
        animation-delay: 1.6s
    }

    .posts-list.in-viewport > *:nth-child(8) {
        animation-delay: 1.8s
    }

    .posts-list.in-viewport > *:nth-child(9) {
        animation-delay: 2s
    }

    .posts-list.in-viewport > *:nth-child(10) {
        animation-delay: 2.2s
    }

    .posts-list.in-viewport > * {
        animation: fade-in-top 0.5s cubic-bezier(0.005, 0.77, 0.5, 0.99);
        animation-fill-mode: both
    }
}

.posts-list .post, .posts-list article {
    margin-bottom: 15px
}

@media (min-width: 480px) {
    .posts-list .post, .posts-list article {
        padding: 0 15px;
        max-width: 270px;
        margin: 0 auto 15px
    }
}

@media (min-width: 768px) {
    .posts-list .post, .posts-list article {
        margin-bottom: 31px;
        opacity: 0;
        width: 33.33%
    }
}

.posts-list .post > a, .posts-list article > a {
    transition: opacity 0.3s ease-in-out
}

.posts-list .post > a:hover, .posts-list article > a:hover {
    opacity: 0.8
}

.posts-list .post img, .posts-list article img {
    width: 100%;
    margin-bottom: 15px;
    vertical-align: top
}

@media (min-width: 768px) {
    .posts-list .post img, .posts-list article img {
        margin-bottom: 24px
    }
}

.posts-list .post h3, .posts-list article h3 {
    line-height: inherit;
    color: #000;
    margin-bottom: 0
}

.posts-list .post h3 a, .posts-list article h3 a {
    color: inherit
}

.posts-list .post .time, .posts-list article .time {
    color: #4a4a4a
}

.news-filters {
    text-align: center;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .news-filters {
        margin-bottom: 33px
    }
}

.news-filters div {
    padding: 0 15px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .news-filters div {
        margin-bottom: 0
    }
}

.news-filters label {
    font-size: 18px;
    line-height: 26px;
    color: #4a4a4a
}

.news-filters select {
    font-size: 18px;
    line-height: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: 0;
    width: 120px;
    background-color: transparent
}

.news-page {
    padding-bottom: 35px;
    padding-top: 35px
}

.news-page h2 a {
    color: inherit
}

.news-page .featured {
    display: block;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .news-page .featured {
        margin-bottom: 17px
    }
}

@media (min-width: 768px) {
    .news-page .big-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

.news-page .img-holder {
    margin-bottom: 19px
}

@media (min-width: 768px) {
    .news-page .img-holder {
        width: 50%;
        float: left
    }
}

@media (min-width: 768px) {
    .news-page .text-holder {
        width: 50%;
        float: left;
        padding-left: 20px
    }
}

@media (min-width: 1024px) {
    .news-page .text-holder {
        padding-left: 7.5%
    }
}

.category-section.red h3 {
    color: #d0021b
}

.category-section.red .category-banner:before {
    background-color: #d0021b;
    background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.3) 100%)
}

.category-section.red .category-article .img-holder:hover .slide {
    background-color: rgba(208, 2, 27, 0.9)
}

.category-section.blue h3 {
    color: #005168
}

.category-section.blue .category-banner:before {
    background-color: #0a8fb1;
    background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.3) 100%)
}

.category-section.blue .category-article .img-holder:hover .slide {
    background-color: rgba(10, 143, 177, 0.9)
}

.category-section.olive h3 {
    color: #d9d5b9
}

.category-section.olive .category-banner:before {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%)
}

.category-section.olive .category-banner video {
    opacity: 1 !important
}

.category-section.olive .category-article .img-holder:hover .slide {
    background-color: rgba(217, 213, 185, 0.9)
}

@media (min-width: 768px) {
    .category-section > .main-page-content {
        padding-top: 58px;
        padding-bottom: 0;
        max-width: 1100px
    }
}

.category-section .category-list li {
    cursor: pointer
}

.category-banner {
    color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .category-banner {
        min-height: 500px;
        height: auto
    }
}

.category-banner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block
}

.category-banner h2 {
    color: inherit;
    margin-bottom: 0.6em;
    letter-spacing: -2.1px
}

.category-banner h2 sup {
    font-size: 14px;
    line-height: 3.57;
    letter-spacing: -0.67px;
    vertical-align: top
}

.category-banner video {
    opacity: 0.2 !important
}

.category-banner.in-viewport .category-list > *:nth-child(1) {
    animation-delay: 0.2s
}

.category-banner.in-viewport .category-list > *:nth-child(2) {
    animation-delay: 0.3s
}

.category-banner.in-viewport .category-list > *:nth-child(3) {
    animation-delay: 0.4s
}

.category-banner.in-viewport .category-list > *:nth-child(4) {
    animation-delay: 0.5s
}

.category-banner.in-viewport .category-list > *:nth-child(5) {
    animation-delay: 0.6s
}

.category-banner.in-viewport .category-list > *:nth-child(6) {
    animation-delay: 0.7s
}

.category-banner.in-viewport .category-list > *:nth-child(7) {
    animation-delay: 0.8s
}

.category-banner.in-viewport .category-list > *:nth-child(8) {
    animation-delay: 0.9s
}

.category-banner.in-viewport .category-list > * {
    animation-timing-function: ease-out
}

.category-banner.in-viewport .text-holder {
    animation: fade-in 0.5s cubic-bezier(0.005, 0.77, 0.5, 0.99);
    animation-fill-mode: both
}

.category-banner .bg-video-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

@media (min-width: 768px) {
    .category-banner .bg-video-holder {
        transform: translateY(-50%);
        top: 50%;
        bottom: auto
    }
}

.category-banner .big-container {
    position: relative;
    z-index: 2
}

.category-banner .big-container:before, .category-banner .big-container:after {
    display: none
}

.category-banner .text-holder {
    text-align: center;
    padding: 40px 0;
    max-width: 800px;
    margin: 0 auto
}

.category-banner .category-subtitle {
    line-height: 1.43;
    font-size: 16px;
    letter-spacing: 0
}

.category-banner .btn {
    margin: 20px 0 30px
}

@media (min-width: 768px) {
    .category-banner .btn {
        margin: 10px 0 0 40px
    }
}

.category-banner .category-list {
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .category-banner .category-list {
        letter-spacing: 0px
    }
}

.category-banner .category-list li {
    counter-increment: step-counter;
    margin-bottom: 20px;
    width: 33%;
    display: inline-block
}

@media (max-width: 767px) {
    .category-banner .category-list li {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .category-banner .category-list li {
        opacity: 0;
        transform: translateX(-50px)
    }
}

.category-banner .category-list li:before {
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    content: counter(step-counter);
    color: white;
    border: 2px solid transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media (min-width: 768px) {
    .category-banner .category-list li:before {
        width: 32px;
        height: 32px;
        margin-right: 5px;
        line-height: 26px
    }
}

.category-banner .category-list li:hover a {
    text-decoration: none
}

@media (min-width: 768px) {
    .category-banner .category-list li:hover a {
        opacity: 1
    }
}

.category-banner .category-list li a {
    display: none
}

@media (min-width: 768px) {
    .category-banner .category-list li a {
        display: block;
        margin: 15px
    }
}

.category-banner .category-list a {
    display: block;
    color: inherit;
    line-height: 18px;
    font-weight: 700;
    transition: opacity 0.3s ease-in-out
}

@media (min-width: 768px) {
    .category-banner .category-list a {
        opacity: 0;
        display: inline
    }
}

.category-banner .category-list .active:before {
    border-color: #fff
}

.category-banner .category-list .active a {
    opacity: 1
}

.category-banner .metric {
    text-align: center
}

.category-banner .social-list {
    display: block;
    vertical-align: top;
    margin-left: 7px
}

.category-banner .social-list a {
    width: 30px;
    height: 30px;
    color: #fff;
    border: 2px solid #ffffff;
    line-height: 26px;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: opacity 0.3s ease-in-out
}

@media (min-width: 768px) {
    .category-banner .social-list a {
        width: 62px;
        height: 62px;
        line-height: 60px
    }
}

.category-banner .social-list a:hover {
    opacity: 0.7
}

.category-banner .social-list li {
    margin-right: 0;
    margin-left: 9px
}

.category-banner .social-holder {
    line-height: 30px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .category-banner .social-holder {
        margin-bottom: 40px;
        line-height: 60px
    }
}

.main-banner {
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    background-color: rgba(99, 203, 218, 0.85);
    background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.21) 100%)
}

@media (min-width: 769px) {
    .main-banner {
        text-align: left
    }
}

.main-banner #video-sizer {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.main-banner h1 {
    color: #fff
}

.main-banner .h2 {
    margin-bottom: 10px;
    margin-right: 0;
    width: auto;
    float: none;
    display: block;
    letter-spacing: -1.71px
}

@media (min-width: 769px) {
    .main-banner .h2 {
        display: inline-block;
        margin-right: 15px
    }
}

.main-banner .slideshow {
    display: block;
    float: none
}

@media (min-width: 769px) {
    .main-banner .slideshow {
        overflow: visible;
        display: inline-block
    }
}

@media (min-width: 769px) {
    .main-banner .slideshow .slideset {
        overflow: visible
    }
}

.main-banner .slideshow .slide {
    left: 0;
    right: 0
}

.main-banner .slideshow .slide:after {
    content: '';
    position: absolute;
    background: white;
    display: inline-block !important;
    height: 1px;
    left: 1px !important;
    right: 0px !important;
    margin: 0 auto;
    width: 96%
}

@media (min-width: 769px) {
    .main-banner .slideshow .slide {
        border-bottom: 1px solid white;
        float: none;
        top: 10px;
        right: unset;
        display: inline-block;
        overflow: hidden;
        padding-right: 2px;
        padding-left: 2px
    }

    .main-banner .slideshow .slide:after {
        display: none;
        content: none
    }
}

.main-banner .title {
    color: white;
    font-weight: 600;
    opacity: 1;
    white-space: nowrap
}

.main-banner > .bg-video-holder video {
    opacity: 0.3 !important
}

.main-banner .bg-video-holder {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-banner .title-holder {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    position: absolute;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

@media (min-width: 769px) {
    .main-banner .title-holder {
        position: relative;
        margin-bottom: 0;
        text-align: left;
        width: 80%;
        left: 0;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 18px 5% 28px 0;
        border-right: 1px solid #ffffff
    }
}

@media (width: 768px) {
    .main-banner .title-holder {
        position: relative;
        left: 0;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.main-banner .btn-holder {
    margin-top: 100px
}

@media (min-width: 769px) {
    .main-banner .btn-holder {
        width: 20%;
        padding-left: 3.5%;
        margin-top: 0px
    }
}

@media (width: 768px) {
    .main-banner .btn-holder {
        margin-top: 0
    }
}

.main-banner .text-holder {
    padding-top: 30px;
    padding-bottom: 30px;
    visibility: hidden
}

.main-banner .text-holder.active {
    visibility: visible
}

@media (min-width: 769px) {
    .main-banner .text-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 576px;
        max-width: 960px
    }
}

@media (width: 768px) {
    .main-banner .text-holder {
        height: 370px;
        margin-top: 12%
    }
}

.main-banner .btn-video {
    width: 33px;
    height: 33px;
    font-size: 14px;
    line-height: 29px;
    color: #fff;
    text-align: center;
    border: 2px solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
    transition: opacity 0.3s ease-in-out
}

@media (min-width: 768px) {
    .main-banner .btn-video {
        width: 63px;
        height: 63px;
        font-size: 22px;
        line-height: 59px
    }
}

.main-banner .btn-video:hover {
    opacity: 0.8
}

.info-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 60px 40px
}

@media (min-width: 768px) {
    .info-section.main-page-content {
        padding-top: 300px;
        padding-bottom: 300px;
        max-width: 1000px
    }
}

.info-section .box {
    width: 100%
}

@media (min-width: 768px) {
    .info-section .box {
        width: 100%
    }
}

.info-section p {
    margin-bottom: 1em
}

.info-section h2 {
    color: #63cbda
}

@media (min-width: 768px) {
    .info-section h2 {
        font-size: 56px;
        line-height: 1.3;
        letter-spacing: -4.5px
    }
}

@media (max-width: 767px) {
    .info-section h3 {
        font-size: 14px;
        letter-spacing: -.5px;
        line-height: 1.6
    }
}

@media (min-width: 768px) {
    .info-section h3 {
        max-width: 660px;
        margin: 0 auto
    }
}

.info-section .circular-bar-holder {
    padding: 0;
    margin-bottom: 60px;
    flex-direction: column
}

.info-section .circular-bar-holder .text {
    width: 100%;
    text-align: center
}

.circular-bar-holder {
    font-style: italic;
    color: #4a4a4a;
    margin: 40px 0
}

@media (min-width: 768px) {
    .circular-bar-holder {
        display: flex;
        align-items: center;
        margin-bottom: 44px;
        padding-left: 9.2%;
        text-align: left
    }
}

.circular-bar-holder .text {
    letter-spacing: .5px;
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .circular-bar-holder .text {
        width: 135px;
        margin-left: auto
    }
}

.category-article {
    margin: 20px 0 80px
}

@media (min-width: 768px) {
    .category-article {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
        margin-bottom: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.category-article.in-viewport {
    animation-timing-function: cubic-bezier(0.005, 0.77, 0.5, 0.99);
    animation-duration: 1.2s
}

.category-article.in-viewport:nth-child(even) {
    animation-timing-function: cubic-bezier(0.005, 0.77, 0.5, 0.99);
    animation-duration: 1.2s
}

/*@media (max-width: 767px) {*/
    /*.category-article.in-viewport {*/
        /*animation: none !important;*/
        /*opacity: 1 !important*/
    /*}*/
/*}*/

.category-article .opener {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.category-article h4 {
    color: inherit;
    position: relative;
    letter-spacing: 0;
    font-weight: 500;
    margin-bottom: 0;
    padding: 0 0 0 30px
}

.category-article h4:before, .category-article h4:after {
    width: 20px;
    height: 2px;
    content: '';
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: auto;
    background-color: #fff;
    margin-top: -1px
}

.category-article h4:after {
    transition: transform 0.3s ease-in-out;
    transform: rotate(90deg)
}

@media (min-width: 768px) {
    .category-article:nth-child(odd) {
        flex-direction: row-reverse
    }
}

@media (min-width: 768px) {
    .category-article:nth-child(odd) .text-holder {
        padding: 25px 6.4% 0
    }
}

.category-article .text-holder {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .category-article .text-holder {
        max-width: 45%;
        padding: 25px 4.5% 0 2.5%
    }
}

.category-article .img-holder {
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    -webkit-border-radius: 23px !important;
    border-radius: 23px !important;
    overflow: hidden
}

.category-article .img-holder:active, .category-article .img-holder:focus {
    -webkit-border-radius: 23px !important;
    border-radius: 23px !important;
    overflow: hidden
}

@media (min-width: 768px) {
    .category-article .img-holder {
        font-size: 16px;
        line-height: 1.625;
        width: 53%;
        max-width: 481px;
        transform: scale(0.97);
        transition: all 0.3s cubic-bezier(0.005, 0.77, 0.5, 0.99)
    }

    .category-article .img-holder:hover {
        transform: scale(1)
    }

    .category-article .img-holder:hover h4 {
        margin-bottom: 1.6em
    }

    .category-article .img-holder:hover h4:after {
        transform: none
    }

    .category-article .img-holder:hover .opener {
        display: none
    }

    .category-article .img-holder:hover .slide {
        transition: background-color 0.3s ease-in-out
    }

    .category-article .img-holder:hover .slide p {
        display: block;
        max-width: 100%
    }

    .category-article .img-holder:hover .slide .btn {
        display: block
    }
}

.category-article .img-holder img {
    width: 100%;
    vertical-align: top;
    -webkit-filter: brightness(0.85);
    filter: brightness(0.85)
}

@media (max-width: 767px) {
    .category-article .img-holder img {
        width: 100%
    }
}

.category-article .slide {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: background-color 0.3s ease-in-out
}

@media (min-width: 768px) {
    .category-article .slide {
        padding: 20px 15%
    }
}

.category-article .slide p {
    display: none;
    margin-bottom: 2.2em
}

@media (max-width: 767px) {
    .category-article .slide p {
        font-size: 14px;
        font-weight: 500
    }
}

.category-article .slide .btn {
    display: none
}

.category-article .hover h4 {
    margin-bottom: 1.6em
}

@media (max-width: 767px) {
    .category-article .hover h4 {
        margin-bottom: 5px
    }
}

.category-article .hover h4:after {
    transform: none
}

.category-article .hover .opener {
    display: none
}

.category-article .hover .slide p {
    display: block
}

.category-article .hover .slide .btn {
    display: block
}

.btn {
    font-size: 12px;
    line-height: 22px;
    background-color: #fff;
    color: #44cbad;
    border: 1px solid #d6d6d6;
    text-align: center;
    font-weight: 500;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 128px;
    padding: 8px 10px;
    letter-spacing: .25px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out
}

.btn:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fff
}

.btn.btn-white {
    color: #fff;
    background-color: transparent;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.btn.btn-white:hover {
    background-color: #fff;
    color: #44cbad
}

.social-post-section {
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .social-post-section {
        padding: 55px 45px 29px 60px;
        margin-bottom: 59px;
        opacity: 0
    }
}

.social-post-section h2 {
    color: inherit;
    margin-bottom: 0.7em
}

.social-post-section h3 {
    color: inherit;
    margin-bottom: 0.6em
}

@media (min-width: 768px) {
    .social-post-section p {
        padding-right: 5px
    }
}

@media (min-width: 768px) {
    .social-post-section .share-content {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .social-post-section .box {
        width: 46.5%
    }
}

@media (max-width: 767px) {
    .social-post-section .social-list {
        margin-bottom: 20px
    }
}

.social-post-section .social-list li {
    margin-right: 7px
}

.social-post-section .social-list a {
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    border: 2px solid;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media (min-width: 768px) {
    .social-post-section .social-list a {
        width: 63px;
        height: 63px;
        line-height: 59px
    }
}

.social-post-section .social-list a:hover {
    opacity: 0.8
}

.blue .slick-dots .slick-active button:after {
    background-color: rgba(10, 143, 177, 0.7);
    border-color: #0a8fb1
}

.blue .post-slide-title {
    color: #0a8fb1
}

.blue .post-slide-description {
    color: #0a8fb1
}

.blue .main-column h1, .blue .main-column h2, .blue .main-column h3 {
    color: #0a8fb1
}

.blue .banner {
    background-color: #0a8fb1;
    background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%)
}

.blue .social-post-section {
    background-color: rgba(10, 143, 177, 0.9)
}

.blue .progress-percentage {
    color: #0a8fb1
}

.red .slick-dots .slick-active button:after {
    background-color: rgba(208, 2, 27, 0.7);
    border-color: #d0021b
}

.red .post-slide-title {
    color: #d0021b
}

.red .post-slide-description {
    color: #d0021b
}

.red .main-column h1, .red .main-column h2, .red .main-column h3 {
    color: #d0021b
}

.red .banner {
    background-color: #d0021b
}

.red .social-post-section {
    background-color: rgba(208, 2, 27, 0.9)
}

.red .progress-percentage {
    color: #d0021b
}

.olive .slick-dots .slick-active button:after {
    background-color: rgba(217, 213, 185, 0.7);
    border-color: #d9d5b9
}

.olive .post-slide-title {
    color: #d9d5b9
}

.olive .post-slide-description {
    color: #d9d5b9
}

.olive .main-column h1, .olive .main-column h2, .olive .main-column h3 {
    color: #d9d5b9
}

.olive .banner {
    background-color: #d9d5b9;
    background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%)
}

.olive .social-post-section {
    background-color: rgba(217, 213, 185, 0.9)
}

.olive .progress-percentage {
    color: #d9d5b9
}

.post-banner.banner {
    text-align: left;
    height: 180px
}

@media (min-width: 768px) {
    .post-banner.banner {
        min-height: 305px;
        max-height: 320px
    }
}

.post-banner.banner .text-holder {
    max-width: 100%;
    padding: 28px 0;
    top: 0;
    transform: none
}

@media (min-width: 768px) {
    .post-banner .container {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }
}

.post-banner .container:before, .post-banner .container:after {
    display: none
}

@media (min-width: 768px) {
    .post-banner .metric {
        margin-bottom: -15px
    }
}

@media (max-width: 767px) {
    .mobile-hide {
        display: none !important
    }
}

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

.posts-column-holder {
    padding-top: 30px;
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .posts-column-holder {
        padding-top: 62px
    }
}

@media (min-width: 768px) {
    .posts-column-holder .main-column {
        width: 70%;
        float: left
    }
}

@media (min-width: 768px) {
    .posts-column-holder .side-column {
        width: 200px;
        float: right
    }
}

.posts-column-holder .side-column .h3 {
    padding-bottom: 3px;
    font-size: 14px;
    margin-bottom: 18px
}

.posts-column-holder .side-column .posts-info li {
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .posts-column-holder .side-column .posts-info li {
        margin-bottom: 14px
    }
}

.posts-column-holder .main-img {
    position: relative;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .posts-column-holder .main-img {
        margin-top: -182px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .posts-column-holder .main-img img {
        opacity: 0
    }
}

@media (min-width: 768px) {
    .posts-column-holder .main-img.in-viewport img {
        animation: fade-in-top 0.5s cubic-bezier(0.005, 0.77, 0.5, 0.99);
        animation-fill-mode: both
    }
}

.circular-progress-bar {
    width: 176px;
    height: 176px;
    position: relative;
    margin: 0 auto;
    transform: scale(-1, 1);
    color: red
}

@media (min-width: 768px) {
    .circular-progress-bar {
        margin: 0 auto
    }
}

.circular-progress-bar:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 140px;
    height: 140px;
    display: block;
    border-radius: 100%;
    border: 2px solid #d6d6d6;
    margin: auto;
    z-index: -1
}

.progress-percentage, .progress-text {
    font-size: 42px;
    line-height: 1;
    color: #4a4a4a;
    position: absolute;
    font-style: italic;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(-1, 1);
    text-align: center;
    padding: 0px 30px
}

.progress-percentage {
    font-size: 42px;
    line-height: 1;
    letter-spacing: -3px;
    transform: translate(-50%, -50%) scale(-1, 1)
}

.metric {
    color: #fff;
    font-size: 12px;
    opacity: 0.5;
    margin-bottom: 20px;
    clear: right
}

@media (min-width: 768px) {
    .metric {
        text-align: right;
        margin-bottom: 60px
    }
}

.metric .metric-description {
    letter-spacing: 0;
    font-weight: 700;
    font-size: 14px
}

@media (min-width: 768px) {
    .metric .metric-description {
        line-height: 36px;
        vertical-align: bottom
    }
}

.metric .animated-counter, .metric .odometer {
    font-size: 20px;
    display: block
}

@media (min-width: 768px) {
    .metric .animated-counter, .metric .odometer {
        font-size: 36px;
        line-height: 1;
        letter-spacing: -1.71px;
        display: inline-block;
        margin-left: 10px
    }
}

.post-side-block {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .post-side-block {
        margin-bottom: 73px
    }
}

.post-side-block .description p {
    font-size: 24px;
    line-height: 1.4;
    color: #000;
    letter-spacing: -1px;
    font-style: italic
}

.post-side-block .description p strong {
    font: inherit;
    font-weight: 700;
    letter-spacing: .5px;
    color: inherit
}

.post-side-block .circular-progress-bar {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .post-side-block .circular-progress-bar {
        margin-left: -17px
    }
}

.chart {
    margin-bottom: 28px
}

@media (min-width: 768px) {
    .charts-container.posts-column-holder {
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    .charts-container.posts-column-holder .main-column {
        width: 60%
    }
}

.charts-container h3 {
    margin-bottom: 0.9em
}

.charts-container h4 {
    margin-bottom: 0
}

.charts-container h6 {
    margin-bottom: 0
}

.charts-container strong.h4 {
    color: inherit;
    display: block
}

#savings-tool-calculator {
    margin: 30px auto
}

.metric-counter {
    opacity: 1;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.metric-counter .metric-description {
    font-family: "Gotham SSm A", "Gotham SSm B", "Inter UI", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #4a4a4a;
    font-weight: 400
}

.metric-counter .footnote {
    text-align: center;
    max-width: 600px;
    margin: 30px auto
}

.odometer-formatting-mark {
    color: #108fb3;
    padding: 0 2px 0 0;
    margin-top: 30px;
    font-size: 1.8em;
    line-height: 0.9;
    vertical-align: bottom
}

@media (min-width: 768px) {
    .odometer-formatting-mark {
        font-size: 1.8em;
        margin-top: 0px
    }
}