a:focus,
button:focus {
    outline: none !important;
}

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


    a, a:focus, a:active {
        color: #0095D9;
    }

        a:hover {
            color: #00608d;
        }

/* Fonts */
/* Font Awesome Icons 4.7.0
* --------------------------------------------------
*/
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*='fa-']:before {
    font-weight: 400;
    font-family: 'FontAwesome';
}

@media (min-width: 768px) {
    .swiper-slider-light .swiper-slide {
        background-position: center top;
    }

        .swiper-slider-light .swiper-slide::before {
            display: none;
        }

    .swiper-slider-light .swiper-slide-caption {
        padding: 80px 0 165px;
    }

    .swiper-slider-light .swiper-pagination-outer {
        bottom: 50px;
    }

    * + .button,
    * + .button-outer {
        margin-top: 34px;
    }
}

@media (min-width: 1200px) {
    * + .button,
    * + .button-outer {
        margin-top: 40px;
    }
}



/* Buttons */
.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 13px 35px;
    font-size: 14px;
    line-height: 1.25;
    border: 2px solid;
    border-radius: 0;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}

.button-block {
    display: block;
    width: 100%;
}

.button-default, .button-default:focus {
    color: #aeb1be;
    background-color: #2d3742;
    border-color: #2d3742;
}

    .button-default:hover, .button-default:active {
        color: #fff;
        background-color: #0095D9;
        border-color: #0095D9;
    }

.button.button-primary, .button.button-primary:focus {
    color: #fff;
    background-color: #0095D9;
    border-color: #0095D9;
}

    .button.button-primary:hover, .button.button-primary:active {
        color: #fff;
        background-color: #00537b;
        border-color: #00537b;
    }

html .button.button-primary-lighten, html .button.button-primary-lighten:focus {
    color: #fff;
    background-color: #0095D9;
    border-color: #0095D9;
}

    html .button.button-primary-lighten:hover, html .button.button-primary-lighten:active {
        color: #fff;
        background-color: #00a7f3;
        border-color: #00a7f3;
    }

.button-primary-outline, .button-primary-outline:focus {
    color: #2d3742;
    background-color: transparent;
    border-color: #0095D9;
}

    .button-primary-outline:hover, .button-primary-outline:active {
        color: #fff;
        background-color: #0095D9;
        border-color: #0095D9;
    }

.button.button-facebook, .button.button-facebook:focus {
    color: #fff;
    background-color: #2059a0;
    border-color: #2059a0;
}

    .button.button-facebook:hover, .button.button-facebook:active {
        color: #fff;
        background-color: #2465b5;
        border-color: #2465b5;
    }

.button.button-twitter, .button.button-twitter:focus {
    color: #fff;
    background-color: #00aae6;
    border-color: #00aae6;
}

    .button.button-twitter:hover, .button.button-twitter:active {
        color: #fff;
        background-color: #01bdff;
        border-color: #01bdff;
    }

.button.button-google, .button.button-google:focus {
    color: #fff;
    background-color: #ff3807;
    border-color: #ff3807;
}

    .button.button-google:hover, .button.button-google:active {
        color: #fff;
        background-color: #ff4c21;
        border-color: #ff4c21;
    }

.button-winona {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

    .button-winona .content-original,
    .button-winona .content-dubbed {
        vertical-align: middle;
        transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button-winona .content-original {
        display: block;
    }

    .button-winona .content-dubbed {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    .button-winona:hover .content-original {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    .button-winona:hover .content-dubbed {
        opacity: 1;
        transform: translate3d(0, 0, 0) translateY(-50%);
    }

.button-sm {
    padding: 9px 32px;
    font-size: 12px;
    line-height: 1.5;
}

.button-lg {
    padding: 14px 35px;
    font-size: 15px;
    line-height: 1.5;
}

@media (min-width: 576px) {
    .button-lg {
        font-size: 16px;
        padding-left: 55px;
        padding-right: 55px;
    }
}

.button-lg--smaller {
    padding-left: 35px;
    padding-right: 35px;
}

html .button.button-icon {
    display: inline-flex;
}

.button-icon {
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

    .button-icon .icon {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        color: inherit;
        font-size: 1.55em;
        line-height: 1em;
        transition: none;
    }

    .button-icon:hover .icon, .button-icon:active .icon {
        color: inherit;
    }

.button-icon-left .icon {
    padding-right: 5px;
}

.button-icon-right {
    flex-direction: row-reverse;
}

    .button-icon-right .icon {
        padding-left: 8px;
    }

.button-icon.button-icon-only {
    padding-left: 20px;
    padding-right: 20px;
}

.button-icon.button-lg .icon {
    padding-right: 8px;
}

.button-icon.button-lg.button-icon-right .icon {
    padding: 0 0 0 8px;
}

.button-icon.button-sm .icon {
    padding-right: 3px;
    font-size: 1.33em;
}

.button-icon.button-sm.button-icon-right .icon {
    padding: 0 0 0 3px;
}

.btn-primary {
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: .33s;
    background-color: #273571 !important;
    border-radius: 5px;
    border-color: #273571 !important;
}

    .btn-primary, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background: #0095D9;
        border-color: #0095D9;
    }

        .btn-primary:hover {
            color: #fff;
            background: #000;
            border-color: #000;
        }

.button-group {
    display: flex;
}

    .button-group .button {
        margin: 0;
        flex-grow: 1;
    }

        .button-group .button:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .button-group .button:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

.button-primary-cta {
    background-color: #273571 !important;
    border-radius: 5px;
    border-color: white !important;
}

.button-video {
    position: relative;
    display: block;
    border-radius: 50%;
    transition: .33s;
    color: #2d3742;
}

    .button-video::before, .button-video:after {
        display: block;
        content: '\f4fc';
        font-family: 'Material Design Icons';
        font-size: 64px;
        line-height: 1;
        border-radius: 50%;
    }

    .button-video::before {
        z-index: -1;
        pointer-events: none;
    }

    .button-video::after {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        opacity: 0;
        transform: translate3d(0, -50%, 0);
        transition: opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button-video:hover {
        color: #0095D9;
    }

        .button-video:hover::before {
            opacity: 0;
            transition: transform 0.9s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
            transform: scale3d(1.5, 1.5, 1.5);
        }

        .button-video:hover::after {
            opacity: 1;
        }

.button-video-lg::before, .button-video-lg:after {
    font-size: 90px;
}


/* Sections */
.section-xs {
    padding: 30px 0;
}

.section-sm {
    padding: 35px 0;
}

    .section-sm.section-first {
        padding-top: 65px;
    }

    .section-sm.section-last {
        padding-bottom: 80px;
    }

.section-md,
.section-lg,
.section-xl {
    padding: 50px 0;
}

.section-1 {
    padding: 35px 0;
}

.section-collapse + .section-collapse {
    padding-top: 0;
}

.section-collapse:last-child {
    padding-bottom: 0;
}

html [class*='section-'].section-bottom-0 {
    padding-bottom: 0;
}

@media (min-width: 576px) {
    .section-xs {
        padding: 40px 0;
    }
}

@media (min-width: 768px) {
    .section-sm {
        padding: 45px 0;
    }

        .section-sm.section-first {
            padding-top: 90px;
        }

        .section-sm.section-last {
            padding-bottom: 90px;
        }

    .section-md {
        padding: 60px 0;
    }

    .section-lg {
        padding: 72px 0;
    }

        .section-lg.section-first {
            padding-top: 100px;
        }

        .section-lg.section-last {
            padding-bottom: 100px;
        }

    .section-xl {
        padding: 80px 0;
    }

    .section-1 {
        padding: 60px 0;
    }
}

@media (min-width: 992px) {
    .section-md {
        padding: 60px 0 70px;
    }

    .section-xl {
        padding: 100px 0;
    }

    .section-1 {
        padding: 80px 0;
    }
}

@media (min-width: 1200px) {
    .section-sm {
        padding: 60px 0;
    }

        .section-sm.section-first {
            padding-top: 80px;
        }

        .section-sm.section-last {
            padding-bottom: 80px;
        }
}

@media (min-width: 1600px) {
    .section-sm.section-first {
        padding-top: 120px;
    }

    .section-sm.section-last {
        padding-bottom: 120px;
    }

    .section-md {
        padding: 85px 0 95px;
    }

    .section-lg {
        padding: 120px 0;
    }

        .section-lg.section-first {
            padding-top: 120px;
        }

        .section-lg.section-last {
            padding-bottom: 120px;
        }

    .section-xl {
        padding: 160px 0;
    }

    .section-1 {
        padding: 90px 0 100px;
    }
}

.section-single {
    display: flex;
}

    .section-single::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        background: rgba(21, 21, 21, 0.4);
    }

    .section-single * + .rd-mailform-wrap {
        margin-top: 35px;
    }

    .section-single * + .countdown {
        margin-top: 30px;
    }

    .section-single .countdown + * {
        margin-top: 35px;
    }

.section-single-dummy {
    visibility: hidden;
    pointer-events: none;
}

.section-single-header {
    padding: calc(1em + 3vh) 0 calc(1em + 2vh);
}

.section-single-main {
    padding: calc(1em + 4vh) 0;
}

.section-single-footer {
    padding: calc(1em + 2vh) 0 calc(1em + 3vh);
}

.section-single-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    padding-top: 6vh;
}

    .section-single-inner > * {
        width: 100%;
    }

@supports (display: grid) {
    .section-single-inner {
        display: grid;
        justify-items: center;
        align-content: space-between;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .section-single .section-single-main-content {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767.98px) {
    .section-single .button-lg {
        font-size: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 768px) {
    .section-single::before {
        display: none;
    }

    .section-single-inner {
        padding-top: 7vh;
    }
}

@media (min-width: 1200px) {
    .section-single * + .countdown {
        margin-top: 50px;
    }

    .section-single .countdown + * {
        margin-top: 50px;
    }
}

.section-overlap {
    position: relative;
    padding: 40px 0;
}

    .section-overlap .row {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-end;
    }

    .section-overlap [class*='col'] {
        flex-basis: auto;
    }

    .section-overlap * + [class*='col'] {
        margin-top: 10px;
    }

    .section-overlap * + .col-offset-1 {
        margin-top: 20px;
    }

.section-overlap-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section-overlap-content {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .section-overlap-content .container {
        padding: 20px 15px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));
    }

        .section-overlap-content .container > * {
            max-width: 380px;
        }
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .section-overlap-content .container {
        padding: 40px 50px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .section-overlap-image::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(to left, rgba(245, 246, 250, 0.4), rgba(245, 246, 250, 0));
    }
}

@media (min-width: 768px) {
    .section-overlap {
        padding: 75px 0;
    }

        .section-overlap * + [class*='col'] {
            margin-top: 20px;
        }

        .section-overlap * + .col-offset-1 {
            margin-top: 40px;
        }

    .section-overlap-image {
        background-position: 80% 50%;
        width: calc(50% - 60px + 35px);
    }
}

@media (min-width: 992px) {
    .section-overlap {
        padding: 100px 0;
    }

    .section-overlap-image {
        width: calc(50% - -80px - 45px);
    }

    .ie-10 .section-overlap .col-lg-7,
    .ie-11 .section-overlap .col-lg-7 {
        max-width: 64%;
    }
}

@media (min-width: 1200px) {
    .section-overlap-image {
        width: calc(50% - -100px - 15px);
    }
}

@media (min-width: 1600px) {
    .section-overlap {
        padding: 140px 0;
    }
}

.section-halfscreen {
    position: relative;
}

.section-halfscreen-inner {
    padding: 40px 0;
}

.section-halfscreen-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .section-halfscreen-image::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4));
    }

.section-halfscreen-content {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .section-halfscreen-content {
        max-width: 360px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .section-halfscreen-image::before {
        opacity: .8;
    }
}

@media (min-width: 768px) {
    .section-halfscreen-inner {
        padding: 75px 0;
    }

    .section-halfscreen-image {
        background-position: 45% 50%;
        left: auto;
        width: calc(50% - 60px + 35px);
    }

        .section-halfscreen-image::before {
            display: none;
        }
}

@media (min-width: 992px) {
    .section-halfscreen-inner {
        padding: 100px 0;
    }

    .section-halfscreen-image {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .section-halfscreen {
        display: flex;
    }

    .section-halfscreen-inner {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 35.41667vw;
        padding: 90px 0;
    }

    .section-halfscreen-content {
        width: 100%;
    }
}


.text-extra-large {
    font-size: 100px;
    line-height: .8;
    font-weight: 800;
}

div.box-cta-1 {
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -25px;
    margin-left: -40px;
}

    div.box-cta-1:empty {
        margin-bottom: 0;
        margin-left: 0;
    }

    div.box-cta-1 > * {
        display: inline-block;
        margin: 0 0 25px 40px;
    }

    div.box-cta-1 > * {
        margin-top: 0;
        vertical-align: middle;
    }

div.box-cta-thin {
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -25px;
    margin-left: -30px;
}

    div.box-cta-thin:empty {
        margin-bottom: 0;
        margin-left: 0;
    }

    div.box-cta-thin > * {
        display: inline-block;
        margin: 0 0 25px 30px;
    }

    div.box-cta-thin > * {
        margin-top: 0;
        vertical-align: middle;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    div.box-cta-thin > * {
        max-width: 500px;
    }
}

.box-indigo {
    position: relative;
    padding: 5px 0 22px;
    max-width: 500px;
}

    .box-indigo::before {
        content: '';
        position: absolute;
        top: 0;
        right: 100px;
        bottom: 0;
        left: 30px;
        z-index: -1;
        background: rgba(45, 55, 66, 0.12);
        pointer-events: none;
    }

    .box-indigo p {
        line-height: 1.35;
    }

.box-indigo-header > * {
    padding-left: 60px;
}

    .box-indigo-header > * + * {
        margin-top: 0;
    }

.box-indigo-mark {
    font-weight: 300;
    color: #deef7f;
}

.box-indigo-title,
.box-indigo-subtitle {
    font-weight: 700;
    letter-spacing: 0;
    color: #2d3742;
}

p.box-indigo-title {
    position: relative;
    font-size: 30px;
    line-height: 1.15;
}

    p.box-indigo-title::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate3d(0, -50%, 0);
        display: inline-block;
        width: 37px;
        height: 0.05em;
        margin-right: 15px;
        vertical-align: middle;
        background: #0095D9;
    }

@media (min-width: 576px) {
    p.box-indigo-title {
        font-size: 60px;
    }
}

@media (min-width: 768px) {
    p.box-indigo-title {
        font-size: 75px;
        line-height: 1.2;
    }
}

p.box-indigo-subtitle {
    font-size: 24px;
    line-height: 1.2;
}

    p.box-indigo-subtitle .box-indigo-mark {
        font-size: 0.85em;
    }

.bg-primary-darker {
    background-color: #12394b;
}

    .context-dark .button-video, .bg-gray-700 .button-video, .bg-gray-800 .button-video, .bg-primary .button-video, .bg-primary-darker .button-video {
        color: #fff;
    }

    .context-dark .post-inline-title, .bg-gray-700 .post-inline-title, .bg-gray-800 .post-inline-title, .bg-primary .post-inline-title, .bg-primary-darker .post-inline-title {
        color: #fff;
    }

    .context-dark .list-nav, .bg-gray-700 .list-nav, .bg-gray-800 .list-nav, .bg-primary .list-nav, .bg-primary-darker .list-nav {
        color: #fff;
    }

   .context-dark .list-nav a:hover, .bg-gray-700 .list-nav a:hover, .bg-gray-800 .list-nav a:hover, .bg-primary .list-nav a:hover, .bg-primary-darker .list-nav a:hover {
        color: #aeb1be;
   }
    .context-dark .post-inline-meta a:hover, .bg-gray-700 .post-inline-meta a:hover, .bg-gray-800 .post-inline-meta a:hover, .bg-primary .post-inline-meta a:hover, .bg-primary-darker .post-inline-meta a:hover {
        color: #fff;
    }

    .context-dark .box-indigo::before, .bg-gray-700 .box-indigo::before, .bg-gray-800 .box-indigo::before, .bg-primary .box-indigo::before, .bg-primary-darker .box-indigo::before {
        background: rgba(255, 255, 255, 0.12);
    }
    .context-dark .box-indigo p, .bg-gray-700 .box-indigo p, .bg-gray-800 .box-indigo p, .bg-primary .box-indigo p, .bg-primary-darker .box-indigo p {
        color: #aeb1be;
    }
    .context-dark p.box-indigo-title, .bg-gray-700 p.box-indigo-title, .bg-gray-800 p.box-indigo-title, .bg-primary p.box-indigo-title, .bg-primary-darker p.box-indigo-title,
    .context-dark p.box-indigo-subtitle,
    .bg-gray-700 p.box-indigo-subtitle,
    .bg-gray-800 p.box-indigo-subtitle,
    .bg-primary p.box-indigo-subtitle,
    .bg-primary-darker p.box-indigo-subtitle {
        color: #fff;
    }
    .context-dark .list-inline-bordered button.active, .bg-gray-700 .list-inline-bordered button.active, .bg-gray-800 .list-inline-bordered button.active, .bg-primary .list-inline-bordered button.active, .bg-primary-darker .list-inline-bordered button.active,
    .context-dark .list-inline-bordered button:hover,
    .bg-gray-700 .list-inline-bordered button:hover,
    .bg-gray-800 .list-inline-bordered button:hover,
    .bg-primary .list-inline-bordered button:hover,
    .bg-primary-darker .list-inline-bordered button:hover {
        color: #aeb1be;
    }

    .context-dark hr, .bg-gray-700 hr, .bg-gray-800 hr, .bg-primary hr, .bg-primary-darker hr {
        border-top-color: #74757f;
    }

    .context-dark .text-large, .bg-gray-700 .text-large, .bg-gray-800 .text-large, .bg-primary .text-large, .bg-primary-darker .text-large {
        color: #fff;
    }

    .context-dark .box-indigo p, .bg-gray-700 .box-indigo p, .bg-gray-800 .box-indigo p, .bg-primary .box-indigo p, .bg-primary-darker .box-indigo p {
        color: #aeb1be;
    }

    .context-dark .link-default, .bg-gray-700 .link-default, .bg-gray-800 .link-default, .bg-primary .link-default, .bg-primary-darker .link-default {
        color: #aeb1be;
    }

        .context-dark .link-default:hover, .bg-gray-700 .link-default:hover, .bg-gray-800 .link-default:hover, .bg-primary .link-default:hover, .bg-primary-darker .link-default:hover {
            color: #fff;
        }
    .context-dark .list-inline-bordered, .bg-gray-700 .list-inline-bordered, .bg-gray-800 .list-inline-bordered, .bg-primary .list-inline-bordered, .bg-primary-darker .list-inline-bordered {
        color: #fff;
    }

    .context-dark, .bg-gray-700, .bg-gray-800, .bg-primary, .bg-primary-darker,
    .context-dark h1,
    .bg-gray-700 h1,
    .bg-gray-800 h1,
    .bg-primary h1,
    .bg-primary-darker h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-800 h2, .bg-primary h2, .bg-primary-darker h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-800 h3, .bg-primary h3, .bg-primary-darker h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-800 h4, .bg-primary h4, .bg-primary-darker h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-800 h5, .bg-primary h5, .bg-primary-darker h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-800 h6, .bg-primary h6, .bg-primary-darker h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-800 [class^='heading-'], .bg-primary [class^='heading-'], .bg-primary-darker [class^='heading-'] {
        color: #fff;
    }



.thumbnail-light-media {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 0;
}

    .thumbnail-light-media::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(45, 55, 66, 0.3);
        transition: .22s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .thumbnail-light-media:hover::before {
        opacity: 1;
        visibility: visible;
    }

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

.thumbnail-light-image {
    width: 100%;
}

@media (max-width: 575.98px) {
    .thumbnail-light {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Animate.css */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 1;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

html:not(.lt-ie10) .not-animated {
    opacity: 0;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

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

    100% {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutDown {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes scaleInY {
    0% {
        top: 0;
        bottom: 100%;
    }

    50% {
        transform: scale3d(1, 1, 1);
    }

    100% {
        top: 100%;
        bottom: auto;
        transform: scale3d(1, 0, 1);
    }
}

@keyframes scaleFadeIn {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.scaleFadeIn {
    display: flex;
    overflow: hidden;
    animation-name: scaleFadeIn;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.scaleFadeInWrap {
    display: flex;
    align-items: stretch;
}

.wow-outer {
    position: relative;
    overflow: hidden;
}

@keyframes scaleInVertical {
    0% {
        transform: scale3d(1, 0, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.scaleInVertical {
    animation-name: scaleInVertical;
}

@keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}

@keyframes fadeSlideInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
        visibility: visible;
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.fadeSlideInDown {
    animation-name: fadeSlideInDown;
}

@keyframes fadeSlideInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 50%, 0);
        visibility: visible;
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.fadeSlideInUp {
    animation-name: fadeSlideInUp;
}

/* Animate.css */


/* Blog Posts - Start */
.post-modern {
    text-align: left;
}

.post-modern-title {
    color: #0095D9;
}

    .post-modern-title a:hover {
        color: #00537b;
    }

.post-modern-media {
    position: relative;
    display: block;
}

    .post-modern-media::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(45, 55, 66, 0.1);
        transition: .22s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .post-modern-media img {
        width: 100%;
    }

    .post-modern-media:hover::before {
        opacity: 1;
        visibility: visible;
    }

.post-modern-meta {
    transform: translate3d(0, -5px, 0);
    margin-bottom: -5px;
    margin-left: -15px;
    margin-right: -15px;
    color: #2d3742;
}

    .post-modern-meta > * {
        margin-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .post-modern-meta > li {
        position: relative;
        display: inline-block;
        line-height: 24px;
    }

        .post-modern-meta > li:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 1px;
            height: 1.5em;
            background: #e8e9ee;
            transform: translate3d(0, -50%, 0);
        }

    .post-modern-meta a:hover {
        color: #00537b;
    }

* + .post-modern-title {
    margin-top: 9px;
}

* + .post-modern-meta {
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .post-modern {
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .post-modern-meta {
        transform: translate3d(0, -5px, 0);
        margin-bottom: -5px;
        margin-left: -20px;
        margin-right: -20px;
    }

        .post-modern-meta > * {
            margin-top: 5px;
            padding-left: 20px;
            padding-right: 20px;
        }

    * + .post-modern-title {
        margin-top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-modern-meta {
        margin-left: -15px;
        margin-right: -15px;
        font-size: 14px;
    }

        .post-modern-meta > * {
            padding-left: 15px;
            padding-right: 15px;
        }
}

@media (min-width: 1200px) {
    .post-modern p,
    .post-modern .post-modern-title {
        padding-right: 40px;
    }

    * + .post-modern-title {
        margin-top: 25px;
    }

    * + .post-modern-meta {
        margin-top: 15px;
    }
}
/* Blog Posts - End */

/****************************
Footer
****************************/
.footer {
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 0 0 0 0;
    background-color: #383838;
}

    .footer:after {
        _content: "";
        position: absolute;
        left: 0;
        top: 0px;
        height: 1px;
        width: 100%;
        background-color: #a2aab3;
    }

    .footer:before {
        _content: "";
        position: absolute;
        left: 0;
        top: 1px;
        height: 4px;
        width: 100%;
        background-color: #bbbbbb;
    }

    .footer .footer-col .footer-title {
        padding: 0 0 8px 0;
        margin: 0 0 20px 0;
        text-transform: uppercase;
        color: #f2f2f2;
        font-family: "Raleway", sans-serif;
        font-weight: bold;
    }

    .footer .footer-col .footer-content {
        color: #d4d4d4;
        line-height: 20px;
        font-family: "Open Sans", sans-serif;
        padding-bottom: 0px;
    }

        .footer .footer-col .footer-content .footer-content-text {
            line-height: 20px;
            color: #C9C9C9;
        }

        .footer .footer-col .footer-content .footer-content-logo {
            float: left;
            clear: both;
            margin: 0 0 20px 0;
            width: 100%;
        }

        .footer .footer-col .footer-content a {
            color: #C9C9C9;
            text-decoration: none;
        }

        .footer .footer-col .footer-content .footer-recent-tweets {
            list-style-type: none;
            padding-left: 25px;
            color: #C9C9C9;
        }

            .footer .footer-col .footer-content .footer-recent-tweets li {
                line-height: 20px;
                margin-top: 20px;
                position: relative;
            }

                .footer .footer-col .footer-content .footer-recent-tweets li a {
                    color: #f8f8f8;
                }

                .footer .footer-col .footer-content .footer-recent-tweets li:after {
                    content: "";
                    position: absolute;
                    left: -25px;
                    top: 5px;
                    background: no-repeat -98px -1px url("../images/sprites.png");
                    width: 16px;
                    height: 13px;
                }


        .footer .footer-col .footer-content .nice-time {
            font-size: 10px;
            font-family: "Myriad Pro", sans-serif;
            font-weight: bold;
            color: #C9C9C9;
        }

            .footer .footer-col .footer-content .nice-time a {
                text-decoration: none;
            }

        .footer .footer-col .footer-content .footer-category-list {
            list-style-type: none;
            padding-left: 0;
            color: #C9C9C9;
        }

            .footer .footer-col .footer-content .footer-category-list li {
                padding: 6px 0;
                position: relative;
                border-bottom: 1px solid #414141;
            }

                .footer .footer-col .footer-content .footer-category-list li:first-child {
                    padding-top: 0;
                }

                .footer .footer-col .footer-content .footer-category-list li a {
                    text-decoration: none;
                }

                    .footer .footer-col .footer-content .footer-category-list li a:hover {
                        color: #f8f8f8;
                    }

        .footer .footer-col .footer-content .input {
            width: 100%;
            display: block;
            background-color: #133763;
            border: 0;
            border-radius: 5px;
            outline: 0;
            padding: 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #ccc;
        }

    .footer .footer-col .footer-getintouch-row {
        margin: 10px 0 0 0;
    }

    .footer .footer-col .footer-content .input:hover {
        background-color: white;
        background-color: rgba(255, 255, 255, 0.38);
        color: #333;
    }

    .footer .footer-col .footer-content .input:focus {
        background-color: rgba(255, 255, 255, 0.8);
        color: #333;
    }

    .footer .footer-col .footer-content input[type=text] {
        height: 30px;
    }

    .footer .footer-col .footer-content input[type=submit] {
        background-color: #184780;
        border: 0;
        -moz-box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
        -webkit-box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
        box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
        padding: 7px 18px;
        border-radius: 5px;
        color: #d2d2d2;
        font-size: 12px;
        font-family: "Open Sans", sans-serif;
    }

        .footer .footer-col .footer-content input[type=submit]:hover {
            background-color: #164279;
        }

        .footer .footer-col .footer-content input[type=submit]:active {
            background-color: #184780;
        }

    .footer .copyright {
        height: 40px;
        width: 100%;
        font-size: 11px;
        font-family: "Open Sans", sans-serif;
        background-color: #303030;
    }

        .footer .copyright a {
            color: #A3A3A3;
            text-decoration: none;
        }

            .footer .copyright a:hover {
                color: #e8e8e8;
            }

        .footer .copyright .copyright-text {
            line-height: 40px;
        }
.flickr_badge_wrapper .flickr_badge_image {
    float: left;
    margin: 0 2.222222222222% 2.222222222222% 0;
    width: 30.37037037037%;
    height: auto;
}

    .flickr_badge_wrapper .flickr_badge_image img {
        width: 100%;
        height: 100%;
        border: 2px solid transparent;
        opacity: 0.7;
        -moz-transition: border-color 0.5s, opacity 0.5s;
        -o-transition: border-color 0.5s, opacity 0.5s;
        -webkit-transition: border-color 0.5s, opacity 0.5s;
        transition: border-color 0.5s, opacity 0.5s;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .flickr_badge_wrapper .flickr_badge_image img:hover {
            border-color: #279FBB;
            opacity: 1;
        }

    .flickr_badge_wrapper .flickr_badge_image:nth-child(3n+1) {
        margin: 0 0 6px 0;
    }

.footer .social-icons {
    overflow: hidden;
    height: 40px;
}

    .footer .social-icons .social-media-icon {
        float: right;
        background-color: transparent;
        border: none;
    }

        .footer .social-icons .social-media-icon:hover {
            border: none;
        }

.footer .copyright:before {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-wrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 35px;
}

    .footer-wrapper:after {
        content: "";
        position: absolute;
        left: -50%;
        top: -8px;
        width: 2000px;
        height: 359px;
        margin-left: 0;
        z-index: -1;
    }

.boxed .flickr_badge_wrapper .flickr_badge_image img {
    width: 64px;
    height: 64px;
}

/** footer-contact **/
.footer-contact textarea {
    resize: vertical;
    height: 100px;
    padding: 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.footer-contact label {
    padding: 4px 0 0 0;
    clear: both;
    display: block;
    color: #cf3f3f;
}

/* Breadcrumbs */
.breadcrumbs-custom {
    position: relative;
    display: flex;
    background-color: #2d3742;
    background-position: 20% 20%;
}

    .breadcrumbs-custom .breadcrumbs-custom-subtitle {
        color: #aeb1be;
    }

.breadcrumbs-custom-inner {
    display: flex;
    min-height: inherit;
    width: 100%;
    padding: 50px 0 25px;
}

.breadcrumbs-custom-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .breadcrumbs-custom-container::before {
        content: '';
        display: block;
    }

.breadcrumbs-custom-path {
    margin-left: -15px;
    margin-right: -15px;
}

    .breadcrumbs-custom-path > * {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadcrumbs-custom-path li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: #aeb1be;
    }

        .breadcrumbs-custom-path li::after {
            content: ">";
            font-family: "FontAwesome";
            position: absolute;
            top: 51%;
            right: -5px;
            display: inline-block;
            font-size: inherit;
            font-style: normal;
            color: rgba(255, 255, 255, 0.5);
            transform: translate3d(0, -50%, 0);
        }

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

    .breadcrumbs-custom-path a {
        display: inline;
        vertical-align: middle;
    }

        .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
            color: #aeb1be;
        }

            .breadcrumbs-custom-path a:hover {
                color: #fff;
            }

* + .breadcrumbs-custom-path {
    margin-top: 25px;
}

.breadcrumbs-custom-subtitle + .breadcrumbs-custom-title {
    margin-top: 15px;
}

@media (min-width: 576px) {
    .breadcrumbs-custom-path {
        margin-left: -30px;
        margin-right: -30px;
    }

        .breadcrumbs-custom-path > * {
            padding-left: 30px;
            padding-right: 30px;
        }

    * + .breadcrumbs-custom-path {
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .breadcrumbs-custom {
        min-height: 23.75vw;
    }

    .breadcrumbs-custom-inner {
        padding: 80px 0 30px;
    }

    .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title {
        margin-top: 5px;
    }
}

@media (min-width: 992px) {
    .breadcrumbs-custom-inner {
        padding-bottom: 40px;
    }

    .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title {
        margin-top: 10px;
    }
}

@media (min-width: 1600px) {
    .breadcrumbs-custom {
        min-height: 456px;
    }

    .breadcrumbs-custom-inner {
        padding: 50px 0 40px;
    }

    .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title {
        margin-top: 20px;
    }
}



@media (min-width: 1600px) {
    .row-xxl-70 {
        margin-bottom: -70px;
    }

        .row-xxl-70:empty {
            margin-bottom: 0;
        }

        .row-xxl-70 > * {
            margin-bottom: 70px;
        }
}

.profile-creative {
    display: flex;
    margin-left: -15px;
    text-align: left;
    color: #74757f;
}

    .profile-creative > * {
        margin-left: 15px;
    }

.profile-creative-figure {
    position: relative;
    overflow: hidden;
    max-width: 80px;
    flex-shrink: 0;
}

.profile-creative-image {
    width: 100%;
    border-radius: 0;
}

.profile-creative-main {
    flex-grow: 1;
}

.profile-creative-title {
    color: #0095D9;
}

    .profile-creative-title a:hover {
        color: #00537b;
    }

.profile-creative-position {
    color: #aeb1be;
}

.profile-creative-contacts {
    color: #aeb1be;
}

    .profile-creative-contacts a {
        color: inherit;
    }

        .profile-creative-contacts a:hover {
            color: #0095D9;
        }

* + .profile-creative-position {
    margin-top: 0;
}

* + .profile-creative-contacts {
    margin-top: 15px;
}

@media (min-width: 576px) {
    .profile-creative {
        margin-left: -30px;
    }

        .profile-creative > * {
            margin-left: 30px;
        }

    .profile-creative-figure {
        max-width: 22%;
    }
}

@media (min-width: 768px) {
    .profile-creative-figure {
        max-width: 29%;
    }

    .profile-creative-main {
        padding-right: 30px;
    }

    * + .profile-creative-contacts {
        margin-top: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .profile-creative {
        margin-left: -20px;
    }

        .profile-creative > * {
            margin-left: 20px;
        }

    .profile-creative-figure {
        max-width: 25%;
    }

    .profile-creative-main {
        padding-right: 10px;
    }
}

.profile-minimal {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    color: #fff;
    text-align: left;
}

    .profile-minimal::before {
        content: '';
        display: block;
        padding-bottom: 100%;
    }

.profile-minimal-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
}

@supports (object-fit: cover) {
    .profile-minimal-image {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: none;
        object-fit: cover;
        object-position: center center;
    }
}

.profile-minimal-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 25px;
    background: rgba(45, 55, 66, 0.4);
}

.profile-minimal-title {
    color: #fff;
}

* + .profile-minimal-position {
    margin-top: 5px;
}

@media (max-width: 575.98px) {
    .profile-minimal {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1200px) {
    .profile-minimal-caption {
        padding: 35px;
    }

    * + .profile-minimal-position {
        margin-top: 10px;
    }
}

html:not(.tablet):not(.mobile) .profile-minimal:hover .profile-minimal-caption {
    opacity: 1;
    visibility: visible;
}

html:not(.tablet):not(.mobile) .profile-minimal-caption {
    opacity: 0;
    visibility: hidden;
    transition: .35s ease-in;
    background: rgba(45, 55, 66, 0.6);
}

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

    .profile-modern > * + * {
        margin-top: 35px;
    }

.profile-modern-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -10px;
    margin-left: -20px;
}

    .profile-modern-header:empty {
        margin-bottom: 0;
        margin-left: 0;
    }

    .profile-modern-header > * {
        display: inline-block;
        margin: 0 0 10px 20px;
    }

    .profile-modern-header * + p {
        margin-top: 5px;
    }

.profile-modern-figure {
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.profile-modern-image {
    display: block;
    width: 100%;
}

.profile-modern-button {
    position: absolute;
    right: 30px;
    bottom: 30px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.86em;
    height: 1.86em;
    text-align: center;
    border-radius: 50%;
    font-size: 32px;
    line-height: 1;
    background: #0095D9;
}

    .profile-modern-button, .profile-modern-button:active, .profile-modern-button:focus, .profile-modern-button:hover {
        color: #fff;
    }

        .profile-modern-button .icon {
            font-size: inherit;
        }

            .profile-modern-button .icon:first-child,
            .profile-modern-button .icon:last-child {
                vertical-align: middle;
                transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
            }

            .profile-modern-button .icon:first-child {
                display: block;
            }

            .profile-modern-button .icon:last-child {
                position: absolute;
                width: 100%;
                top: 50%;
                left: 0;
                opacity: 0;
                transform: translate3d(0, 0, 0);
            }

        .profile-modern-button:hover {
            color: #fff;
            background: #00537b;
        }

            .profile-modern-button:hover .icon:first-child {
                opacity: 0;
                transform: translate3d(0, -30%, 0);
            }

            .profile-modern-button:hover .icon:last-child {
                opacity: 1;
                transform: translate3d(0, 0, 0) translateY(-50%);
            }

@media (max-width: 575.98px) {
    .profile-modern {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

        .profile-modern * + .row {
            margin-top: 15px;
        }
}

@media (max-width: 767.98px) {
    .profile-modern-figure {
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .profile-modern {
        display: flex;
        align-items: flex-start;
        margin-left: -30px;
    }

        .profile-modern > * {
            margin-left: 30px;
        }

            .profile-modern > * + * {
                margin-top: 0;
            }

    .profile-modern-figure {
        max-width: 50%;
        flex-shrink: 0;
    }

    .profile-modern-main {
        flex-grow: 1;
    }

    * + .profile-modern-main {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .profile-modern-figure {
        max-width: 28%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .profile-modern {
        font-size: 14px;
    }

        .profile-modern * + .row {
            margin-top: 31px;
        }
}

@media (min-width: 1200px) {
    .profile-modern {
        margin-left: -60px;
    }

        .profile-modern > * {
            margin-left: 60px;
        }
}

.profile-thin {
    position: relative;
    display: block;
    padding: 30px 20px 45px;
    background: #f5f6fa;
    text-align: center;
}

    .profile-thin * + p {
        margin-top: 20px;
    }

    .profile-thin * + .group {
        margin-top: 15px;
    }

    .profile-thin * + .button-sm {
        margin-top: 15px;
    }

    .profile-thin .group {
        margin-left: auto;
        margin-right: auto;
    }

.profile-thin-aside {
    position: relative;
    display: inline-block;
}

.profile-thin-image {
    border-radius: 50%;
}

.profile-thin-contact-button {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    background: #0095D9;
}

    .profile-thin-contact-button, .profile-thin-contact-button:active, .profile-thin-contact-button:focus, .profile-thin-contact-button:hover {
        color: #fff;
    }

        .profile-thin-contact-button .icon {
            font-size: inherit;
        }

            .profile-thin-contact-button .icon:first-child,
            .profile-thin-contact-button .icon:last-child {
                vertical-align: middle;
                transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
            }

            .profile-thin-contact-button .icon:first-child {
                display: block;
            }

            .profile-thin-contact-button .icon:last-child {
                position: absolute;
                width: 100%;
                top: 50%;
                left: 0;
                opacity: 0;
                transform: translate3d(0, 0, 0);
            }

        .profile-thin-contact-button:hover {
            color: #fff;
            background: #00537b;
        }

            .profile-thin-contact-button:hover .icon:first-child {
                opacity: 0;
                transform: translate3d(0, -30%, 0);
            }

            .profile-thin-contact-button:hover .icon:last-child {
                opacity: 1;
                transform: translate3d(0, 0, 0) translateY(-50%);
            }

.profile-thin-title {
    font-size: 22px;
    line-height: 1.47;
}

* + p.profile-thin-subtitle {
    margin-top: 0;
}

* + .profile-thin-main {
    margin-top: 20px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .profile-thin {
        display: flex;
        align-items: flex-start;
        text-align: left;
    }

        .profile-thin .group {
            margin-left: -15px;
        }

        .profile-thin > * + * {
            margin-left: 30px;
        }

    .profile-thin-aside {
        flex-shrink: 0;
        max-width: 30%;
    }

    .profile-thin-main {
        flex-grow: 1;
    }

    * + .profile-thin-main {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .profile-thin {
        padding: 55px 35px;
    }

        .profile-thin * + .group {
            margin-top: 25px;
        }

        .profile-thin * + .button-sm {
            margin-top: 25px;
        }
}