/* ----------------------------------------
    Stylesheet Guide
 ------------------------------------------

    1. Base
    2. Layout
    3. Components
    4. Pages

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

/* ----------------------------------------
    1. Base
 ---------------------------------------- */

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

     * {
        margin: 0;
        padding: 0;
        border: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }


    * {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
max-width: 1400px;
position: relative;
margin: auto;
}

/* Hide the images by default */
.mySlides {
display: none;
margin-top:2%;
}

/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active, .dot:hover {
background-color: #717171;
}

/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
        display: block;
    }

    mark, rp, rt, ruby, summary, time {
        display: inline;
    }

    mark {
        background: #040a1c;
        color: #fff;
    }

    a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
        background: transparent;
        border: 0 none;
        font-weight: inherit;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: top;
    }

    a {
        text-decoration: none;
        outline: none !important;
        vertical-align: baseline;
    }

    b, strong {
        font-weight: bold;
    }

    ul, ol {
        list-style: none;
    }

    q {
        quotes: none;
    }

    table, table td {
        padding: 0;
        border: none;
        border-collapse: collapse;
    }

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

    embed {
        vertical-align: top;
    }

    input, textarea {
        font-family: inherit;
        -webkit-box-sizing: border-box !important;
                box-sizing: border-box !important;
    }

    input, button {
        -webkit-appearance: none;
        outline: none;
        background: transparent;
    }

    button::-moz-focus-inner {
        border: 0;
    }

    th {
        text-align: left;
    }

    textarea {
        outline: none !important;
    }

    button {
        cursor: pointer;
        color: inherit;
        font-family: inherit;
    }

    html, body {
        min-height: 100%;
    }

    fieldset, legend, label, select, input, textarea, form, button, optgroup {
        -webkit-appearance: none !important;
    }

    .container, .container-fluid {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .container.wide {
        max-width: 100%;
        padding-top: 2rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .container.no-pd {
        padding: 0;
    }

    .row:not(.no-gutters) {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .row:not(.no-gutters) > [class*="col-"] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .row:not(.no-gutters).hr-size-1 {
        margin-right: -2rem;
        margin-left: -2rem;
    }

    .row:not(.no-gutters).hr-size-1 > [class*="col-"] {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .row:not(.no-gutters).hr-size-2 {
        margin-right: -3.25rem;
        margin-left: -3.25rem;
    }

    .row:not(.no-gutters).hr-size-2 > [class*="col-"] {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }

/* ----------------------------------------
    Global
---------------------------------------- */

    body {
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: initial !important;
    }

    ::-webkit-selection {
        color: #fff;
        background-color: #040a1c;
    }

    ::-moz-selection {
        color: #fff;
        background-color: #040a1c;
    }

    ::selection {
        color: #fff;
        background-color: #040a1c;
    }

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

    .mad-page-wrapper {
        overflow: hidden;
        position: relative;
    }

    [data-bg-image-src] {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .animated {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }

    .w-100 {
        width: 100%;
    }

    .mad-page-wrapper.with-side-menu {
        margin-left: 20rem;
    }

    .mad-page-wrapper.with-side-menu .mad-section--stretched-content-no-px {
        padding-left: 20rem;
    }

    .mad-page-wrapper.with-side-menu .mad-bg-section .mad-colorizer-bg-image {
        background-position: right center!important;
    }

/* ----------------------------------------
    Typography
---------------------------------------- */

    :root {
        font-size: 16px;
    }

    body {
        font-family: 'Asap', sans-serif;
        font-size: 1.125rem;
        /* line-height: 2rem; */
        font-weight: 400;
        color: #595758;
    }

    address:not(:last-child) {
        margin-bottom: 1.625rem;
    }

    q, kbd, strong, em, tt, var, span, del, big, small {
        vertical-align: baseline;
    }

    .material-icons {
        line-height: inherit;
    }

    .wide-style .container {
        max-width: 100%;
        padding-left: 3.875rem;
        padding-right: 3.875rem;
    }

    .wide-style .container .mad-section.mad-cta[class*="mad-colorizer--scheme-"] {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    /* ----------------------------------------
        Headings
    ---------------------------------------- */

        h1, h2, h3, h4, h5, h6 {
            color: #040a1c;
            letter-spacing: -0.5px;
            font-family: 'Satisfy', cursive;
        }

        h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child) {
            margin-bottom: 2.5rem;
        }

        h1 {
            font-size: 4.5rem;
            line-height: 5.5rem;
        }

        h2 {
            font-size: 35px;
            line-height: 4.5rem;
        }

        h3 {
            font-size: 3rem;
            line-height: 3.5rem;
        }

        h4 {
            font-size: 2.25rem;
            line-height: 3rem;
        }

        h5 {
            font-size: 1.875rem;
            line-height: 2.5rem;
        }

        h6 {
            font-size: 1.5rem;
            line-height: 2rem;
        }

        h4:not(:last-child),
        h5:not(:last-child),
        h6:not(:last-child) {
            margin-bottom: 1rem;
        }

        .mad-title-wrap {
            color: #7a7879;
        }

        .mad-title-wrap:not(:last-child),
        .mad-section-title:not(:last-child) {
            margin-bottom: 3rem;
        }

        .mad-title-wrap h2:not(:last-child) {
            margin-bottom: 0.625rem;
        }

        .mad-sub-title {
            color: #040a1c;
            font-weight: 600;
        }

        .mad-sub-title:not(:last-child) {
            margin-bottom: 2rem;
        }

        .mad-section-side-title {
            font-family: 'Asap', serif;
            font-size: 1rem;
            color: #57a2cc;
            letter-spacing: 0.5px;
            position: absolute;
            white-space: nowrap;
            font-style: italic;
            left: 0;
            top: 0;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            z-index: 22;
            line-height: 1rem;
        }

        .mad-section-side-title.rotate {
            transform: rotate(180deg);
        }

        .mad-section-side-title.right-side {
            left: auto;
            right: 0;
        }

        .mad-section-side-title.top-space {
            margin-top: 1rem;
        }

        .mad-section-side-title.top-space-2 {
            margin-top: 3rem;
        }

        .mad-section-side-title.simple {
            writing-mode: unset;
            text-orientation: normal;
            position: relative;
        }

        .mad-section-side-title.simple:not(:last-child) {
            margin-bottom: 0.5rem;
        }

        .mad-section-side-title.style-2 {
            color: #262123;
        }

        .mad-semi-title {
            font-family: 'Asap', sans-serif;
            font-size: 20px;
            line-height: 1.5rem;
            color: #00517f;
            font-weight: 600;
        }

        .mad-title-2 {
            font-family: 'Asap', sans-serif;
        }

    /* ----------------------------------------
        Paragraphs
    ---------------------------------------- */

        p:not(:last-child) {
            margin-bottom: 1.5rem;
        }

        .mad-text-small {
            font-size: 0.875rem;
            line-height: 1.5rem;
        }

        p.mad-text-small:not(:last-child) {
            margin-bottom: 1.3125rem;
        }

        .mad-text-small {
            font-size: 0.875rem;
            font-weight: 400;
        }

        .mad-text-regular {
            font-size: 1rem;
            line-height: 1.5rem;
        }

        .mad-text-medium {
            font-size: 1.125rem;
            line-height: 2rem;
            font-weight: 500;
        }

        .mad-text-large {
            font-size: 1.25rem;
            line-height: 2rem;
            font-weight: 500;
        }

        .mad-text-medium.no-weight {
            font-weight: normal;
        }

        .mad-text-sb {
            font-weight: 600;
        }
        
        .mad-text-color-2 {
            color: #57a2cc;
        }

        .mad-text-color-3 {
            color: #7a7879;
        }

        .mad-text-color-5 {
            color: #a8a7a8;
        }

        .mad-offset-left h2 {
            letter-spacing: -1px;
        }

        .req {
            color: #8c0e13;
        }

        label .mad-text-small {
            display: block;
            margin-bottom: 12px;
        }

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

        a {
            color: inherit;
        }

        .mad-link,
        a,
        button {
            transition: all .5s ease;
        }

        .mad-link,
        .mad-text-link {
            color: #00517f;
            border-bottom: 1px solid transparent;
        }

        .mad-link:hover {
            border-color: inherit;
        }

        .mad-text-link:hover {
            text-decoration: underline;
        }

        .mad-link.color-2 {
            color: #57a2cc;
        }

    /* ----------------------------------------
        Icons
    ---------------------------------------- */

        [class*="mad-font-icon"] {
            line-height: 1;
        }

    /* ----------------------------------------
        Colors
    ---------------------------------------- */

/* ----------------------------------------
    Utils classes
---------------------------------------- */

    .mad-d-none {
        display: none;
    }

    .mad-fw-bold {
        font-weight: bold;
    }

    .mad-tt-uppercase {
        text-transform: uppercase;
    }

    .mad-d-down-xxxl-none {
        display: none;
    }

    .mad-fw-down-xxxl-bold {
        font-weight: bold;
    }

    .alignleft {
        float: left;
    }

    .alignright {
        float: right;
    }
    
    .align-left {
        text-align: left;
    }

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

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

    img[class*="align"] {
        margin-bottom: 0.875rem;
    }

    img.alignleft{
        margin-right: 1.875rem;
    }

    img.alignright{
        margin-left: 1.875rem;
    }

/* ----------------------------------------
2. Layout
---------------------------------------- */

/* ----------------------------------------
    Preloader
---------------------------------------- */

    .mad-preloader-circle,
    .mad-preloader {
        position: fixed;
        width: 260vw;
        height: 260vw;
        margin-left: -130vw;
        margin-top: -130vw;
        background-color: #fff;
        z-index: 50;
        border-radius: 50%;
        -webkit-transition-property: -webkit-transform;
                transition-property: transform;
        -webkit-transition-delay: 0ms;
                transition-delay: 0ms;
        -webkit-transition-duration: 700ms;
                transition-duration: 700ms;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
                transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-preloader-circle {
        -webkit-transition-timing-function: linear;
                transition-timing-function: linear;
    }

    .mad-preloader {
        left: 50%;
        top: 50%;
    }

    .mad-preloader-circle, .mad-preloader.mad-preloader--disappearing {
        -webkit-transform: scale3d(0, 0, 0);
                transform: scale3d(0, 0, 0);
    }

    .mad-preloader-circle--appearing {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }

/* ----------------------------------------
    Critical full screen message
---------------------------------------- */

    .mad-body--has-critical-fullscreen-message {
        overflow: hidden !important;
    }

    .mad-fullscreen-message {
        position: fixed;
        z-index: 49;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-family: 'Arial', serif;
        font-size: 1.875rem;
        line-height: 2.34375rem;
        color: #040a1c;
        background-color: #fff;
        padding: 2rem;
        overflow: auto;
    }

    .mad-fullscreen-message .mad-aligner-inner {
        vertical-align: middle;
    }

    .mad-fullscreen-message-before {
        font-size: 3.25rem;
        line-height: 4rem;
    }

    .mad-fullscreen-message-before:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-fullscreen-message-before:empty,
    .mad-fullscreen-message-after:empty {
        display: none;
    }

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

    .mad-header {
        z-index: 25;
        width: 100%;
        position: relative;
    }

    .mad-header.with-bg {
        position: relative;
        background: #00283f;
        color: #fff;
        padding-bottom: 2rem;
    }

    .mad-header.with-bg .mad-header-section {
        padding-bottom: 2rem;
    }

    [class*="mad-header-section--sticky"].mad-header-section--sticked {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 50;
        background: #fff;
        padding-top: 2rem;
        padding-bottom: 2rem;
        transition: all .5s ease;
        -webkit-box-shadow: 0 7px 27px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 7px 27px 0 rgba(0, 0, 0, 0.05);
    }

    .mad-header.mad-header--transparent {
        left: 0;
        top: 15px;
        /* color: #fff;
        position: absolute; */
    }

    /* With side menu */

    .mad-header.mad-header-aside {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 20rem;
        padding: 3.5rem 0 0;
        text-align: center;
        z-index: 1;
    }

    .mad-header.mad-header-aside:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 544px;
        z-index: -1;
        background: -moz-linear-gradient(top, rgba(226,245,255,0) 0%, rgba(226,245,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mad-header.mad-header-aside:after {
        content: '';
        background: url(../images/bottom_half.png) no-repeat bottom center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: -1px;
        height: 100%;
        z-index: -1;
    }

    .mad-header.mad-header-aside .mad-header-section {
        padding: 0;
    }

    .mad-header.mad-header-aside .mad-header-items {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .mad-header.mad-header-aside .mad-header-items .mad-header-item:not(:last-child) {
        margin-bottom: 25%;
    }

    .mad-header.mad-header-aside .mad-vr-wrap {
        background: none;
    }

    .mad-header.mad-header-aside .mad-vr-wrap:after {
        display: none;
    }

    .mad-header.mad-header-aside .mad-vr-nav > ul > li > a,
    .mad-header.mad-header-aside .mad-vr-nav .sub-menu li a {
        font-size: 1rem;
    }

    .mad-header.mad-header-aside .mad-vr-nav .sub-menu li a {
        border-width: 1px;
    }

    .mad-header.mad-header-aside .mad-vr-nav > ul > li:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-header .mad-social-icons ul li a {
        font-size: 1.25rem;
    }

    .mad-header.header-2 [class*="mad-header-section--sticky"] {
        /* padding: 3.5rem 0; */
    }

    .mad-header.header-2 .mad-header-items {
        justify-content: space-between;
        align-items: center;
    }

    .mad-header .mad-navigation-container {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .mad-header .mad-actions {
        display: flex;
        align-items: center;
        margin: 0 -1rem;
        padding-left: 40px;
    }

    .mad-header .mad-actions > .mad-item {
        margin: 0 1rem;
        position: relative;
    }

    .mad-header .mad-actions .mad-item-link {
        position: relative;
        color: #fff;
    }

    .mad-header .mad-actions .mad-item-link i {
        font-size: 1.75rem;
        max-width: 1.5rem;
    }

    .mad-header.header-2 .mad-navigation,
    .header-2.mad-header .mad-navigation-container {
        position: initial;
    }

    .mad-header.header-2 .mad-navigation > li.mega-menu > .sub-menu {
        margin-top: 1rem;
    }

    .mad-header.header-2 .mad-header-items {
        position: relative;
    }

    .mad-actions .mad-item-link .mad-count {
        position: absolute;
        top: 0;
        right: 0;
        background: #bf3030;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        color: #fff;
        font-size: 0.75rem;
        font-weight: bold;
        border-radius: 50%;
        margin-right: -3px;
        margin-top: -5px;
    }

    /* ----------------------------------------
        Header Section
    ---------------------------------------- */

        .mad-header-section {
            display: block;
            padding: 3.5rem 4rem 2.5rem;
        }

    /* ----------------------------------------
        Header Items
    ---------------------------------------- */

        .mad-header-items {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
        }

        .mad-header .mad-header-section .mad-header-items:not(:last-child) {
            margin-bottom: 2rem;
        }

        .mad-logo {
            display: inline-block;
        }

        .mad-header-items > *:nth-child(2):not(:last-child) {
            text-align: center;
        }

        .mad-header-items.item-col-2 > *:last-child {
            text-align: right;
        }

        .mad-header .mad-social-icons > ul {
            justify-content: flex-end;
        }

        .mad-header .mad-navigation {
            justify-content: center;
        }

    /* ----------------------------------------
        Navigation
    ---------------------------------------- */

        .mad-navigation {
            letter-spacing: 0.1px;
            z-index: 4;
            text-align: initial;
            display: flex;
        }

        .mad-navigation > li {
            margin: 0 1.25rem;
            position: relative;
        }

        .mad-navigation > li > a {
            color: black;
            text-transform: uppercase;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0.5px;
            -webkit-transition-property: background-color;
                    transition-property: background-color;
            -webkit-transition-delay: 0ms;
                    transition-delay: 0ms;
            -webkit-transition-duration: 500ms;
                    transition-duration: 500ms;
            -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            display: block;
            position: relative;
        }

        .mad-navigation > li > a:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            height: 2px;
            width: 0;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease;
        }

        .mad-navigation > li:hover > a::before,
        .mad-navigation > li.current-menu-item > a::before {
            opacity: 1;
            visibility: visible;
            width: 100%;
            left: 0;
        }

        .mad-no-touchevents .mad-navigation > li:hover > a::before,
        .mad-no-touchevents .mad-navigation > .mad-seleceted > a::before,
        .mad-touchevents .mad-navigation > .mad-tapped > a::before,
        .mad-navigation > .current-menu-ancestor > a::before,
        .mad-navigation > .current-menu-parent > a::before,
        .mad-navigation > .current-menu-item > a::before {
            opacity: 1;
        }

        .mad-mobile-nav-btn {
            background-color: #57a2cc;
        }

        .mad-navigation > li > .sub-menu {
            margin-top: 1.5rem;
            left: -2rem;
        }

        .mad-navigation .sub-menu {
            min-width: 17.75rem;
            padding: 1.5rem 2rem;
            font-size: 1rem;
            font-weight: normal;
            position: absolute;
            top: 100%;
            line-height: 2rem;
            opacity: 0;
            visibility: hidden;
            color: #fff;
            background-color: rgba(0,33,50,0.9);
            -webkit-transition-property: opacity, visibility;
                    transition-property: opacity, visibility;
            -webkit-transition-delay: 0ms;
                    transition-delay: 0ms;
            -webkit-transition-duration: 500ms;
                    transition-duration: 500ms;
            -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

            -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1);
            -moz-box-shadow:    0px 0px 30px 0px rgba(15, 27, 56, 0.1);
            box-shadow:         0px 0px 30px 0px rgba(15, 27, 56, 0.1);
        }

        .mad-navigation .sub-menu:before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 0;
            width: 100%;
            height: 32px;
        }

        .mad-navigation .sub-menu a {
            color: #fff;
        }

        .mad-navigation .sub-menu > li {
            display: block;
            line-height: 1.5rem;
        }

        .mad-navigation > li:not(.mega-menu) .sub-menu > li:not(:last-child),
        .mad-navigation > li.mega-menu .sub-menu li:not(:last-child) {
            margin-bottom: 1rem;
        }

        .mad-navigation .sub-menu > li a {
            border-bottom: 1px solid transparent;
        }

        .mad-navigation .sub-menu > li.sub-wrap a.sub-title {
            width: 100%;
        }

        .mad-navigation .sub-menu.mad-reverse {
            left: auto;
            right: -1.625rem;
        }

        .mad-navigation li:not(.mega-menu) .sub-menu .sub-menu:not(.mad-reverse) {
            top: -24px;
            margin-left: 2.5rem;
            left: 100%;
            z-index: 1;
        }

        .mad-navigation .sub-menu .sub-menu:after {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 0;
            padding: 0 0px;
            width: 155%;
            height: 100%;
            z-index: -1;
        }

        .mad-navigation .sub-menu .sub-menu.mad-reverse {
            left: auto;
            margin-left: 0;
            margin-right: 2.5rem;
            right: 100%;
        }

        .mad-navigation .sub-menu .menu-item-has-children {
            position: relative;
            padding-right: 2.8rem;
        }

        .mad-navigation .sub-menu .menu-item-has-children::after {
            font-family: Linearicons;
            content: "\e93c";
            position: absolute;
            top: 0;
            right: 0;
            font-size: 0.9375rem;
            line-height: inherit;
        }

        .mad-no-touchevents .mad-navigation .sub-menu li:hover > a,
        .mad-no-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-selected > a,
        .mad-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-tapped > a,
        .mad-navigation .sub-menu .current-menu-item > a,
        .mad-navigation .sub-menu .current-menu-ancestor > a,
        .mad-navigation .sub-menu .current-menu-parent > a {
            border-color: inherit;
        }

        .mad-no-touchevents .menu-item-has-children:hover > .sub-menu,
        .mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu,
        .mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu {
            opacity: 1;
            visibility: visible;
        }

        .mad-csstransforms3d .mad-navigation .sub-menu {
            -webkit-transition-property: -webkit-transform, opacity, visibility;
                    transition-property: transform, opacity, visibility;

            -webkit-transform: scale3d(0.9, 0.9, 0.9);
                    transform: scale3d(0.9, 0.9, 0.9);
        }

        .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children:hover > .sub-menu,
        .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu,
        .mad-csstransforms3d.mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu {
            -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
        }

        .mad-mobile-nav-btn {
            width: 3.75rem;
            height: 3.75rem;
            font-size: 1.25rem;
            text-align: center;
            line-height: 1;
            color: #fff;
            display: none;
        }

        .mad-mobile-nav-btn::after {
            font-family: Linearicons;
            content: "\e92b";
        }

        .mad-mobile-nav-btn.mad-opened {
            background-color: #6dcbff;
            color: #040a1c;
        }

        .mad-vr-menu {
            position: relative;
            font-family: 'Asap', sans-serif;
            font-size: 1rem;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 500;
        }

        .mad-vr-menu:after,
        .mad-vr-menu:before {
            content: '';
            position: absolute;
            top: 100%;
            width: 100%;
            height: 2px;
            background: #fff;
            transition: all .3s ease;
            left: 0;
            margin-top: 0.5rem;
        }

        .mad-vr-menu:before {
            left: auto;
            right: 0;
            margin-top: 0.875rem;
            width: 70%;
        }

        .mad-vr-menu:hover:before {
            width: 100%;
        }

        .mad-vr-wrap {
            background: url(../images/footer_bottom_img_2.png) no-repeat bottom center;
            width: 100%;
            height: 100%;
            padding: 2rem;
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            z-index: 1;
            background-size: contain;
        }

        .mad-vr-wrap:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 544px;
            z-index: -1;
            background: -moz-linear-gradient(top, rgba(226,245,255,0) 0%, rgba(226,245,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }

        .mad-vr-wrap nav {
            position: relative;
            z-index: 9;
        }

        .mad-vr-nav > ul > li.menu-item-has-children .sub-menu {
            display: none;
        }

        .mad-vr-nav > ul > li:not(:last-child) {
            margin-bottom: 2rem;
        }

        .mad-vr-nav > ul > li > a {
            font-size: 1.875rem;
            text-transform: uppercase;
        }

        .mad-vr-nav ul li a {
            border-bottom: 2px solid transparent;
            /* white-space: nowrap; */
            color: #040a1c;
        }

        .mad-vr-nav .sub-menu {
            padding-top: 1rem;
        }

        .mad-vr-nav .sub-menu li:not(:last-child) {
            margin-bottom: 1rem;
        }

        .mad-vr-nav .sub-menu li a {
            font-size: 1.5rem;
        }

        .mad-vr-nav > ul > li.current-menu-item > a,
        .mad-vr-nav > ul > li:hover > a,
        .mad-vr-nav .sub-menu li:hover a,
        .mad-vr-nav .sub-menu li.current-menu-item a {
            border-bottom-color: inherit;
        }

        .mad-menu-close {
            font-size: 2rem;
            color: #001119;
            position: absolute;
            right: 4rem;
            top: 4rem;
        }

        .mad-menu-close i {
            font-size: 2rem;
        }

        .mad-vr-wrap .mad-logo {
            position: absolute;
            top: 3.5rem;
            left: 50%;
            transform: translateX(-50%);
        }

        .mad-vr-wrap .mad-social-icons {
            margin-top: 4.5rem;
        }

        /* Pages Navigation */

        .mad-page-nav {
            margin-top: 2rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: -1rem;
            margin-left: -10px;
            margin-right: -10px;
        }

        .mad-page-nav > [class*="mad-nav-"] {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            color: #57a2cc;
            line-height: 1rem;
            width: 100%;
            max-width: 22rem;
            position: relative;
            margin-bottom: 1rem;
        }

        .mad-page-nav > [class*="mad-nav-"]:before {
            font-family: 'linearicons';
            font-size: 2.5rem;
            color: #cac9c9;
            min-width: 3.625rem;
            transition: all .5s ease;
            cursor: pointer;
        }

        .mad-page-nav > .mad-nav-left:before {
            content: "\e93b";
        }

        .mad-page-nav > .mad-nav-right:before {
            content: "\e93c";
        }

        .mad-page-nav > [class*="mad-nav-"]:hover:before {
            color: #6dcbff;
        }

        .nav-actions a b {
            font-weight: normal;
        }

        .mad-page-nav > .mad-nav-right {
            flex-direction: row-reverse;
            text-align: right;
        }

        .mad-page-nav > [class*="mad-nav-"] figure {
            min-width: 5.5rem;
        }

        .mad-page-nav .nav-actions {
            padding: 0 1.5rem;
        }

        .nav-actions > .nav-post {
            font-style: italic;
            margin-bottom: 8px;
            display: inline-block;
        }

        .nav-actions h6 {
            font-weight: 600;
            font-size: 1.125rem;
            line-height: 1.5rem;
            font-family: 'Asap', sans-serif;
        }

/* ----------------------------------------
    Breadcrumb
---------------------------------------- */

    .mad-breadcrumb {
        padding-top: 4.25rem;
        padding-bottom: 5rem;
        color: #e2f5ff;
        min-height: 34rem;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        text-align: center;
        z-index: 1;
        position: relative;
    }

    .mad-breadcrumb-path:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-breadcrumb-path {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 1px;
        font-style: italic;
        vertical-align: baseline;
        margin: 0 -0.3rem;
    }

    .mad-breadcrumb-path > span {
        display: inline-block;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .mad-breadcrumb .mad-page-title {
        color: #fff;
        font-size: 4.5rem;
        letter-spacing: -0.5px;
        line-height: 5.5rem;
    }

    .mad-breadcrumb a {
        color: #e2f5ff;
    }

    .mad-breadcrumb a:hover {
        text-decoration: underline;
    }

    .mad-breadcrumb.with-bg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,33,50,0.6);
        z-index: -1;
    }

    .mad-breadcrumb.type-2 {
        min-height: 100%;
        padding: 1rem 0 0.9375rem;
        border-bottom: 1px solid #d7e0e5;
    }

    .mad-breadcrumb.type-2 a,
    .mad-breadcrumb.type-2 {
        color: #00517f;
    }

/* ----------------------------------------
    Sections
---------------------------------------- */

    .mad-content,
    .mad-section {
        padding-top: 5rem;
        padding-bottom: 9rem;
    }

    .mad-content.small-gap-top {
        padding-top: 2rem;
    }

    .mad-section {
        position: relative;
    }

    .mad-section.size-2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .mad-section.size-3 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .mad-section.size-4 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .mad-content.no-pd,
    .mad-section.no-pd {
        padding: 0;
    }

    .mad-content.mad-content--no-pt,
    .mad-section.no-pt {
        padding-top: 0;
    }

    .mad-content.mad-content--no-pb,
    .mad-section.no-pb {
        padding-bottom: 0;
    }

    .mad-section--parallax {
        background-size: auto;
    }

    .content-element:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .content-element-2:not(:last-child) {
        margin-bottom: 1rem;
    }

    .content-element-3:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .content-element-4:not(:last-child) {
        margin-bottom: 2rem;
    }

    .content-element-5:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .content-element-6:not(:last-child) {
        margin-bottom: 3rem;
    }

    .content-element-7:not(:last-child) {
        margin-bottom: 3.5rem;
    }

    .content-element-8:not(:last-child) {
        margin-bottom: 4rem;
    }

    .content-element-9:not(:last-child) {
        margin-bottom: 4.5rem;
    }

    .content-element-10:not(:last-child) {
        margin-bottom: 5rem;
    }

    .content-element-11:not(:last-child) {
        margin-bottom: 5.5rem;
    }

    .content-element-12:not(:last-child) {
        margin-bottom: 6rem;
    }

    .content-element-13:not(:last-child) {
        margin-bottom: 6.5rem;
    }

    .content-element-14:not(:last-child) {
        margin-bottom: 7rem;
    }

    .content-element-15:not(:last-child) {
        margin-bottom: 7.5rem;
    }

    .content-element-16:not(:last-child) {
        margin-bottom: 8rem;
    }

    .content-element-17:not(:last-child) {
        margin-bottom: 8.5rem;
    }

    [class*="mad-offset"] {
        position: relative;
    }

    .row:not(.col-no-space) .mad-offset-left,
    .mad-offset-left {
        padding-left: 7.5rem;
    }

    .row:not(.col-no-space) .mad-offset-right,
    .mad-offset-right {
        padding-right: 7.5rem;
    }

    .mad-offset-right.no-space {
        padding: 0;
    }

    .row:not(.col-no-space) .mad-offset,
    .mad-offset {
        padding: 0 7.5rem;
    }

    .mad-offset-right.with-top-space {
        margin-top: 4.75rem;
    }

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

    /* ----------------------------------------
        Widgets
    ---------------------------------------- */

        .mad-widget {
            font-size: 1rem;
            line-height: 1.5rem;
        }

        .mad-widget:not(:last-child) {
            margin-bottom: 0.8rem;
        }

        .mad-sidebar .mad-widget:not(.no-bg) {
            padding: 2rem;
            background: #f5f7f8;
        }

        .mad-sidebar .mad-widget:not(:last-child) {
            margin-bottom: 2rem;
        }

        .mad-sidebar .mad-widget .mad-read-more {
            font-size: 1.125rem;
            line-height: 2rem;
        }
        
        .mad-sidebar .mad-widget .mad-newsletter-form {
            margin: 0;
        }

        /* ----------------------------------------
            Sponsors widget
        ---------------------------------------- */

            .mad-sponsors {
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }

            .mad-csstransforms3d .mad-sponsors.style-2 img {
                -webkit-transition-property: all;
                        transition-property: all;
                -webkit-transition-delay: 0ms;
                        transition-delay: 0ms;
                -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                -webkit-transition-timing-function: cubic-bezier(0.25, 3, 0.79, 0.38);
                        transition-timing-function: cubic-bezier(0.25, 3, 0.79, 0.38);
                        opacity: 0.7;
            }

            .mad-csstransforms3d .mad-sponsors.style-2 a:hover > img {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                        transform: scale3d(1.05, 1.05, 1.05);
                        opacity: 1;
            }

        /* ----------------------------------------
            Tags
        ---------------------------------------- */

            .tagcloud {
                display: flex;
                flex-wrap: wrap;
                margin: -4px;
            }

            .tagcloud > a {
                color: #00517f;
                font-size: 0.875rem;
                line-height: 2rem;
                white-space: nowrap;
                padding: 0 1rem;
                background: #d7e0e5;
                font-style: italic;
                display: inline-block;
                margin: 4px;
            }

            .tagcloud > a:hover {
                background: #00517f;
                color: #fff;
            }
            
            .tags-wrap {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }

            .tags-wrap > span {
                font-style: italic;
                padding-right: 1rem;
            }

        /* ----------------------------------------
            Search
        ---------------------------------------- */


        /* ----------------------------------------
            Timetable
        ---------------------------------------- */

            .mad-timetable:not(:last-child) {
                margin-bottom: 2rem;
            }

            .mad-timetable .mad-tt-title {
                font-weight: 500;
            }

        /* ----------------------------------------
            Entities
        ---------------------------------------- */

            .mad-widget .mad-entities .mad-entity {
                overflow: hidden;
            }

        /* ----------------------------------------
            Calendar
        ---------------------------------------- */

            .calendar_wrap:not(:last-child) {
                margin-bottom: 3rem;
            }

            .calendar_wrap table {
                font-size: 0.875rem;
                line-height: 1.5rem;
                border-width: 0;
                background: #fff;
                font-size: 1rem;
            }

            .calendar_wrap table tbody {
                position: relative;
            }

            .calendar_wrap table caption {
                color: #fff;
                font-size: 1.25rem;
                line-height: 1.5rem;
                font-weight: 500;
                font-style: italic;
                text-align: center;
                border-style: inherit;
                border-color: inherit;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                background: #00517f;
                position: relative;
                z-index: 2;
            }

            .calendar_wrap table tr:hover {
                background-color: transparent;
            }

            .calendar_wrap table thead {
                background-color: #57a2cc;
            }

            .calendar_wrap table tbody {
                border: 2px solid #d7e0e5;
                border-bottom-width: 2px;
                border-top: none;
            }

            .calendar_wrap table thead th {
                font-weight: 400;
                color: #fff;
                text-transform: uppercase;
            }

            .calendar_wrap table td > a,
            .calendar_wrap table td > div > a {
                position: relative;
                z-index: 1;
                color: #fff;
            }

            .calendar_wrap table td > a:before,
            .calendar_wrap table td > div > a:before {
                content: '';
                position: absolute;
                background: #00517f;
                border-radius: 50%;
                width: 2rem;
                height: 2rem;
                top: 50%;
                left: 50%;
                margin-top: -1rem;
                margin-left: -1rem;
                line-height: 2rem;
                z-index: -1;
            }

            .calendar_wrap table td .marker {
                background: #f5f7f8;
                height: 100%;
                line-height: inherit;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .calendar_wrap table td.first {
                color: #b2b2b3;
            }

            .calendar_wrap table th, .calendar_wrap table td {
                padding: 0;
                text-align: center;
                line-height: 3rem;
                vertical-align: middle;
                border-bottom: none;
            }

            .calendar_wrap table tr td:not(:last-child) {
                border-right: 1px solid #d7e0e5;
            }

            .calendar_wrap table tfoot td {
                padding: 1.4rem 0 0;
                border-width: 0;
            }

            .calendar_wrap table tfoot #prev a,
            .calendar_wrap table tfoot #next a {
                font-size: 0.8125rem;
                line-height: 1.5rem;
                font-weight: 800;
                border: none;
                letter-spacing: 1.8px;
                text-transform: uppercase;
            }

            .calendar_wrap table tfoot #prev {
                text-align: left;
            }

            .calendar_wrap table tfoot #next {
                text-align: right;
            }

            .calendar_wrap table .calendar-caption-prev,
            .calendar_wrap table .calendar-caption-next {
                display: block;
                position: absolute;
                top: 0;
                line-height: 4rem;
                height: 100%;
                font-size: 2rem;
                width: 62px;
                text-align: center;
                color: #cac9c9;
                -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                        transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            }

            .calendar_wrap table thead {
                border-left: 2px solid #57a2cc;
                border-right: 2px solid #57a2cc;
            }

            .calendar_wrap table .calendar-caption-prev i,
            .calendar_wrap table .calendar-caption-next i {
                font-size: 24px;
            }

            .calendar_wrap table .calendar-caption-prev {
                left: 0;
            }

            .calendar_wrap table .calendar-caption-next {
                right: 0;
            }

            .big-calendar.calendar_wrap:not(:last-child) {
                margin-bottom: 3.5rem;
            }

            .big-calendar.calendar_wrap table thead th,
            .big-calendar.calendar_wrap table tr td {
                text-align: left;
                padding: 1.5rem;
                line-height: 1rem;
                vertical-align: top;
            }

            .big-calendar.calendar_wrap table thead th {
                padding-top: 1rem;
                padding-bottom: 1rem;
            }

            .big-calendar.calendar_wrap table tr td {
                font-size: 24px;
                font-weight: 500;
                color: #b8b7b7;
            }

            .big-calendar.calendar_wrap table tr td:hover {
                border-bottom: 2px solid #00517f!important;
            }

            .big-calendar.calendar_wrap table tr td.active {
                color: #595758;
            }

            .big-calendar.calendar_wrap table tr:not(:last-child) td {
                border-bottom: 1px solid #d7e0e5;
            }

            .calendar_wrap.big-calendar table td > *:not(:last-child) {
                margin-bottom: 1.5rem;
            }

            .calendar_wrap.big-calendar table td a:before {
                width: 3rem;
                height: 3rem;
                margin-top: -1.5rem;
                margin-left: -1.5rem;
            }

            .calendar_wrap.big-calendar .mad-event .mad-event-title {
                position: relative;
                display: inline-block;
            }

            .calendar_wrap.big-calendar .mad-event .mad-event-title:hover .mad-dropdown-element {
                opacity: 1;
                visibility: visible;
            }

            .calendar_wrap.big-calendar .mad-event .mad-event-title a,
            .calendar_wrap.big-calendar .mad-event .mad-event-title {
                font-size: 0.875rem;
                line-height: 1rem;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element {
                position: absolute;
                top: 0;
                left: 100%;
                padding: 1.5rem;
                background: #fff;
                width: 280px;
                min-width: 100%;
                margin-top: 0;
                -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
                -moz-box-shadow:    0px 0px 24px 0px rgba(0, 18, 29, 0.17);
                box-shadow:         0px 0px 24px 0px rgba(0, 18, 29, 0.17);
                z-index: 2;

                opacity: 0;
                visibility: hidden;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content {
                color: #595758;
                line-height: 1rem;
                font-size: 0.8125rem;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content .mad-event-title:not(:last-child) {
                margin-bottom: .5rem;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element figure:not(:last-child) {
                margin-bottom: 1rem;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content .mad-event-title,
            .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content .mad-event-title a {
                font-size: 1rem;
                line-height: 1.5rem;
                font-style: normal;
            }

            .calendar_wrap.big-calendar span.mad-event-sub {
                font-size: 0.75rem;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-sub {
                font-size: 0.8125rem;
                line-height: 1rem;
            }

            .calendar_wrap.big-calendar .mad-dropdown-element .mad-event-sub:not(:last-child) {
                margin-bottom: 0.25rem;
            }

            .calendar_wrap.big-calendar .mad-abs-title {
                position: relative;
            }

            .calendar_wrap.big-calendar .mad-abs-title .mad-event-title {
                position: absolute;
                left: 0;
                top: 0;
                padding: 8px 24px;
                margin-left: -24px;
                width: calc(200% + 97px);
                background: #f5f7f8;
            }

            .calendar_wrap.big-calendar {
                overflow: visible;
            }

            .calendar_wrap.calendar-medium table tr td {
               height: 5vw;
            }

            .calendar_wrap.calendar-medium table td > a:before, 
            .calendar_wrap.calendar-medium table td > div > a:before {
                width: 3.5rem;
                height: 3.5rem;
                margin-top: -1.75rem;
                margin-left: -1.75rem;
            }

        /* ----------------------------------------
            Recent Comments
        ---------------------------------------- */

            .mad-widget .recentcomments {
                font-size: 18px;
                line-height: 2rem;
            }

            .mad-widget .recentcomments li:not(:last-child) {
                margin-bottom: 1rem;
            }

            .mad-widget .recentcomments li {
                position: relative;
                padding-left: 2rem;
            }

            .mad-widget .recentcomments li:before {
                position: absolute;
                font-family: 'Material Icons Outlined';
                content: 'comment';
                font-size: 1rem;
                top: 0;
                left: 0;
                line-height: 2rem;
                color: #5ea6ce;
            }

            .mad-widget .recentcomments li a {
                color: #00517f;
            }

            .mad-widget .recentcomments li a:hover {
                text-decoration: underline;
            }

        /* ----------------------------------------
            Email
        ---------------------------------------- */

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

    .mad-footer {
        position: relative;
        color: #e2f5ff;
        padding: 8rem 0;
        background: url(../images/footer_bottom_img.png) no-repeat #00283f bottom center;
        background-size: contain;
    }

    .mad-footer:not(.style-3) a {
        color: #6dcbff;
    }

    .mad-footer address {
        font-style: normal;
    }

    .mad-footer address:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    .mad-footer .mad-icon-btn {
        color: #040a1c;
        font-size: 1.875rem;
    }

    .mad-footer .mad-widget {
        font-size: inherit;
        line-height: inherit;
        text-align: center;
    }

    .mad-footer .mad-widget .mad-widget-title {
        color: #fff;
    }

    .copyrights {
        margin-top: 4.25rem;
        text-align: center;
        font-size: 16px;
    }

    .copyrights a {
        color: inherit;
    }

    /* Style 2 */

    .mad-footer.style-2 {
        color: #7a7879;
        text-align: center;
        background: url(../images/footer_bottom_img_2.png) no-repeat transparent bottom center;
    }

    .mad-footer.style-2 .mad-widget .mad-widget-title {
        color: #040a1c;
    }

    .mad-footer.style-2:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 544px;
        z-index: -1;
        background: -moz-linear-gradient(top, rgba(226,245,255,0) 0%, rgba(226,245,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .with-side-menu .mad-footer.style-2 {
        color: #595758;
        text-align: center;
        background: none;
        padding: 0;
    }

    .with-side-menu .mad-footer.style-2:after,
    .with-side-menu .mad-footer.style-2:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        background: url(../images/footer_2_left.png) no-repeat bottom left;
    }

    .with-side-menu .mad-footer.style-2:before {
        background: url(../images/footer_2_right.png) no-repeat bottom right;
    }

    .with-side-menu .mad-footer.style-2 .mad-footer-main {
        position: relative;
        padding: 8rem 0;
    }

    .with-side-menu .mad-footer.style-2 .mad-footer-main:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 544px;
        z-index: -1;
        background: -moz-linear-gradient(top, rgba(226,245,255,0) 0%, rgba(226,245,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(226,245,255,0) 0%,rgba(226,245,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mad-footer.style-2 .mad-widget:not(:last-child) {
        margin-bottom: 4.5rem;
    }

    .mad-footer.style-2 .mad-hr-list ul {
        justify-content: center;
    }

    .mad-footer.style-2 a {
        color: #00517f;
    }

    .mad-footer.style-2 .copyrights {
        color: #7a7879;
        margin-top: 1.5rem;
    }
    
    @media only screen and (max-width: 450px) {

        div#tab-2.mad-active{
            margin-top:-340%;
        }

    }

    .mad-footer.style-2 .mad-logo:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-footer.style-3 {
        background: url(../images/1920x512_bg1.jpg) no-repeat;
        padding-left: 7.5rem;
    }

    .mad-footer.style-3,
    .mad-footer.style-3 .mad-widget {
        text-align: left;
    }

    .mad-footer.style-3 .copyrights {
        color: #7a7879;
        margin-top: 1rem;
        text-align: left;
    }

/* ----------------------------------------
    Grid
---------------------------------------- */

    [class*="item-col-"]:not(.no-gutters) {
        margin: -2rem -1rem 0;
    }

    [class*="item-col-"]:not(.no-gutters) > * {
        padding: 2rem 1rem 0;
    }

    .item-col {
        width: 100%; 
    }

    .item-col-2 > *{
        width: 50%;
    }

    .item-col-3 > *{
        width: 33.3333%;
    }

    .item-col-4 > *{
        width: 25%;
    }

    .item-col-5 > *{
        width: 20%;
    }

    .item-col-6 > *{
        width: 16.6666%;
    }

    .row:not(.col-no-space) {
        margin-bottom: -2rem;
    }

    .row:not(.col-no-space) > [class*="col"] {
        padding-bottom: 4rem;
    }

    .row:not(.no-gutters):not(.col-no-space).hr-size-2,
    .row:not(.no-gutters):not(.col-no-space).vr-size-2 {
        margin-bottom: -6rem;
    }

    .row:not(.no-gutters):not(.col-no-space).hr-size-2 > [class*="col"],
    .row:not(.no-gutters):not(.col-no-space).vr-size-2 > [class*="col"] {
        padding-bottom: 6rem;
    }

    .row:not(.no-gutters):not(.col-no-space).hr-size-1 {
        margin-bottom: -3rem;
    }

    .row:not(.no-gutters):not(.col-no-space).hr-size-1 > [class*="col"] {
        padding-bottom: 3rem;
    }

    [class*="item-col-"].size-2:not(.no-gutters) {
        margin: -4.5rem -2.25rem 0;
    }

    [class*="item-col-"].size-2:not(.no-gutters) > * {
        padding: 4.5rem 2.25rem 0;
    }

/* ----------------------------------------
    Square image
---------------------------------------- */

    .mad-square-image[data-bg-image-src] {
        position: relative;
        height: 0;
        padding-bottom: 100%;
    }

    .mad-square-image[data-bg-image-src] a {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .mad-square-image.mad-square-image--size-90 {
        padding-bottom: 90%;
    }

    .mad-square-image.mad-square-image--size-80 {
        padding-bottom: 80%;
    }

    .mad-square-image.mad-square-image--size-70 {
        padding-bottom: 70%;
    }

    .mad-square-image.mad-square-image--size-60 {
        padding-bottom: 60%;
    }

    .mad-square-image.mad-square-image--size-50 {
        padding-bottom: 50%;
    }

    .mad-square-image.mad-square-image--size-40 {
        padding-bottom: 40%;
    }

    .mad-square-image--position-left-top {
        background-position: left top;
    }

    .mad-square-image--position-left-center {
        background-position: left center;
    }

    .mad-square-image--position-left-bottom {
        background-position: left bottom;
    }

    .mad-square-image--position-center-top {
        background-position: center top;
    }

    .mad-square-image--position-center-center {
        background-position: center center;
    }

    .mad-square-image--position-center-bottom {
        background-position: center bottom;
    }

    .mad-square-image--position-right-top {
        background-position: right top;
    }

    .mad-square-image--position-right-center {
        background-position: right center;
    }

    .mad-square-image--position-right-bottom {
        background-position: right bottom;
    }

/* ----------------------------------------
    Modals
---------------------------------------- */

    .mad-modal {
        position: relative;
        width: 100%;
        height: 100%;
    }

/* ----------------------------------------
    Arctic Modal
---------------------------------------- */

    .arcticmodal-container {
        background-color: #fff;
    }

    .arcticmodal-container_i2 {
        padding: 0;
        height: 100%;
    }

    .arcticmodal-container table {
        background-color: transparent;
        border: none;
    }

    .arcticmodal-container table tr {
        border: none;
        -webkit-transition: none;
                transition: none;
    }

    .arcticmodal-container table tr:hover {
        background-color: transparent;
    }

    .arcticmodal-close {
        font-size: 2rem;
        color: #001119;
        position: absolute;
        right: 4rem;
        top: 4rem;
    }

    .arcticmodal-close i {
        font-size: 2.5rem;
    }

/* ----------------------------------------
    Search Modal
---------------------------------------- */

    .mad-modal--search .arcticmodal-container_i2 {
        vertical-align: middle;
    }

    .mad-modal--search {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .mad-modal--search:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 50%;
        z-index: -1;
    }

    .mad-modal--search .mad-title {
        margin-right: 2rem;
    }

    .mad-modal--search .mad-title:not(:last-child) {
        margin-bottom: 0;
    }

    .mad-modal--search form {
        width: 40%;
        display: flex;
    }

    .mad-modal--search form input {
        width: 100%;
    }

    .mad-modal--search form button {
        width: 4rem;
        height: 4rem;
        min-width: 4rem;
        line-height: 4rem;
        padding: 0;
        text-align: center;
        color: #fff;
        margin-left: 8px;
        position: relative;
    }

    .mad-modal--search form button i {
        font-size: 1.5rem;
        line-height: 4rem;
    }

/* ----------------------------------------
    Responsive Iframe
---------------------------------------- */

    .mad-responsive-iframe {
        position: relative;
        height: 0;
        padding-bottom: 56%;
    }

    .mad-responsive-iframe > iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .mad-fullwidth-iframe > iframe {
        width: 100%;
    }

/* ----------------------------------------
    Comments
---------------------------------------- */

    .comments-list {
        overflow: hidden;
    }

    .comments-list > .comment:first-child {
        margin-top: -2.5rem;
    }

    .comment {
        padding-top: 2.5rem;
    }

    .comment .fn {
        font-size: 1.125rem;
        color: #040a1c;
        display: block;
        font-weight: bold;
        font-style: normal;
        font-family: 'Asap', sans-serif;
    }

    .comment-author-avatar {
        float: left;
        margin-right: 1.25rem;
        position: relative;
        z-index: 2;
    }

    .comment .children > li,
    .comment.comment-has-children > .comment-body > .comment-author-info {
        position: relative;
    }

    .comment-author-info {
        padding-left: 6.125rem;
    }

    .comment-meta {
        font-size: 0.875rem;
        line-height: 1rem;
        font-style: italic;
        margin-bottom: 0.9rem;
        color: #57a2cc;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -0.5rem;
    }

    .comment-meta > * {
        margin-top: 0.5rem;
    }

    .comment-content:not(:last-child) {
        margin-bottom: 0.1rem;
    }

    .comment-actions {
        font-size: 0.6875rem;
        line-height: 1.75rem;
        text-transform: uppercase;
        color: #b1b1b1;
        letter-spacing: 0.82px;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .comment-actions > a {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

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

    .comment .children {
        padding-left: 6.25rem;
        overflow: hidden;
    }

/* ----------------------------------------
    Vertical Navigation
---------------------------------------- */

    .mad-navigation-vertical {
        display: block !important;
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .mad-navigation-vertical .sub-menu {
        padding-top: 0.125rem;
        padding-bottom: 0.625rem;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }

    .mad-navigation-vertical .sub-menu > li {
        margin-top: 0.5rem;
    }

    .mad-navigation-vertical .sub-menu > li.menu-item-has-children > a::after {
        font-family: 'Linearicons';
        content: "\e93a";
        margin-left: 0.4rem;
        vertical-align: middle;
        font-size: 0.75rem;
    }

    .mad-navigation-vertical .sub-menu a {
        color: #b1b1b1;
    }

    .mad-navigation-vertical > li:hover > a::before,
    .mad-navigation-vertical > li.mad-seleceted > a::before,
    .mad-navigation-vertical > li.mad-tapped > a::before,
    .mad-navigation-vertical > li.current-menu-ancestor > a::before,
    .mad-navigation-vertical > li.current-menu-parent > a::before,
    .mad-navigation-vertical > li.current-menu-item > a::before {
        opacity: 1;
    }

    .mad-navigation-vertical > li > a {
        text-transform: uppercase;
        letter-spacing: 0.81px;
        display: block;
        padding: 0.48rem 1.875rem;
        position: relative;
    }

    .mad-navigation-vertical > li > a::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 3px;
        opacity: 0;
        -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-navigation-vertical a {
        color: #040a1c;
        -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-body--scheme-brown .mad-navigation-vertical > li > a::before {
        background-color: #ba89f4;
    }

/* ----------------------------------------
3. Components
---------------------------------------- */

/* ----------------------------------------
    Social icons
---------------------------------------- */

    .mad-social-icons > ul {
        display: flex;
        flex-wrap: wrap;
        font-style: normal;
        margin: -1rem -1rem 0;
    }

    .mad-social-icons ul li {
        padding: 1rem 1rem 0;
        font-size: 1.3125rem;
    }

    .mad-social-icons ul li a {
        color: #fff;
        opacity: 0.5;
        font-size: 1.5rem;
    }

    .mad-social-icons ul li a i {
        vertical-align: inherit;
    }

    .mad-social-icons ul li a:hover {
        opacity: 1;
    }

    .mad-social-icons.style-2 ul li a {
        color: #6dcbff;
    }

    .mad-social-icons.size-big ul li a {
        font-size: 2rem;
    }

    .mad-social-icons.style-3 ul li a {
        color: #00517f;
    }

    .mad-social-icons.size-2 ul li a {
        font-size: 1.25rem;
    }

    .mad-social-icons.size-2 ul {
        margin: -0.75rem -0.75rem 0;
    }

    .mad-social-icons.size-2 ul li {
        padding: 0.75rem 0.75rem 0;
    }

/* ----------------------------------------
    Dropcaps
---------------------------------------- */

    .mad-dropcap > *:first-child:first-letter {
        font-size: 3.5rem;
        font-family: "Satisfy", serif;
        font-weight: 900;
        line-height: 1;
        display: block;
        float: left;
        margin-right: 1rem;
        margin-top: 8px;
        color: #00517f;
    }

    .mad-dropcap--filled > *:first-child:first-letter {
        color: #6dcbff;
    }

    /* firefox only */
    @-moz-document url-prefix() {
        .mad-dropcap > *:first-child:first-letter {
            margin-top: 6px;
        }
        .mad-dropcap--filled > *:first-child:first-letter {
            margin-top: 4px;
            padding-top: 0.6rem;
            padding-bottom: 0.455rem;
        }
    }

/* ----------------------------------------
    Alert Boxes
---------------------------------------- */

    .mad-alert-boxes-example {
        margin-top: -1rem;
    }

    .mad-alert-box {
        padding-top: 1rem;
    }

    .mad-alert-box strong {
        font-weight: inherit;
    }

    .mad-alert-box-inner {
        position: relative;
        padding-top: 19px;
        padding-bottom: 19px;
        padding-left: 4.5rem;
        padding-right: 3.75rem;
        text-align: initial;
    }

    .mad-alert-box-inner::before {
        font-family: 'Material Icons Outlined';
        font-size: 1.5rem;
        line-height: 1;
        position: absolute;
        left: 2rem;
        top: 24px;
    }

    .mad-alert-box-close {
        position: absolute;
        color: transparent;
        font-size: 1rem;
        line-height: 1;
        display: block;
        width: 1rem;
        height: 1rem;
        right: 2rem;
        top: 50%;
        margin-top: -0.5rem;
        overflow: hidden;
    }

    .mad-alert-box-close::-moz-selection {
        color: transparent;
    }

    .mad-alert-box-close::selection {
        color: transparent;
    }

    .mad-alert-box-close::-webkit-selection {
        color: transparent;
    }

    .mad-alert-box-close::after {
        font-family: "Material Icons";
        content: 'close';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        font-weight: bold;
        margin-top: -0.575rem;
        color: #686168;
    }

    .mad-alert-box--success {
        color: #38a100;
    }

    .mad-alert-box--success .mad-alert-box-inner {
        background:#e6f7dd;
        color: #277500;
    }

    .mad-alert-box--success .mad-alert-box-inner::before {
        content: "check_circle";
    }

    .mad-alert-box--warning {
        color: #ed4d0c;
    }

    .mad-alert-box--warning .mad-alert-box-inner {
        background: #ffe4d9;
        color: #c63801;
    }

    .mad-alert-box--warning .mad-alert-box-inner::before {
        content: "notification_important";
    }

    .mad-alert-box--info {
        color: #00517f;
    }

    .mad-alert-box--info .mad-alert-box-inner {
        color: #00517f;
        background: #e2f5ff;
    }

    .mad-alert-box--info .mad-alert-box-inner::before {
        content: "info";
    }

    .mad-alert-box--error {
        color: #8c0e13;
    }

    .mad-alert-box--error .mad-alert-box-inner {
        background: #ffe4e6;
    }

    .mad-alert-box--error .mad-alert-box-inner::before {
        content: "highlight_off";
    }

    .mad-csstransforms3d .mad-alert-box-close {
        -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 3, 0.75, 0.9);
                transition:         transform .4s cubic-bezier(0.25, 3, 0.75, 0.9);
    }

    .mad-csstransforms3d .mad-alert-box-close:hover {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
                transform: scale3d(1.3, 1.3, 1.3);
    }

/* ----------------------------------------
    Lists
---------------------------------------- */

    .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before,
    .mad-entity-content ul > li i {
        font-size: 1.125rem;
        color: #00517f;
    }

    .mad-entity-content ol {
        list-style-position: inside;
        list-style-type: decimal;
    }

    .mad-entity-content ol ol, .mad-entity-content ol ul {
        padding-left: 2rem;
    }

    .mad-entity-content ol ul > li > ul,
    .mad-entity-content ol ul > li > ol {
        padding-left: 0;
    }
    
    .mad-list-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-entity-content.style-2 ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before,
    .mad-entity-content.style-2 ul > li i {
        color: #6dcbff;
    }

    /* ----------------------------------------
        Icon List
    ---------------------------------------- */

        .mad-list--icon > li,
        .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li {
            padding-left: 2rem;
            position: relative;
        }

        .mad-list--icon > li > .icon,
        .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before {
            position: absolute;
            left: 1px;
            top: 0;
            line-height: 2rem;
        }

        .mad-list--icon ul,
        .mad-entity-content > ul:not(.mad-list--icon):not(.mad-icon-first) {
            padding-top: 1rem;
        }

        .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), 
        .mad-list--icon > li:not(:last-child), .mad-list--icon-big > li:not(:last-child), 
        .mad-entity-content ol:not(.mad-list--unstyled) > li:not(:last-child),
        .mad-entity-content ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), 
        .mad-list--icon > li:not(:last-child), 
        .mad-list--icon-big > li:not(:last-child), 
        .mad-entity-content ol:not(.mad-list--unstyled) > li:not(:last-child) {
            margin-bottom: 1rem;
        }

    /* ----------------------------------------
        Horizontal list
    ---------------------------------------- */

    .mad-hr-list ul {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-hr-list ul li:not(:last-child) {
        margin-right: 1.5rem;
    }

    /* ----------------------------------------
        Vertical list
    ---------------------------------------- */

    .mad-vr-list ul li:not(:last-child),
    .mad-tag-list > li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-tag-list:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-tag-list {
        font-size: 1rem;
        line-height: 1.5rem;
        font-style: italic;
    }

    .mad-tag-list > li {
        color: #57a2cc;
        display: flex;
        flex-wrap: wrap;
    }

    .mad-tag-list li span {
        color: #595758;
        padding-right: 4px;
    }

    .mad-tag-list li .mad-social-icons > ul {
        margin: -0.75rem -0.75rem 0;
    }

    .mad-tag-list li .mad-social-icons {
        padding-left: 1rem;
    }

    .mad-tag-list li .mad-social-icons > ul > li {
        padding: 0.75rem 0.75rem 0;
    }

    .mad-likes {
        font-size: 0.875rem;
        color: #57a2cc;
        font-style: italic;
        padding-left: 1rem;
    }

    .mad-tag-list.type-2 li > span,
    .mad-tag-list.type-2 > li {
        display: block;
    }

    .mad-tag-list .mad-social-icons ul li a {
        font-size: 1.25rem;
    }

/* ----------------------------------------
    Dividers
---------------------------------------- */

    hr {
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #eaeaea;
    }

    hr:not(:first-child) {
        margin-top: 2.51875rem;
    }

    hr:not(:last-child) {
        margin-bottom: 2.51875rem;
    }

    hr.mad-divider--medium {
        border-top-width: 2px;
    }

    hr.mad-divider--large {
        border-top-width: 3px;
    }

    hr.mad-divider--shorter {
        width: 30px;
    }

    hr.mad-divider--scheme-dark {
        border-color: #b1b1b1;
    }

    hr.mad-divider--scheme-darkest {
        border-color: #040a1c;
    }

/* ----------------------------------------
    Blockquotes
---------------------------------------- */

    .mad-testimonials.with-bg .mad-testimonial {
        margin: 1.5rem 0;
        padding: 1.5rem 2rem;
        background: #e2f5ff;
    }

    .mad-testimonials.with-bg .mad-testimonial blockquote:after {
        left: auto;
        right: 0;
        margin-left: 0;
        color: #f4fbff;
        top: 1rem;
    }

    .mad-testimonials.with-bg.style-2 .mad-testimonial {
        background: #00517f;
    }

/* ----------------------------------------
    Buttons
---------------------------------------- */

    .btn {
        padding: 1rem 2.5rem 1rem;
        display: inline-block;
        font-size: 1rem;
        color: #ffffff;
        letter-spacing: 0.1px;
        font-weight: normal;
        text-align: center;
        line-height: 1rem;
        position: relative;
        white-space: nowrap;
        z-index: 1;
        position: relative;
        background: #00517f;
    }

    .btn:hover {
        background: #6dcbff;
        color: #040a1c;
    }

    .btn-small {
        font-size: 0.9375rem;
        padding: 0 2rem;
        line-height: 2rem;
        font-size: 0.875rem;
    }

    .btn-big {
        font-size: 1.25rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    [class*="btn"] i {
        font-size: 1rem;
        display: inline-block;
        line-height: inherit;
    }

    .btn-small i {
        font-size: 1rem;
    }

    .btn-big i {
        font-size: 1rem;
    }

    .svg path {
        fill: transparent;
    }

    [class*="btn"] i:not(:only-child):first-child {
        margin-right: 0.5rem;
    }

    [class*="btn"] i:not(:only-child):last-child {
        margin-left: 0.5rem;
    }

    [class*="btn"].btn-style-2:not(:hover) {
        background: #57a2cc;
    }

    [class*="btn"].btn-style-3:not(:hover) {
        background: #36657f;
    }

    [class*="btn"].btn-style-4 {
        background: #e2f5ff;
        color: #040a1c;
    }

    [class*="btn"].btn-style-4:hover {
        background: #6dcbff;
    }

    [class*="btn"].btn-style-4 .svg path {
        stroke: #2d3546;
    }

    [class*="btn"].btn-style-5 {
        background: #6dcbff;
        color: #040a1c;
    }

    [class*="btn"].btn-style-5:hover {
        background: #e2f5ff;
    }

    [class*="btn"].btn-style-5 .svg path {
        stroke: #2d3546;
    }

    [class*="btn"].btn-style-6:not(:hover) {
        background: #d7e0e5;
        color: #040a1c;
    }

    [class*="btn"].btn-style-6 .svg path {
        stroke: #040a1c;
    }

    [class*="btn"] i {
        max-height: 0;
    }

    [class*="btn"].btn-big i {
        font-size: 1.5rem;
    }

    [class*="btn"] .svg {
        width: 39px;
        height: 18px;
        display: inline-block;
        vertical-align: -1px;
        line-height: inherit;
    }

    [class*="btn"].btn-small .svg {
        height: 14px;
        width: 29px;
    }

    [class*="btn"] .svg path {
        stroke: #fff;
    }

    [class*="btn"].icon-btn {
        padding: 0;
        line-height: 3rem;
        min-width: 3rem;
        text-align: center;
    }

    [class*="btn"].btn-big.icon-btn {
        line-height: 4rem;
        min-width: 4rem;
    }

    .page-nav {
        padding-top: 3.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -0.5rem;
    }

    .page-nav .page-nav-btn {
        color: #cac9c9;
    }

    .page-nav .page-nav-btn i {
        font-size: 2.5rem;
    }

    .page-nav .page-nav-btn:hover {
        color: #6dcbff;
    }

    .btn-wrap {
        margin: -0.625rem;
    }

    .btn-wrap > * {
        margin: 0.625rem;
    }

    .prev-btn,
    .next-btn,
    .exp {
        font-weight: 600;
        margin-left: 30px;
        position: relative;
    }

    .prev-btn,
    .next-btn {
        border-bottom: 1px solid transparent;
    }

    .prev-btn:hover,
    .next-btn:hover {
        border-bottom-color: inherit;
    }

    .prev-btn:before,
    .next-btn:before,
    .exp:before {
        font-family: 'Linearicons';
        content: '\e964';
        font-size: 20px;
        color: #262626;
        position: absolute;
        font-weight: normal;
        left: 0;
        top: 0;
        margin-top: -3px;
        margin-left: -30px;
    }

    .next-btn{
        margin-left: 0;
        margin-right: 30px;
    }

    .next-btn:before {
        margin-left: 0;
        margin-right: -30px;
    }

    .next-btn:before {
        content: '\e965';
        right: 0;
        left: auto;
    }

    .mad-back-to-top {
        width: 56px;
        height: 56px;
        padding: 0;
        text-align: center;
        position: fixed;
        z-index: 103;
        right: 3%;
        top: 60%;
        color: #232831;
        background: #e0e1e3;
        display: none;
    }

    .mad-back-to-top .icon {
        font-size: 2rem;
        line-height: 3.5rem;
        display: none;
    }

    .mad-read-more {
        color: #00517f;
        font-weight: 500;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        line-height: 1rem;
        margin-right: 3rem;
    }

    .mad-read-more:hover {
        text-decoration: underline;
    }

    .mad-read-more .svg {
        position: absolute;
        right: -3rem;
        top: 0;
        line-height: inherit;
        width: 39px;
        height: 18px;
    }

    .mad-read-more .svg path {
        stroke: #0f5b87;
    }

    .mad-read-more.style-2 {
        color: #57a2cc;
    }

    .mad-read-more.style-2 .svg path {
        stroke: #57a2cc;
    }

    .mad-read-more.style-3 {
        color: #36657f;
    }

    .mad-read-more.style-3 .svg path {
        stroke: #36657f;
    }

    .mad-read-more.style-4 {
        color: #e2f5ff;
    }

    .mad-read-more.style-4 .svg path {
        stroke: #e2f5ff;
    }

    .mad-read-more.style-5 {
        color: #6dcbff;
    }

    .mad-read-more.style-5 .svg path {
        stroke: #6dcbff;
    }

    .mad-read-more.style-6 {
        color: #d7e0e5;
    }

    .mad-read-more.style-6 .svg path {
        stroke: #d7e0e5;
    }

    .btn-set {
        margin: -0.5rem -0.25rem 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .btn-set > * {
        margin: 0.5rem 0.25rem 0;;
    }

    .btns-set:not(:last-child) {
        margin-bottom: 1rem;
    }

    .btns-set {
        margin: -1rem -1rem 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .btns-set > ul {
        width: 33.3333%;
        padding: 1rem 1rem 0;
    }

    .btns-set ul > li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .btns-set .row > .col {
        flex-grow: 0;
    }

    .mad-share-btns {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: -0.25rem -0.125rem 0;
    }

    .mad-share-btns > a {
        padding: 0.3125rem 2rem;
        font-size: 0.9375rem;
        letter-spacing: 0.1px;
        color: #fff!important;
        border-radius: 8px;
        font-weight: 500;
        margin: 0.25rem 0.125rem 0;
        background-image: none!important;
    }

    .mad-share-btns > a i {
        font-size: 0.75rem;
        margin-right: 0.625rem!important;
        margin-left: 0!important;
        margin-top: 0.25rem;
        line-height: 25px;
    }

    .mad-share-btns > a i.icon {
        font-size: 0.875rem;
    }

    .mad-share-btns > span {
        margin-right: 1rem;
    }

    .mad-share-facebook {
        background: #3a5599;
    }

    .mad-share-twitter {
        background: #1f9de9;
    }

    .mad-share-pinterest {
        background: #e00b2b;
    }

    .mad-share-in {
        background: #2a8dc0;
    }

    .mad-share-email {
        background: #4caa19;
    }

    .mad-dir {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    /*----------- Facebook--------------*/

    .fb-page { 
        width: 100% !important;
    }

    .fb-page {
        max-width: 100% !important;
    }

/* ----------------------------------------
    Panels (Accordions & Toggles)
---------------------------------------- */

    .mad-panels-title > button {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 500;
        font-family: "Asap", serif;
        text-align: initial;
        display: block;
        width: 100%;
        position: relative;
        background-clip: padding-box;
        color: #00517f;

        -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);

        -ms-word-break: break-all;
            word-break: break-all;

        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
             -o-user-select: none;
                user-select: none;
    }

    .mad-panels-title > button:before {
        font-family: 'Material Icons';
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 600;
        color: #00517f;
        margin-right: 0.875rem;
        -webkit-transition-property: opacity;
                transition-property: opacity;
        -webkit-transition-duration: inherit;
                transition-duration: inherit;
        -webkit-transition-timing-function: inherit;
                transition-timing-function: inherit;
    }

    .mad-panels-title > button:before {
        content: "add";
    }

    .mad-panels-title:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-panels-active.mad-panels-title > button::before {
        content: "remove";
    }

    .mad-panels-active.mad-panels-title > button::after {
        opacity: 1;
    }

    .mad-panels-definition {
        font-size: 1rem;
        color: #595758;
    }

    .mad-panels-definition:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-panels--style-2 .mad-panels-title.mad-panels-active > button {
        border-bottom-color: transparent;
    }

    .mad-panels--style-2 .mad-panels-definition {
        padding-left: 2rem;
        padding-top: 2rem;
        padding-bottom: 2.5rem;
        padding-right: 2rem;
    }

    .mad-panels--style-2 .mad-panels-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-panels--style-2 .mad-panels-definition:not(:last-child) {
        margin-bottom: 0;
    }

    .mad-panels.mad-panels--style-2 .mad-panels-title > button {
        background-color: #f0faff;
        color: #00517f;
        padding: 1rem 1.75rem;
    }

    .mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active > button {
        color: #040a1c;
    }

    .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button,
    .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button {
        color: #fff;
        background: #00517f;
    }

    .mad-panels.mad-panels--style-2 .mad-panels-title > button:before,
    .mad-panels.mad-panels--style-2 .mad-panels-title > button:after {
        left: 2rem;
    }

    .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button:before,
    .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button:after {
        color: #fff;
    }

    .mad-csstransforms3d .mad-panels-title > button::after,
    .mad-csstransforms3d .mad-panels-title > button::before {
        -webkit-transition-property: -webkit-transform, opacity;
                transition-property:         transform, opacity;
    }

    .mad-csstransforms3d .mad-panels-title > button::after,
    .mad-csstransforms3d .mad-panels-title.mad-panels-active > button::before {
        color: #040a1c;
    }

/* ----------------------------------------
    Tabs & Tour Sections
---------------------------------------- */

    .mad-tabs:not(:last-child) {
        margin-bottom: 3.5rem;
    }

    .mad-tabs:not(.mad-tabs--unstyled) {
        overflow: hidden;
    }

    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav {
        font-weight: 500;
        font-family: "Asap", serif;
        font-size: 1.125rem;
        line-height: 1.5rem;
        display: flex;
        white-space: nowrap;
        z-index: 2;
        position: relative;
    }

    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav > span:not(:last-child) {
        margin-right: 2.5rem;
    }

    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a {
        color: #00517e;
        display: block;
        border-bottom: 2px solid transparent;

        -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-tabs:not(.mad-tabs--unstyled):not(mad-tabs--style-2) .mad-tabs-nav > span.mad-active a {
        color: #040a1c;
        border-color: #040a1c;
    }

    .mad-tabs-container .mad-tab {
        font-size: 1.125rem;
        padding-top: 2.5rem;
        font-size: 1rem;
    }

    .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav a {
        border: none;
    }

    .mad-tabs.mad-tabs--style-2 .mad-tabs-nav > span:not(:last-child) {
        margin-right: 8px;
    }

    .mad-tabs.mad-tabs--style-2 .mad-tabs-nav a {
        padding: 1rem 2rem;
        background: #f0faff;
        color: #00517f;
    }

    .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav > span.mad-active a {
        background: #00517f;
        color: #fff;
    }

    .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(.mad-tabs--tour-sections) .mad-tabs-container .mad-tab {
        padding-left: 32px;
    }

    .mad-tabs.mad-tabs--tour-sections {
        display: flex;
    }

    .mad-tabs.mad-tabs--tour-sections > * {
        width: 100%;
    }

    .mad-tabs.mad-tabs--tour-sections .mad-tabs-nav {
        max-width: 13.125rem;
        display: block;
        margin: 0;
        margin-right: 2rem;
    }

    .mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span {
        margin-right: 0!important;
        display: block;
    }

    .mad-tabs.mad-tabs--tour-sections:not(.mad-tabs--style-2) .mad-tabs-nav > span a {
        display: inline-block
    }

    .mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-tabs.mad-tabs--tour-sections .mad-tabs-container .mad-tab {
        padding-top: 0;
    }

    .mad-tabs.mad-tabs--tour-sections.mad-tabs--style-2 .mad-tabs-nav > span:not(:last-child) {
        margin-bottom: 0.5rem;
    }

/* ----------------------------------------
    Pagination
---------------------------------------- */

    .mad-pagination {
        display: flex;
        margin: -2px;
    }

    .mad-pagination > li {
        padding: 2px;
    }

    .mad-pagination > li > a {
        font-size: 1rem;
        width: 3rem;
        height: 3rem;
        text-align: center;
        line-height: 3rem;
        background: #00517f;
        color: #fff;
        display: block;
    }

    .mad-pagination > li > a:hover,
    .mad-pagination > li > a.current {
        background: #6dcbff;
        color: #040a1c;
    }

/* ----------------------------------------
    Progress Bars
---------------------------------------- */

    .mad-progress-bars-item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-progress-bar {
        height: 0.5rem;
        position: relative;
        background-color: #d7e0e5;
    }

    .mad-progress-bar-title {
        font-size: 1.125rem;
        font-weight: 600;
        display: block;
        position: relative;
        padding-right: 5rem;
        color: #040a1c;
    }

    .mad-progress-bar-title::after {
        content: attr(data-value) attr(data-units);
        position: absolute;
        font-weight: 600;
        bottom: 0;
        right: 0;
    }

    .mad-progress-bar-indicator {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        background: #00517f;
    }

    .mad-progress-bars--secondary .mad-progress-bar {
        background: #e2f5ff;
    }

    .mad-progress-bars--secondary .mad-progress-bar-indicator {
        background: #6dcbff;
    }

/* ----------------------------------------
    Counters
---------------------------------------- */

    .mad-counters {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .mad-counters[class*="item-col-"]:not(.no-gutters) {
        margin-top: -3rem;
    }

    .mad-counters[class*="item-col-"]:not(.no-gutters) > * {
        padding-top: 3rem;
    }

    .mad-counter {
        color: #595758;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .mad-counter-count {
        font-family: "Satisfy", serif;
        font-size: 3.75rem;
        line-height: 4.5rem;
        white-space: nowrap;
        color: #040a1c;
    }

    .mad-counter-icon {
        line-height: 1;
    }

    .mad-counter-icon .svg {
        width: 56px;
        height: 56px;
    }

    .mad-counter .mad-counter-icon:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-counter-icon .svg .cls-1 {
        stroke: #6dcbff;
    }

    .mad-counters.style-2 .mad-counter {
        color: #e2f5ff;
    }

    .mad-counters.style-2 .mad-counter-count {
        color: #fff;
    }

    .mad-counters.no-icons .mad-counter-icon {
        display: none;
    }

/* ----------------------------------------
    Tooltips
---------------------------------------- */

    [data-tooltip]:not(a) {
        color: #36657f;
    }

    .monkeysan-tooltip-skin-mad {
        font-size: 0.8125rem;
        line-height: 1.5rem;
        font-weight: 400;
        font-style: italic;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        color: #fff;
        background-color: #36657f;
    }

    .monkeysan-tooltip-skin-mad.monkeysan-tooltip::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        position: absolute;
    }

    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom.monkeysan-tooltip-position-reversed::after {
        bottom: auto;
        right: auto;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        margin-top: -1px;
        border-width: 7px 8px 0 8px;
        border-color: #36657f transparent transparent transparent;
    }

    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top.monkeysan-tooltip-position-reversed::after {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        margin-left: -8px;
        margin-bottom: -1px;
        border-width: 0 8px 7px 8px;
        border-color: transparent transparent #36657f transparent;
    }

    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left.monkeysan-tooltip-position-reversed::after {
        bottom: auto;
        right: 100%;
        top: 50%;
        left: auto;
        margin-top: -8px;
        margin-right: -1px;
        border-width: 8px 7px 8px 0;
        border-color: transparent #36657f transparent transparent;
    }

    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right.monkeysan-tooltip-position-reversed::after {
        bottom: auto;
        right: auto;
        top: 50%;
        left: 100%;
        margin-top: -8px;
        margin-left: -1px;
        border-width: 8px 0 8px 7px;
        border-color: transparent transparent transparent #36657f;
    }

/* ----------------------------------------
    Team Members
---------------------------------------- */

    .mad-team {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-team[class*="item-col-"]:not(.no-gutters) {
        margin-top: -4rem;
    }

    .mad-team[class*="item-col-"]:not(.no-gutters) > * {
        padding-top: 4rem;
    }

    .mad-team .mad-team-member {
        position: relative;
        transition: all .5s ease;
    }

    .mad-team.big-type .mad-team-member {
        display: flex;
        align-items: center;
    }

    .mad-team.big-type .mad-col:not(:last-child) {
        margin-bottom: 5rem;
    }

    .mad-team.big-type .mad-col:nth-child(2n) .mad-team-member {
        flex-direction: row-reverse;
    }

    .mad-team.big-type .mad-col:nth-child(2n) .mad-team-member .mad-team-member-info {
        padding-left: 0;
        padding-right: 6.25rem;
    }

    .mad-team.big-type .mad-team-member > * {
        max-width: 50%;
        width: 50%;
    }

    .mad-team:not(.big-type) .mad-team-member .mad-team-member-info {
        text-align: center;
        padding: 1.5rem;
        padding-bottom: 0;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .mad-team.big-type .mad-team-member .mad-info-header:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-team:not(.big-type) .mad-team-member .mad-info-header:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-team.big-type .mad-team-member .mad-team-member-info {
        padding: 2rem 0;
        padding-left: 4.5rem;
    }

    .mad-team:not(.big-type) .mad-team-member .mad-team-member-name {
        font-family: 'Asap', sans-serif;
        font-weight: 600;
    }

    .mad-team:not(.big-type) .mad-team-member .mad-team-member-name a {
        color: #00517f;
    }

    .mad-team .mad-team-member .mad-team-member-name:not(:last-child) {
        margin-bottom: 0;
    }

    .mad-team:not(.big-type) .mad-team-member .mad-social-icons ul {
        justify-content: center;
    }

    .mad-team .mad-team-member .mad-member-stat {
        font-style: italic;
        color: #7a7879;
        line-height: 1.5rem;
    }

    .mad-team .mad-team-member .mad-team-member-photo img {
        width: 100%;
    }

    .mad-team.big-type .mad-team-member .mad-social-icons {
        margin-top: 3rem;
    }

    .mad-team.big-type .mad-team-member .mad-social-icons ul li a {
        font-size: 1.875rem;
    }

    .mad-team.style-2[class*="item-col-"]:not(.no-gutters) {
        margin: -0.5rem -0.25rem 0;
    }

    .mad-team.style-2[class*="item-col-"]:not(.no-gutters) > * {
        padding: 0.5rem 0.25rem 0;
    }

    .mad-team.style-2 .mad-team-member {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .mad-team.style-2 .mad-team-member:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(0,33,50,0) 0%, rgba(0,17,26,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,33,50,0) 0%,rgba(0,17,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,33,50,0) 0%,rgba(0,17,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mad-team.style-2 .mad-team-member .mad-team-member-info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding-bottom: 2rem;
        transition: all .5s ease;
        transform: translateY(2rem);
    }

    .mad-team.style-2 .mad-team-member:hover .mad-team-member-info {
        transform: translateY(0);
    }

    .mad-team.style-2:not(.big-type) .mad-team-member .mad-team-member-name a {
        color: #fff;
    }

    .mad-team.style-2 .mad-team-member .mad-member-stat {
        color: #b8c5d2;
    }

    .mad-team.style-2 .mad-team-member .mad-social-icons {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }

    .mad-team.style-2 .mad-team-member:hover .mad-social-icons {
        opacity: 1;
        visibility: visible;
    } 

/* ----------------------------------------
    Tables
---------------------------------------- */

    table {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
        border: none;
    }

    table:not(:last-child) {
        margin-bottom: 1.625rem;
    }

    table tr {
        -webkit-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-delay: 0ms;
                transition-delay: 0ms;
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
                transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        border-width: 0;
        border-style: solid;
    }

    table tr:hover, table tr:focus {
        -webkit-transition-duration: 150ms;
                transition-duration: 150ms;
    }

    table td,
    table th {
        padding-top: 7px;
        padding-right: 2rem;
        padding-bottom: 8px;
        padding-left: 2rem;
        border-bottom: 1px solid #e2f5ff;
    }

    table:not(.mad-table--vertical) tbody tr:last-child td,
    table.mad-table--vertical tfoot tr:last-child td,
    table tr th {
        border-bottom: none;
    }

    table td {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    table th,
    table tfoot {
        font-weight: 600;
        color: #040a1c;
    }

    table thead th,
    .mad-table.mad-table--vertical tr th,
    .mad-table.mad-table--vertical tr td {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    table tr.bg,
    .mad-table.mad-table--vertical tr th {
        background: #e2f5ff;
    }

    .mad-table-wrap.style-2 table tr.bg,
    .mad-table-wrap.style-2 .mad-table.mad-table--vertical tr th {
        background: #d7e0e5;
    }

    .mad-table-wrap.style-2 tr td {
        border-color: #d7e0e5;
    }

    .mad-table.mad-table--vertical tr th {
        width: 30%;
    }

    /* Pricing tables */

    .mad-pricing-tables[class*="item-col-"]:not(.no-gutters) {
        margin-top: -4rem;
    }

    .mad-pricing-tables[class*="item-col-"]:not(.no-gutters) > * {
        padding-top: 4rem;
    }

    .mad-pricing-tables {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-pricing-table {
        display: flex;
        width: 100%;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .mad-pricing-table .mad-pricing-table-title {
        font-family: 'Asap', sans-serif;
        font-weight: 600;
    }

    .mad-pricing-table-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-pricing-table p:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-pricing-table-price {
        position: relative;
        font-family: 'Satisfy', serif;
        font-size: 4.5rem;
        padding-top: 10px;
        margin-right: 2rem;
        color: #6dcbff;
        line-height: 1;
    }

    .mad-pricing-tables.style-2 .mad-pricing-table {
        color: #e2f5ff;
    }

    .mad-pricing-tables.style-2 .mad-pricing-table .mad-pricing-table-title {
        color: #fff;
    }

    .mad-pricing-tables.type-2 .mad-pricing-table {
        display: block;
        padding: 72px 64px;
        background: #f0faff;
        text-align: center;
        transition: all .5s ease;
    }

    .mad-pricing-tables.type-2 .mad-pricing-table-price {
        padding-top: 0;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .mad-pricing-tables.type-2 .mad-pricing-table:hover {
        background: #00517f;
        color: #e2f5ff;
    }

    .mad-pricing-tables.type-2 .mad-pricing-table:hover .mad-pricing-table-title {
        color: #fff;
    }

    .mad-pricing-tables.type-2 .mad-pricing-table:hover .btn {
        background: #6dcbff;
        color: #040a1c;
    }

/* ----------------------------------------
    Banners
---------------------------------------- */

    .mad-banner {
        overflow: hidden;
        padding: 2rem;
    }

    .mad-banner .mad-banner-inner {
        font-size: 18px;
        line-height: 2rem;
        padding: 4rem 1rem;
        text-align: center;
        color: #e2f5ff;
        background: rgba(0,33,50,0.8);
    }

    .mad-banner-inner .mad-title {
        color: #fff;
    }

/* ----------------------------------------
    Icon boxes
---------------------------------------- */

    .mad-icon-boxes:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-icon-boxes[class*="item-col-"]:not(.no-gutters) {
        margin-top: -2.5rem;
    }

    .mad-icon-boxes[class*="item-col-"]:not(.no-gutters) > * {
        padding-top: 2.5rem;
    }

    .mad-icon-boxes {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-icon-boxes .mad-icon-box {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: center;
        padding: 0 1.5rem;
    }

    .mad-icon-boxes.align-left .mad-icon-box {
        text-align: left;
        padding: 0;
    }

    .mad-icon-box .mad-icon-box-icon {
        color: #82bbc9;
        font-size: 3.75rem;
        display: block;
    }

    .mad-icon-boxes:not(.style-2).mad-icon-box-content {
        padding-right: 20px;
    }

    .mad-icon-box-content > span {
        color: #999;
    }

    .mad-icon-box .mad-icon-box-icon .svg {
        width: 72px;
        height: 72px;
    }

    .mad-icon-box .mad-icon-box-icon .svg .cls-1,
    .mad-icon-box .mad-icon-box-icon .svg .cls-2,
    .mad-icon-box .mad-icon-box-icon .svg .cls-3 {
        stroke: #6dcbff;
    }

    .mad-icon-boxes:not(.hr-type) .mad-icon-box .mad-icon-box-icon:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-icon-box .mad-icon-box-title {
        font-family: 'Asap', sans-serif;
        font-weight: 600;
    }

    .mad-icon-box .mad-icon-box-title:not(:last-child) {
        margin-bottom: 0.5rem;
    } 

    .mad-icon-box p:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-icon-boxes.small-size  .mad-icon-box-icon .svg {
        width: 42px;
        height: 42px;
    }

    .mad-icon-boxes.small-size:not(.hr-type) .mad-icon-box .mad-icon-box-icon:not(:last-child) {
        margin-bottom: 0.875rem;
    }

    .mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-title:not(:last-child) {
        margin-bottom: 0.875rem;
    }

    .mad-icon-boxes .mad-icon-box .mad-social-icons {
        padding-top: 0.875rem;
    }

    .mad-icon-boxes .mad-icon-box .mad-read-more {
        font-size: 1.125rem;
    }

    /* Hotizontal type */

    .mad-icon-boxes.hr-type .mad-icon-box {
        display: flex;
        padding-left: 0;
        text-align: left;
    }

    .mad-icon-boxes.hr-type .mad-icon-box > .mad-icon-box-icon {
        margin-right: 1.5rem;
        padding-top: 0.5rem;
    }

    /* Style color white */

    .mad-icon-boxes.style-2 .mad-icon-box {
        color: #e2f5ff;
    }

    .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-title {
        color: #fff;
    }

    .mad-icon-boxes.type-2 .mad-icon-box {
        position: relative;
    }

    .mad-icon-boxes.type-2.no-bottom-space .mad-icon-box {
        padding: 4rem 0;
    }

    .mad-icon-boxes.type-2 .mad-col:not(:last-child) .mad-icon-box:before {
        content: "\e944";
        position: absolute;
        right: 2rem;
        top: 1.5rem;
        margin-top: -1rem;
        font-family: 'linearicons';
        font-size: 2.5rem;
        line-height: 1;
        color: #c7c8cc;
    }

    .mad-icon-boxes.type-2.no-bottom-space .mad-col:not(:last-child) .mad-icon-box:before {
        top: 100px;
    }

    .mad-icon-boxes.type-2 .mad-col:not(:last-child) .mad-icon-box.with-arrow-down:before {
        content: "\e942";
        right: auto;
        left: 24px;
        top: 100%;
        margin-top: 0;
    }

    .mad-icon-boxes.mad-offset-left .mad-col.mad-col-x2 {
        width: 46%;
    }

    .mad-icon-boxes.mad-offset-left .mad-col {
        width: 27%;
    }

    .mad-icon-boxes.mad-offset-left .left-offset {
        margin-left: -7.5rem;
    }

    .mad-icon-boxes.type-2[class*="item-col-"]:not(.no-gutters) {
        margin: -4.5rem -2rem 0;
    }

    .mad-icon-boxes.type-2[class*="item-col-"]:not(.no-gutters) > * {
        padding: 4.5rem 2rem 0;
    }

/* ----------------------------------------
    Image boxes
---------------------------------------- */

    

/* ----------------------------------------
    Entities
---------------------------------------- */

    .mad-entities[class*="item-col-"]:not(.no-gutters) {
        margin-top: -4rem;
    }

    .mad-entities[class*="item-col-"]:not(.no-gutters) > * {
        padding-top: 4rem;
    }

    .mad-entities[class*="item-col-"]:not(.mad-grid--isotope) {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-entities .mad-entity {
        height: 100%;
    }

    .mad-entities .mad-entity:not(:last-child),
    .mad-entities:not([class*="item-col-"]):not(.type-3) .mad-col:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-entities:not(.type-2):not(.type-3):not(.style-3) .mad-entity {
        position: relative;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .mad-entities:not(.type-2):not(.type-3):not(.style-3):not(.single-entity) .mad-entity {
        text-align: center;
    }

    .mad-entities:not(.type-2):not(.type-3):not(.mad-entity-hr) .mad-entity .mad-entity-content {
        padding: 0 2rem;
    }

    .mad-entities:not(.type-2):not(.type-3):not(.style-3) .mad-entity .mad-entity-media:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-entities:not(.single-entity) .mad-entity p:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-entities:not(.type-2):not(.type-3) .mad-entity .mad-entity-title {
        font-weight: 600;
        font-family: 'Asap', sans-serif;
    }

    .mad-entity .mad-read-more {
        font-size: 1.125rem;
    }

    /* ----------------------------------------
        Style 2
    ---------------------------------------- */

    .mad-entities.style-2 .mad-entity {
        color: #e2f5ff;
    }

    .mad-entities.style-2 .mad-entity .mad-entity-title a {
        color: #fff;
    }

    /* ----------------------------------------
        Style 3
    ---------------------------------------- */

    .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr) .mad-entity .mad-entity-content,
    .mad-entity-body {
        padding: 2rem;
        transition: all .5s ease;
    }

    .mad-entities:not(.type-2):not(.type-3).style-3:not(.mad-entity-hr) .mad-entity {
        background: #fff;
    }

    .mad-entities.style-3 .mad-entity time {
        font-style: italic;
        font-size: 0.875rem;
        line-height: 1rem;
        color: #57a2cc;
        display: block;
    }

    .mad-entities.style-3 .mad-entity time:not(:last-child) {
        margin-bottom: 8px;
    }

    .mad-entity .mad-entity-media img {
        width: 100%;
    }

    /* ----------------------------------------
        Type 2
    ---------------------------------------- */

    .mad-entities.type-2:not([class*="item-col-"]) .mad-col:not(:last-child) {
        margin-bottom: 5rem;
    }

    .mad-entities.type-2 .mad-entity {
        position: relative;
        padding-bottom: 7.25rem;
        display: flex;
    }

    .mad-entities.type-2 .mad-entity .mad-entity-content {
        position: absolute;
        right: 0;
        bottom: 0;
        background: #f0faff;
        padding: 4.5rem;
        max-width: 35.5rem;
        transition: all .5s ease;
        z-index: 1;
    }

    .mad-entities.type-2 .mad-entity .mad-entity-content:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        outline: 2rem solid #fff;
        z-index: -1;
    }

    .mad-entities.type-2 .mad-entity:hover .mad-entity-content {
        background: #00283f;
        color: #e2f5ff;
    }

    .mad-entities.type-2 .mad-entity:hover .mad-entity-title a {
        color: #fff;
    }

    .mad-entities.type-2 .mad-entity:hover .mad-read-more {
        color: #6dcbff;
    }

    .mad-entities.type-2 .mad-entity:hover .mad-read-more .svg path {
        stroke: #6dcbff;
    }

    .mad-entities.type-2 .mad-col:nth-child(2n) .mad-entity {
        padding-bottom: 0;
        padding-top: 7.25rem;
        flex-direction: row-reverse;
    }

    .mad-entities.type-2 .mad-col:nth-child(2n) .mad-entity .mad-entity-content {
        right: auto;
        left: 0;
        top: 0;
        bottom: auto;
    }

    /* ----------------------------------------
        Type 3
    ---------------------------------------- */

    .mad-entities.type-3 .mad-entity {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-entities.type-3 .mad-entity > * {
        width: 50%;
    }

    .mad-entities.type-3 .mad-entity .mad-entity-content {
        background: #f0faff;
        padding: 8.5rem 11rem;
        text-align: center;
        transition: all .5s ease;
    }

    .mad-entities.type-3 .mad-col:nth-child(2n) .mad-entity {
        flex-direction: row-reverse;
    }

    .mad-entities.type-3 .mad-entity:hover .mad-entity-content {
        background: #00517f;
        color: #e2f5ff;
    }

    .mad-entities.type-3 .mad-entity:hover .mad-entity-title a {
        color: #fff;
    }

    .mad-entities.type-3 .mad-entity:hover .mad-read-more {
        color: #6dcbff;
    }

    .mad-entities.type-3 .mad-entity:hover .mad-read-more .svg path {
        stroke: #6dcbff;
    }

    /* ----------------------------------------
        Gorizontal
    ---------------------------------------- */

    .mad-entities.mad-entity-hr .mad-entity:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-entities.mad-entity-hr .mad-entity {
        display: flex;
    }

    .mad-entities.mad-entity-hr .mad-entity .mad-entity-media {
        min-width: 5.5rem;
        margin-right: 1.5rem;
    }

    .mad-entities.mad-entity-hr .mad-entity-content {
        background: transparent;
        padding: 0;
        padding-top: 0.5rem;
    }

    .mad-entities.mad-entity-hr .mad-entity-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    /* ----------------------------------------
        Big size
    ---------------------------------------- */

    .mad-entities.mad-entities-big:not(:last-child) {
        margin-bottom: 3rem;
    }

    .mad-entities.mad-entities-big .mad-entity time {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .mad-entities.style-3:not(.single-entity) .mad-entity:hover .mad-entity-body {
        background: #f0faff;
    }

    .mad-entity-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: -1rem;
    }

    .mad-entity-footer > * {
        margin-top: 1rem;
    }

    .mad-share-wrap {
        display: flex;
        align-items: center;
    }

    .mad-share-wrap > span {
        font-size: 1rem;
        font-style: italic;
        margin-right: 1rem;
        display: inline-block;
        vertical-align: top;
    }

    .mad-entities.style-3 .mad-entity .mad-testimonials.with-bg .mad-testimonial {
        margin: 0;
    }

    .mad-entity-link-element {
        position: relative;
        font-size: 1.5rem;
        font-style: italic;
        background: #57a2cc;
        color: #fff;
        padding: 2rem;
        padding-left: 5rem;
        display: block;
    }

    .mad-entity-link-element > i {
        position: absolute;
        top: 32px;
        left: 2rem;
        color: #fff;
        font-size: 1.875rem;
        line-height: inherit;
        margin-right: 1rem;
    }

    .mad-entities.single-entity .mad-entity .mad-entity-body,
    .mad-entities.single-entity .mad-entity {
        padding: 0;
        background: none!important;
    }

    .mad-entities.single-entity .mad-entity .mad-entity-title {
        font-family: 'Satisfy', serif!important;
        font-weight: normal!important;
    }

    .mad-entities.single-entity .mad-entity .mad-entity-title:not(:last-child) {
        margin-bottom: 0;
    }

    .mad-entities.single-entity .mad-entity time {
        font-size: 1rem;
    }

    .mad-entities.single-entity .mad-entity .mad-testimonials {
        float: left;
        max-width: 50%;
        margin-right: 2rem;
        margin-bottom: 1.5rem;
    }

    .mad-entities.single-entity .mad-entity p + p {
        margin-top: -0.5rem;
    }

    .mad-entities.single-entity .mad-entity .mad-entity-body:not(:last-child) {
        margin-bottom: 2.5rem;
    }

/* ----------------------------------------
    Carousels
---------------------------------------- */

    .mad-testimonials .owl-carousel .mad-grid-item {
        padding: 0 70px;
    }

    .owl-dots {
        display: flex;
        margin-top: 3rem;
        justify-content: center;
    }

    .owl-carousel button.owl-dot {
        height: 3px;
        width: 66px;
        background: #cac9c9;
        margin: 0 2.5px;
    }

    .owl-carousel button.owl-dot.active {
        background: #6dcbff;
    }

    .owl-carousel .owl-nav button.owl-next, 
    .owl-carousel .owl-nav button.owl-prev {
        font-size: 2.5rem;
        color: #cac9c9;
        position: absolute;
        left: -8px;
        top: 50%;
        transform: translateY(-50%);
    }

    .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: -8px;
    }

    .owl-carousel .owl-nav button.owl-next:hover, 
    .owl-carousel .owl-nav button.owl-prev:hover {
        color: #6dcbff;
    }

    .owl-carousel.mad-simple-slideshow .owl-nav button.owl-next {
        right: 1.5rem;
    }

    .owl-carousel.mad-simple-slideshow .owl-nav button.owl-prev {
        left: 1.5rem;
    }

/* ----------------------------------------
    Call to Actions
---------------------------------------- */

    .mad-cta-title {
        letter-spacing: -0.05px;
    }

    .mad-cta-title:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-cta-title.no-bs:not(:last-child) {
        margin-bottom: 0.625rem;
    }

/* ----------------------------------------
    Rating
---------------------------------------- */

    .mad-rating {
        font-size: 1.25rem;
        line-height: 1;
        white-space: nowrap;
    }

    .mad-rating-top-level > *, 
    .mad-rating-bottom-level > * {
        color: #f2a057;
    }

/* ----------------------------------------
    Testimonials
---------------------------------------- */

    .mad-testimonials[class*="item-col-"] {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-testimonial .mad-rating:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-testimonial blockquote {
        position: relative;
        font-family: "Asap", serif;
        font-style: italic;
        color: #00517f;
        z-index: 1;
    }

    .mad-testimonials .mad-testimonial blockquote:after {
        content: '”';
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -60px;
        margin-top: -32px;
        font-size: 418px;
        font-style: normal;
        line-height: 1;
        font-family: 'Satisfy', serif;
        color: #f0faff;
        z-index: -1;
    }

    .mad-testimonial blockquote .mad-title {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .mad-testimonial blockquote .mad-title:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-testimonial blockquote:not(:last-child) {
        margin-bottom: 2.4rem;
    }

    .mad-testimonial cite {
        color: #595758;
        display: block;
        font-size: 1.125rem;
        font-weight: 500;
        font-style: normal;
    }

    .mad-testimonial cite:not(:last-child) {
        margin-bottom: 0;
    }

    .mad-testimonial-service {
        display: inline-block;
    }

    .mad-testimonial-service img {
        width: auto !important;
    }

    .mad-testimonial .mad-testiomonial-info:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-testimonials.single-item {
        text-align: center;
    }

    .mad-testimonials.single-item .mad-testimonial {
        max-width: 35rem;
        margin: 0 auto;
    }

    .mad-testimonials.style-2 blockquote,
    .mad-testimonials.style-2 .mad-testimonial cite {
        color: #fff;
    }

    .mad-testimonials.style-2 .mad-testimonial .mad-author {
        color: #f0faff;
    }

    .mad-testimonials.single-item .mad-testimonial blockquote:after {
        left: 50%;
        margin-left: 0;
        transform: translateX(-50%);
    }

    .mad-testimonials.style-2 .mad-testimonial blockquote:after {
        opacity: 0.1;
    }

    .mad-testimonials-wrap {
        padding: 2rem 5.5rem;
    }

    .mad-testimonials[class*="item-col-"] .mad-testimonial blockquote:after {
        left: auto;
        right: 0;
        margin-left: 0;
    }

/* ----------------------------------------
    Author
---------------------------------------- */

    .mad-author {
        font-size: 1rem;
        font-style: italic;
        color: #7a7879;
    }

/* ----------------------------------------
    Instafeed
---------------------------------------- */
    
    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: -0.5rem -0.25rem 0;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-grid-item {
        padding: 0.5rem 0.25rem 0;
    }

    .mad-instafeed .mad-square-image {
        position: relative;
        z-index: 1;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col.mad-col-full {
        flex: 1;
    }

    .mad-instafeed.style-2 .mad-grid {
        margin: -0.5rem -0.25rem 0;
    }

    .mad-instafeed.style-2 .mad-grid > * {
        padding: 0.5rem 0.25rem 0;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:last-child .mad-offset-right {
        display: flex;
        justify-content: center;
    }

    .mad-instafeed.style-2:not(.size-2) .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:nth-child(6) {
        margin-left: -7.5rem;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:last-child .mad-offset-right .mad-newsletter-form {
        max-width: 100%;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a {
        display: block;
        position: relative;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before {
        content: "\f16d";
        font-family: Font Awesome\ 5 Brands;
        font-size: 50px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,40,63,0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .mad-sidebar .mad-instafeed.style-2.size-2:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-sidebar .mad-instafeed.style-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) {
        margin: 0;
    }

    .mad-sidebar .mad-instafeed.style-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col {
        padding: 0;
    }

    .mad-instafeed.style-2.size-2 {
        margin: -0.5rem -0.25rem 0;
    }

    .mad-instafeed.style-2.size-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col {
        padding: 0.5rem 0.25rem 0;
    }

    .mad-instafeed.size-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before {
        font-size: 1.5rem;
    }

/* ----------------------------------------
    Sliders
---------------------------------------- */

    .rev_slider_wrapper {
        position: relative;
    }

    .rev_slider_wrapper .mad-social-icons {
        position: absolute;
        top: 3.5rem;
        right: 3.5rem;
        z-index: 20;
    }
    
    .rev-slider[class*="with-overlay"]:after {
        z-index: 22!important;
    }

    .rev-slider.no-nav .tp-bullets {
        display: none;
    }

    .rev-slider .tp-bgimg {
        z-index: 1;
    }

    .rev-slider .tp-bgimg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,33,50,0.6);
    }

    .mad-logo-slider {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -189px;
        z-index: 30;
        transform: translateY(-50%);
    }

    .rev-form-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,17,25,0.5);
        z-index: 30;
        padding: 2rem 0;
    }

    .tp-layer-section-subtitle {
        font-style: italic!important;
        letter-spacing: 2px!important;
        text-transform: uppercase;
    }

    .tp-layer-section-title {
        font-family: 'Satisfy', serif;
    }

    .tp-bullets {
        width: auto!important;
        display: flex;
        justify-content: center;
    }

    .tp-bullet {
        position: relative;
        width: 145px;
        height: 3px;
        background: #919fa7;
        margin: 0 2.5px;
    }

    .tp-bullet,
    .tp-bullet:hover {
        left: 0!important;
        background: #919fa7;
    }

    .tp-bullet.selected, 
    .tp-bullet.selected:hover {
        background: #6dcbff;
    }

    .rev-slider .mad-section-side-title {
        left: 3.875rem;
        bottom: 4rem;
        color: #fff;
    }

    #rev-slider-2.rev-slider .mad-social-icons {
        position: absolute;
        right: 3.875rem;
        bottom: 4rem;
        top: auto;
    }

    #rev-slider-2.rev-slider .mad-social-icons > ul {
        display: block;
        text-align: center;
    }

/* ----------------------------------------
    Google Map
---------------------------------------- */

    .mad-gmap:not(:last-child) {
        margin-bottom: 4rem;
    }

    .mad-gmap {
        height: 100%;
        width: 83%;
        min-height: 18.5rem;
    }

    .mad-gmap.size-2 {
        height: 100%;
        width: 100%;
        height: 45rem;
    }

    .mad-gmap.wide {
        width: 100%;
        min-height: 36rem;
    }

    .mad-map-info {
        padding-left: 4.5rem;
        padding-bottom: 6rem;
    }

    .mad-map-section {
        position: relative;
    }

    .mad-map-section .mad-tt-element {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .mad-tt-element {
        position: relative;
        background: #36657f;
        padding: 4rem 4.5rem;
        min-width: 28rem;
        color: #e2f5ff;
        z-index: 1;
    }

    .mad-tt-element:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        outline: 2rem solid #fff;
        z-index: -1;
    }

    .mad-tt-element.no-border:before {
        display: none;
    }

    .mad-tt-element .mad-tt-svg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        z-index: -1;
    }

    .mad-tt-element .mad-tt-svg span {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: -3rem;
    }

    .mad-tt-element .mad-title {
        color: #fff;
    }

/* ----------------------------------------
    Forms
---------------------------------------- */

    input[type="text"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, .mad-custom-select .mad-selected-option, .select2-container--milenia .select2-selection {
        border-style: solid;
        border-width: 2px;
        height: 4rem;
        width: 100%;
        padding-top: 0.3rem;
        padding-right: 1.25rem;
        padding-bottom: 0.3rem;
        padding-left: 1.25rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #7a7879;
        background-color: #fff;
        border-color: #e2f5ff;
    }

    .mad-newsletter-form {
        display: flex;
    }

    .mad-newsletter-form input:not(:last-child) {
        margin-right: 0.5rem;
    }

    .mad-newsletter-form.type-2 {
        display: block;
    }

    .mad-newsletter-form.size-2 input {
        line-height: 3rem;
        height: 3rem;
        font-size: 1rem;
    }

    .mad-newsletter-form.size-2 button i {
        font-size: 1.5rem;
    }

    /* ----------------------------------------
        Placeholder
    ---------------------------------------- */

        ::-webkit-input-placeholder {
            color: inherit;
            opacity: 1;
        }

        ::-webkit-textarea-placeholder {
            color: inherit;
            opacity: 1;
        }

        input::-moz-placeholder {
            color: inherit;
            opacity: 1;
        }

        textarea::-moz-placeholder {
            color: inherit;
            opacity: 1;
        }

        ::-ms-input-placeholder {
            color: inherit;
            opacity: 1;
        }

        ::-ms-textarea-placeholder {
            color: inherit;
            opacity: 1;
        }

    /* ----------------------------------------
        Range Slider
    ---------------------------------------- */

        .mad-range-slider-field {
            font-size: 1rem;
            line-height: 1.625rem;
            margin-bottom: 0.3rem;
        }

        .mad-range-slider-field input[type="text"], .mad-range-slider-field input[type="search"], .mad-range-slider-field input[type="date"], .mad-range-slider-field input[type="datetime-local"], .mad-range-slider-field input[type="email"], .mad-range-slider-field input[type="file"], .mad-range-slider-field input[type="month"], .mad-range-slider-field input[type="number"], .mad-range-slider-field input[type="password"], .mad-range-slider-field input[type="tel"], .mad-range-slider-field input[type="time"], .mad-range-slider-field input[type="url"], .mad-range-slider-field input[type="week"], .mad-range-slider-field textarea {
            height: auto !important;
            font-size: inherit;
            line-height: inherit !important;
            border-width: 0px;
            font-weight: inherit;
            width: 100%;
            padding: 0 !important;
            background-color: transparent;
        }

        .mad-range-slider-input:not(:last-child) {
            margin-bottom: 0.7rem;
        }

        .mad-range-slider {
            position: relative;
            height: 0.5625rem;
            background-color: #ececec;
        }

        .mad-range-slider .ui-slider-range {
            position: absolute;
            top: 0.1875rem;
            bottom: 0.1875rem;
            cursor: pointer;
            background-color: #040a1c;
        }

        .mad-range-slider .ui-slider-handle {
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -0.53125rem;
            width: 0.625rem;
            height: 1.0625rem;
            cursor: pointer;
            background-color: #040a1c;
        }

        .mad-range-slider .ui-slider-handle:last-child {
            margin-left: -0.625rem;
        }

    /* ----------------------------------------
        Checkbox & Radio
    ---------------------------------------- */

        input[type="checkbox"],
        input[type="radio"] {
            display: none;
        }

        input[type="checkbox"] + label[for],
        input[type="radio"] + label[for] {
            display: block;
            position: relative;
            font-size: 1rem;
            line-height: 2rem;
            padding-left: 3rem;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin-bottom: 0;
            min-height: 2rem;
            color: #7a7879;
        }

        input[type="checkbox"] + label[for]::before,
        input[type="radio"] + label[for]::before {
            content: "";
            border: 2px solid #e2f5ff;
            width: 28px;
            height: 28px;
            position: absolute;
            left: 0;
            top: 0;
        }

        input[type="checkbox"] + label[for]::after,
        input[type="radio"] + label[for]::after {
            font-family: 'Linearicons';
            content: "\e934";
            color: #00517f;
            font-size: 1rem;
            line-height: 2rem;
            position: absolute;
            left: 1px;
            width: 2rem;
            text-align: center;
            top: 0;
            display: none;
        }

        input[type="checkbox"] + label[for]:not(:last-child),
        input[type="radio"] + label[for]:not(:last-child) {
            margin-bottom: 0.5rem;
        }

        input[type="checkbox"]:checked + label[for]::after,
        input[type="radio"]:checked + label[for]::after {
            display: block;
        }

        input[type="radio"] + label[for]::after {
            content: "";
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #00517f;
            left: 0.5rem;
            top: 0.5rem;
        }

        input[type="radio"] + label[for]::before {
            border-radius: 50%;
        }

        .mad-form {
            position: relative;
        }

        .mad-form.style-2 input {
            background: #fff;
        }

        .mad-form.style-2 .mad-form-tag {
            color: #e2f5ff;
        }

        .mad-contact-form .mad-col:not(:last-child) {
            margin-bottom: 1rem;
        }

        .mad-contact-form.type-2 .mad-col:not(:last-child) {
            margin-bottom: 1.5rem;
        }

        .mad-contact-form .mad-col .row:not(.col-no-space) {
            margin-bottom: -1rem;
        }

        .mad-contact-form .mad-col .row:not(.no-gutters) {
            margin-left: -0.5rem;
            margin-right: -0.5rem;
        }

        .mad-contact-form .mad-col .row:not(.col-no-space) > [class*="col"] {
            padding-bottom: 1rem;
        }

        .mad-contact-form .mad-col .row:not(.no-gutters) > [class*="col-"] {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

        .mad-contact-form.size-2 input,
        .mad-contact-form.size-2 textarea,
        .mad-contact-form.size-2 {
            font-size: 1rem;
        }

        .mad-contact-form.size-2 input {
            height: 3rem;
            line-height: 3rem;
        }

        .mad-contact-form.mad-search {
            position: relative;
        }

        .mad-contact-form.mad-search input {
            padding-right: 3.5rem;
        }

        .mad-contact-form.mad-search button {
            position: absolute;
            top: 0;
            right: 1rem;
            line-height: 3rem;
            padding-top: 0;
            padding-bottom: 0;
            color: #00517f;
        }

    /* ----------------------------------------
        Select
    ---------------------------------------- */

        .mad-custom-select {
            position: relative;
        }

        .mad-custom-select.mad-over {
            z-index: 3;
        }

        .mad-custom-select .mad-selected-option {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            -ms-user-select: none;
            user-select: none;
            height: 4rem;
            line-height: 4rem;
            color: #7a7879;
            position: relative;
            padding-right: 3.5rem;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-top: 0;
            padding-bottom: 0;
        }

        .mad-custom-select .mad-selected-option::after, .mad-custom-select .mad-selected-option::before {
            content: "keyboard_arrow_down";
            font-family: 'Material Icons';
            font-size: 2rem;
            line-height: inherit;
            position: absolute;
            color: #045481;
            top: 0;
            right: 0.875rem;

            -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .mad-custom-select .mad-selected-option::before {
            content: "keyboard_arrow_up";
            opacity: 0;
            visibility: hidden;
        }

        .mad-custom-select .mad-options-list {
            line-height: 1.5rem;
            text-align: initial;
            color: #7a7879;
            background-color: #fff;
            padding-bottom: 1rem;
            border: 2px solid #e2f5ff;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            margin-top: -2px;
            opacity: 0;
            visibility: hidden;

            -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .mad-custom-select .mad-options-list > li {
            cursor: pointer;
            padding-top: 1rem;
            padding-right: 1.25rem;
            padding-left: 1.25rem;

            -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .mad-custom-select .mad-options-list > li:hover, .mad-custom-select .mad-options-list > li.mad-active {
            color: #57a2cc;
        }

        .mad-custom-select.mad-opened .mad-options-list,
        .mad-custom-select.mad-opened .mad-selected-option::before {
            opacity: 1;
            visibility: visible;
        }

        .mad-custom-select.mad-opened .mad-selected-option::after {
            opacity: 0;
            visibility: hidden;
        }

        .mad-csstransforms3d .mad-custom-select .mad-options-list,
        .mad-csstransforms3d .mad-custom-select .mad-selected-option::after,
        .mad-csstransforms3d .mad-custom-select .mad-selected-option::before {
            -webkit-transition-property: -webkit-transform, opacity, visibility;
                    transition-property:         transform, opacity, visibility;
        }

        .mad-csstransforms3d .mad-custom-select .mad-options-list {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
                    transform: scale3d(0.9, 0.9, 0.9);
        }

        .mad-csstransforms3d .mad-custom-select .mad-selected-option::before,
        .mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::after {
            -webkit-transform: scale3d(0, 0, 0);
                    transform: scale3d(0, 0, 0);
        }

        .mad-csstransforms3d .mad-custom-select.mad-opened .mad-options-list,
        .mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::before {
            -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
        }

        .mad-custom-select.size-2 .mad-selected-option {
            height: 3rem;
            line-height: 2.75rem;
            font-size: 1rem;
        }

        .mad-custom-select.size-2 .mad-options-list {
            font-size: 1rem;
        }

    /* ----------------------------------------
        Counter
    ---------------------------------------- */

        .mad-field-counter {
            position: relative;
            padding-right: 3rem;
        }

        .mad-field-counter-value {
            font-family: "Old Standard TT", serif;
            color: #040a1c;
            font-size: 3.7rem;
            line-height: 0.82;
            position: relative;
            top: 5px;
        }

        .mad-field-counter-control {
            font-size: 1.25rem;
            line-height: 1;
            position: absolute;
            right: 0;

            -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .mad-field-counter-control::after {
            font-family: 'Linearicons';
        }

        .mad-field-counter-control:hover {
            color: #040a1c;
        }

        .mad-field-counter-control--increase {
            top: 0;
        }

        .mad-field-counter-control--increase::after {
            content: "\e939";
        }

        .mad-field-counter-control--decrease {
            bottom: 0;
        }

        .mad-field-counter-control--decrease::after {
            content: "\e93a";
        }

    /* ----------------------------------------
        Label
    ---------------------------------------- */

        label {
            color: #595758;
            margin-bottom: 0.4rem;
            display: block;
        }

        label[for] {
            cursor: pointer;
        }

    /* ----------------------------------------
        Textarea
    ---------------------------------------- */

        textarea {
            height: auto;
            resize: none;
            padding-top: 1rem;
            padding-bottom: 1rem;
            display: block;
        }

    /* ----------------------------------------
        Form groups
    ---------------------------------------- */

        .form-group {
            display: flex;
            margin-top: -0.5rem;
            margin-left: -0.25rem;
            margin-right: -0.25rem;
        }

        .form-group:last-child > [class*="form-col"]:only-child > .btn:only-child {
            margin-top: 0.5px;
        }

        .form-group:first-child {
            margin-top: -0.5px;
        }

        [class*="form-col"] {
            flex: auto;
            max-width: 390px;
            width: 100%;
            position: relative;
            margin-top: 0.5rem;
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }

        [class*="form-col"].with-icon i {
            position: absolute;
            left: 24px;
            top: 0;
            line-height: 4rem;
            color: #57a2cc;
        }

        [class*="form-col"].with-icon input {
            padding-left: 3.625rem;
        }

        .form-group [class*="form-col"].no-fw {
            max-width: max-content;
            width: auto;
        }

        .form-group.type-2 {
            flex-wrap: wrap;
        }

        .form-group.type-2 [class*="form-col"] {
            max-width: 50%;
            width: 48%;
        }

        .form-group.type-2 [class*="form-col"] .btn {
            width: 100%;
        }

        .mad-form-tag {
            position: absolute;
            top: 100%;
            left: 0;
            font-size: 0.625rem;
            color: #7a7879;
            letter-spacing: 0.5px;
            line-height: 0.5rem;
            white-space: nowrap;
            margin-top: 0.5rem;
        }

    /* ----------------------------------------
        Single Field Form
    ---------------------------------------- */

        .mad-singlefield-form {
            display: flex;
            margin: -1rem -1rem 0;
        }

        .mad-singlefield-form input {
            width: 100%;
            margin-right: 1rem;
        }

        .mad-singlefield-form > * {
            margin: 1rem 1rem 0;
        }

/* ----------------------------------------
    Figure
---------------------------------------- */

    .mad-figure-linked {
        text-align: center;
    }

    .mad-figure-linked figcaption:last-child:not(:only-child) {
        margin-top: 1.2rem;
    }

    .mad-figure-linked figcaption:first-child:not(:only-child) {
        margin-bottom: 1.2rem;
    }

/* ----------------------------------------
    Colorizer
---------------------------------------- */

    [class*="mad-colorizer--scheme-"] {
        position: relative;
    }

    .container .mad-section[class*="mad-colorizer--scheme-"]:not([class*="mad-section--stretched"]):not(.mad-section--no-adaptive) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mad-colorizer-bg-color, .mad-colorizer-bg-image {
        position: absolute;
        top: 4px;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: -1;
    }

    .mad-colorizer-bg-image {
        background-repeat: no-repeat;
        background-position: center ;
        background-size: cover;
    }

    .mad-colorizer--parallax .mad-colorizer-bg-image {
        background-size: auto;
        background-attachment: fixed;
    }

    .mad-touchevents .mad-colorizer--parallax .mad-colorizer-bg-image {
        background-size: cover !important;
        background-position: center !important;
        background-attachment: scroll !important;
    }

    .mad-section .mad-colorizer-bg-color {
        overflow: hidden;
    }

    .mad-colorizer--scheme-color-2 > .mad-colorizer-bg-color {
        background: #00283f;
    }

    .mad-colorizer--scheme-color-3 > .mad-colorizer-bg-color {
        background: #00517f;
    }

    .mad-colorizer--scheme-color-4 > .mad-colorizer-bg-color {
        background: #f0faff;
    }

    .mad-colorizer--scheme-color-5 > .mad-colorizer-bg-color {
        background: #36657f;
    }

    .mad-colorizer--scheme-color-6 > .mad-colorizer-bg-color {
        background: #f5f7f8;
    }

    .mad-colorizer--scheme-light .mad-cta-title,
    .mad-colorizer--scheme-light .mad-title,
    .mad-colorizer--scheme-light .mad-section-title {
        color: #fff;
    }

    .mad-colorizer--scheme-light {
        color: #e2f5ff;
    }

    [class*="with-overlay"] {
        z-index: 1;
        position: relative;
    }

    [class*="with-overlay"]:not(.mad-section):after,
    .mad-section[class*="with-overlay"] > [class*="mad-colorizer-"]:after {
        content: '';
        background: rgba(0,33,50,0.4);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .mad-section.with-overlay-2 > [class*="mad-colorizer-"]:after {
        background: rgba(255,255,255,0.5);
    }

    .with-side-menu .with-svg-item {
        left: 20rem;
        padding-right: 20rem;
    }

    .with-svg-item {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        margin-top: 2rem;
    }

    .with-svg-item.svg-right-side {
        left: auto;
        right: 0;
        margin-top: -4.5rem;
        margin-right: -3rem;
    }

    .with-svg-item.svg-right-side.type-2 {
        margin-right: 0;
        margin-top: 2rem;
    }

    .with-svg-item.top-space {
        top: 55%;
    }

    .with-svg-item.top-space1 {
        top: 45%;
    }

    .with-svg-item.top-space2 {
        top: 18.5rem;
    }

    .with-svg-item.bottom {
        top: auto;
        bottom: 0;
        margin-bottom: -15rem;
    }

    .with-svg-item.bottom2 {
        top: auto;
        bottom: 0;
        margin-bottom: -4rem;
    }

    .with-svg-item.bottom3 {
        top: auto;
        bottom: 0;
    }

    .with-svg-item.left-side {
        margin-left: -3rem;
        margin-top: -4.5rem;
    }

    .with-svg-item.hr-flip img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            filter: FlipH;
        -ms-filter: "FlipH";
    }

    .mad-bg-section {
        min-height: 400px;
        padding-bottom: 54%!important;
    }

/* ----------------------------------------
    Gallery
---------------------------------------- */

    .mad-grid--isotope:not(:last-child) {
        margin-bottom: 3.5rem;
    }

    .mad-gallery.wide {
        border: none!important;
    }

    .mad-gallery:not([class*="item-col-"]) {
        border: 0.5rem solid transparent;
        margin: -0.5rem -0.25rem 0;
    }

    .mad-gallery.with-small-gap[class*="item-col-"]:not(.no-gutters) {
        margin: 4px;
    }
    
    .mad-gallery.with-small-gap[class*="item-col-"]:not(.no-gutters) > * {
        padding: 4px;
    }

    .mad-gallery:not(.mad-grid--isotope) {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-gallery:not(:last-child),
    .mad-gallery.with-small-gap[class*="item-col-"]:not(.no-gutters) {
        margin-bottom: 3.5rem;
    }

    .mad-gallery:not([class*="item-col-"]) > * {
        width: 25%;
        position: relative;
        padding: 0.5rem 0.25rem 0;
    }

    .mad-gallery:not([class*="item-col-"]).col-size-3 .mad-gallery-item {
        width: 33.3333%;
    }

    .mad-gallery .mad-gallery-item a {
        display: block;
        overflow: hidden;
        position: relative;
        cursor: url(../images/crosshair.png), crosshair;
        z-index: 1;
    }

    .mad-gallery .mad-gallery-item a img {
        width: 100%;
        transition: all .5s ease;
    }

    .mad-gallery .mad-gallery-item a:hover img {
        transform: scale(1.1);
    }

    .mad-gallery .mad-gallery-item a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,33,50,0.6);
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }

    .mad-gallery .mad-gallery-item a:hover:after {
        opacity: 1;
        visibility: visible;
    }

    .mad-gallery .mad-gallery-item.x2 {
        width: 50%;
    }

    .mad-gallery.item-col-3 .mad-gallery-item.x2 {
        width: 66.6666%;
    }

    .with-side-menu .mad-gallery .mad-gallery-item {
        width: calc(25% - 5rem);
    }

    .with-side-menu .mad-gallery .mad-gallery-item.x2 {
        width: calc(50% - 10rem);
    }

    .mad-gallery .mad-gallery-item > *:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-portfolio:not(:last-child) {
        margin-bottom: 3.5rem;
    }

    .mad-portfolio .mad-gallery-desc {
        text-align: center;
        padding: 1.5rem 1rem;
    }

    .mad-portfolio .mad-gallery-name {
        font-family: 'Asap', sans-serif;
        font-weight: 600;
    }

    .mad-portfolio .mad-gallery-name:not(:last-child) {
        margin-bottom: 8px;
    }

    .mad-portfolio .mad-gallery-cat {
        font-style: italic;
        font-style: 1rem;
        line-height: 1.5rem;
    }

    .mad-portfolio .mad-gallery-item {
        transition: all .5s ease;
    }
    
    .mad-portfolio .mad-gallery-item:hover {
        background: #f0faff;
    }

    .mad-portfolio:not(.style-2) .mad-gallery-item:hover .mad-gallery-desc a {
        color: #040a1c;
    }

    .mad-portfolio.style-2 .mad-gallery-item {
        position: relative;
        z-index: 1;
    }

    .mad-portfolio.style-2 .mad-gallery-desc {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        transform: translateY(-50%);
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease;
    }

    .mad-portfolio.style-2 .mad-gallery-desc .mad-gallery-name a {
        color: #fff;
    }

    .mad-portfolio.style-2 .mad-gallery-desc a {
        color: #6dcbff;
    }

    .mad-portfolio.style-2 .mad-gallery-item .mad-gallery-media:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,33,50,0.9);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }

    .mad-gallery-item .mad-gallery-media img {
        width: 100%;
    }

    .mad-portfolio.style-2 .mad-gallery-item:hover .mad-gallery-media:after,
    .mad-portfolio.style-2 .mad-gallery-item:hover .mad-gallery-desc {
        opacity: 1;
        visibility: visible;
    }

    .mad-filter-wrap:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-filter {
        z-index: 9;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: -1rem -1.25rem 0;
    }

    .mad-filter > li {
        padding: 1rem 1.25rem 0;
    }

    .mad-filter > li > a {
        color: #00517f;
        font-weight: 600;
        border-bottom: 1px solid transparent;
    }

    .mad-filter > li > a.mad-active {
        color: #040a1c;
        border-bottom-color: inherit;
    }

    .mad-grid-item.size-x2 {
        width: 50%;
    }

/* ----------------------------------------
    Countdown
---------------------------------------- */

    .mad-countdown {
        margin-top: -2rem;
    }

    .mad-countdown .countdown-row {
        font-size: 0;
        line-height: 0;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }

    .mad-countdown .countdown-section {
        vertical-align: top;
        padding-top: 2rem;
        width: 25%;
        color: #595758;
    }

    .mad-countdown .countdown-amount {
        font-family: "Satisfy", serif;
        font-size: 3.75rem;
        color: #040a1c;
        line-height: 4.5rem;
        letter-spacing: -0.3px;
        display: block;
    }

    .mad-countdown .countdown-period {
        font-size: 1rem;
        line-height: 1.5rem;
        display: block;
    }

    .mad-countdown.style-2 .countdown-section {
        color: #e2f5ff;
    }

    .mad-countdown.style-2 .countdown-amount {
        color: #fff;
    }

/* ----------------------------------------
    Products
---------------------------------------- */

    .mad-tabs.products .tabs-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mad-tabs.products .owl-carousel .owl-stage {
        display: flex;
    }

    .mad-tabs.products .owl-carousel .mad-grid-item {
        height: 100%;
    }

    .mad-tabs.products .owl-carousel {
        padding: 0 70px;
    }

    .mad-tabs.products .tabs-wrap .mad-title:not(:last-child) {
        margin-bottom: 0;
        padding-left: 2px;
    }

    .mad-products + .mad-pagination {
        padding-top: 3.5rem;
    }

    .mad-products:not(.owl-carousel):not(.mad-product-small):not(.mad-product-single) {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-products:not(.mad-product-small) .mad-product {
        height: 100%;
        position: relative;
        overflow: hidden;
        background-color: #f5f7f8;
        transition: all .5s ease;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mad-products .mad-product-image {
        position: relative;
        background: none!important;
    }

    .mad-products:not(.mad-product-small) .mad-product-image img {
        width: 100%;
    }

    .mad-products:not(.mad-product-small) .mad-product .mad-product-description {
        padding: 1.5rem 2rem 0;
        font-size: 0.875rem;
        color: #7a7879;
        line-height: 1.5rem;
        flex: 1;
    }

    .mad-products:not(.mad-product-small) .mad-product .mad-product-description p {
        font-style: italic;
        line-height: 1rem;
    }

    .mad-product-description:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-product-description .mad-product-title {
        font-family: 'Asap', serif;
        font-weight: 600;
    }

    .mad-product-info {
        font-size: 0.875rem;
        color: #7a7879;
        display: block;
        line-height: 1rem;
    }

    .mad-product-info:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-products:not(.mad-product-small):not(.mad-product-single) .mad-product-description .mad-product-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-product-calc {
        padding: 0 2rem 1.5rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .mad-product-price {
        position: relative;
        font-family: 'Asap', serif;
        font-size: 1.125rem;
        line-height: 2rem;
        font-weight: 500;
        padding-right: 0.5rem;
        color: #040a1c;
        display: block;
    }

    .mad-product-price span {
        font-size: 1.125rem;
        line-height: 1.5rem;
        position: absolute;
        bottom: 100%;
        left: 0;
        text-decoration: line-through;
    }

    .mad-label {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'Arvo', serif;
        text-transform: uppercase;
        font-size: 0.8125rem;
        line-height: 2rem;
        font-weight: 500;
        color: #262123;
        background: #dbc5b3;
        padding: 0 0.5rem;
    }

    .mad-label.sale {
        background: #efc4c5;
    }

    /* Products small */

    .mad-products.mad-product-small:not(.owl-carousel) {
        display: block;
    }

    .mad-products.mad-product-small .mad-product {
        display: flex;
        position: relative;
        z-index: 1;
        box-shadow: none;
    }

    .mad-products.mad-product-small .mad-col:not(:last-child),
    .mad-products.mad-product-small:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-products.mad-product-small .mad-product .mad-product-description {
        padding-left: 1.5rem;
        font-size: 1rem;
        line-height: 1rem;
        color: #7a7879;
    }

    .mad-products.mad-product-small .mad-product .mad-product-image {
        display: inline-block;
        min-width: 5.5rem;
        overflow: hidden;
    }

    .shopping-cart .mad-products.mad-product-small .mad-product .mad-product-image {
        min-width: 4.5rem;
    }

    .mad-products.mad-product-small .mad-product .mad-product-price {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: bold;
    }

    .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-title {
        display: inline-block;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.5rem;
    }

    .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-title:not(:last-child),
    .mad-products.mad-product-small .mad-product .mad-product-description p:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-products.mad-product-small .mad-product .mad-product-title {
        font-family: 'Asap', serif;
        font-weight: normal;
    }

    .mad-products.mad-product-small .mad-product .mad-menu-ing {
        font-size: 14px;
        color: #7a7879;
        font-style: italic;
    }

    /* Products sorting */

    .product-sort-section {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        align-items: center;
        font-family: 'Asap', sans-serif;
        font-size: 1rem;
        color: #7a7879;
        margin: -1rem -1rem 0;
    }

    .product-sort-section > .mad-col {
        padding: 1rem 1rem 0;
    }

    .product-sort-section:not(:last-child) {
        margin-bottom: 2rem;
    }

    .product-sort-section .mad-custom-select {
        width: 275px;
    }

    .mad-tabs .product-sort-section {
        padding-top: 2rem;
    }

    .mad-tabs .product-sort-section:not(:last-child) {
        margin-bottom: 0;
    }

    /* Shopping cart */

    .mad-dropdown-element.shopping-cart {
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 1.5rem;
        margin-right: -3.5rem;
    }

    .shopping-cart {
        background: #00517f;
        color: #e2f5ff;
        text-align: left;
        overflow: hidden;
        min-width: 21rem;
    }

    .shopping-cart .mad-products.mad-product-small:not(:last-child) {
        margin-bottom: 0;
    }

    .shopping-cart .mad-products.mad-product-small {
        padding: 2rem;
    }

    .shopping-cart .mad-widget-title,
    .shopping-cart .mad-product-title {
        color: #fff;
    }

    .shopping-cart .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-title {
        font-weight: normal;
        line-height: 1.5rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-family: 'Asap', serif;
    }

    .shopping-cart .mad-products.mad-product-small .mad-product .mad-product-description .mad-product-price {
        color: #e2f5ff;
        font-weight: normal;
        font-style: italic;
        font-family: 'Asap', serif;
    }
    
    .shopping-cart .mad-close-item {
        position: absolute;
        right: 0;
        top: 0.25rem;
        font-size: 1.125rem;
        color: #fff;
    }

    .shopping-cart .mad-close-item:hover {
        color: #7cc5ec;
    }

    .shopping-cart .sc-footer {
        position: relative;
        padding: 2rem;
        background: #003c5f;
    }

    .shopping-cart .subtotal {
        font-size: 1.125rem;
        color: #fff;
        font-weight: 500;
    }

    .shopping-cart .subtotal span {
        padding-left: 1.5rem;
    }

    .shopping-cart .btn i {
        font-size: 1.5rem;
    }

    .shopping-cart .btn:after {
        background: #f2e4df;
    }

    .shopping-cart .subtotal:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .shop-cart-form table {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .shop-cart-form table tr th {
        width: 25%;
    }

    .shop-cart-form:not(.shop-acc-form) table tr th:last-child {
        width: 12%;
    }

    .shop-cart-form.shop-acc-form table tr th:last-child {
        width: 20%;
    }

    .shop-cart-form table tr td {
        padding-top: 2rem;
        padding-bottom: 2rem;
        vertical-align: middle;
    }

    .shop-cart-form table tr th:first-child {
        width: 35%;
    }

    .mad-table-wrap.shop-cart-form table tr:last-child td {
        border-bottom: 1px solid #e2f5ff;
    }

    .shop-cart-form .mad-product {
        align-items: flex-start;
    }

    .shop-cart-form .mad-product .mad-close-item {
        margin-right: 1.25rem;
        font-size: 1.125rem;
    }

    .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title {
        font-size: 1.125rem;
    }

    .shop-cart-form .mad-product-price {
        font-weight: 500;
        font-size: 1.125rem;
    }

    .shop-cart-form .mad-close-item {
        font-family: 'Asap', serif;
        font-weight: 500;
        font-size: 1.125rem;
        color: #57a2cc;
    }

    .shop-cart-form .mad-close-item:hover {
        text-decoration: underline;
    }

    .shop-cart-form .mad-close-item:after {
        content: 'cancel';
        font-size: 1rem;
        font-family: 'Material Icons Outlined';
        display: inline-block;
        vertical-align: -3px;
        margin-left: 6px;
    }

    .shop-cart-form table tfoot tr td {
        padding: 1.3125rem 1.75rem;
    } 

    .mad-shop-footer {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .shop-cart-form .mad-shop-footer > * {
        margin: 0;
    }

    .mad-checkout-form tr th:first-child {
        width: 25%;
        min-width: 18.75rem;
    }

    .mad-checkout-form .mad-product-title {
        font-size: 1.125rem;
        line-height: 1.875rem;
        letter-spacing: -0.5px;
        font-weight: 500;
    }

    .mad-checkout-form .checkout-title {
        font-size: 1.125rem;
    }

    .mad-checkout-form .checkout-title strong {
        font-weight: 600;
    }

    .mad-checkout-form tfoot,
    .mad-checkout-form tfoot .checkout-title {
        position: relative;
        color: #386f7c!important;
    }

    .mad-checkout-form tfoot tr td {
        background: none;
    }

    .shop-cart-form tr th.order-date {
        width: 35%;
    }

    .shop-cart-form table tr th:first-child.order-number {
        width: 22%;
    }

    .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:after {
        content: 'remove_red_eye';
        font-family: 'Material Icons Outlined';
        display: inline-block;
        vertical-align: -3px;
        margin-left: 6px;
    }

    .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link {
        border: none;
        font-weight: 500;
    }

    .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:hover {
        text-decoration: underline;
    }

    .shop-cart-form.shop-acc-form tr td {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    @-moz-document url-prefix() {
        .mad-checkout-form tfoot:before {
            top: 0;
        }
    }

    .mad-checkout-form tfoot tr td:first-child {
        border-bottom: none;
    }

    .payment-option input[type="radio"] + label{
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 0.25rem;
    }

    .payment-option input[type="radio"] + label span {
        font-size: 1rem;
        color: #595758;
    }

    .payment-desc {
        padding-left: 2.8125rem;
    }

    .payment-option .input-wrapper:not(:last-child){
        margin-bottom: 0;
    }

    .payment-option > li:last-child [class*="btn"]:only-child{
        margin-top: 0.9375rem;
    }

    /* Single product */

    .mad-calc {
        display: flex;
    }

    .mad-calc .btn:not(.with-text) {
        padding: 0;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        margin-left: 0.25rem;
    }

    .quantity {
        width: 6.25rem;
        position: relative;
    }

    .quantity input {
        height: 2.5rem;
        font-size: 1rem;
        padding: 0 2rem;
        text-align: center;
        color: #7a7879;
    }

    .quantity button {
        position: absolute;
        top: 50%;
        left: 0.875rem;
        transform: translateY(-50%);
        color: #7a7879;
        font-size: 12px;
    }

    .quantity .qty-plus {
        left: auto;
        right: 0.875rem;
    }

    .mad-products.mad-product-single:not(:last-child) {
        margin-bottom: 7.25rem;
    }

    .mad-products.mad-product-single .image-preview-container:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-product-single .mad-product-description .mad-product-title {
        font-weight: normal;
    }

    .mad-products.mad-product-single .mad-product-calc {
        display: block;
        padding: 0;
    }

    .mad-products.mad-product-single .mad-product-calc:not(:last-child) {
        margin-bottom: 3.75rem;
    }

    .mad-products.mad-product-single .mad-product-calc .mad-product-price:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .mad-products.mad-product-single .mad-product-calc .mad-product-price {
        display: block;
        font-size: 1.5rem;
        color: #040a1c;
        line-height: 2rem;
        font-weight: 500;
    }

    .mad-products.mad-product-single .mad-product-calc .mad-product-price i {
        font-size: 1.5rem;
        color: #595758;
        font-style: normal;
    }

    .mad-products.mad-product-single .mad-product-description:not(:last-child) {
        margin-bottom: 3rem;
    } 

    .mad-products.mad-product-single .mad-product-calc .quantity input {
        height: 3rem;
        font-size: 1rem;
    }

    .mad-products.mad-product-single .mad-product-calc .quantity {
        width: 10rem;
    }

     .mad-products.mad-product-single .mad-product-calc .btn {
        margin-left: 0.25rem;
     }

    .mad-product-single .mad-product-info {
        font-size: 1rem;
        line-height: 2rem;
        color: #595758;
    }

    .mad-product-single .mad-product-info ul li:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mad-product-single .mad-product-info ul li {
        font-style: italic;
    }

    .mad-product-single .mad-product-info ul li span {
        color: #57a2cc;
    }

    .mad-product-single  .mad-product-info:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-product-footer {
        display: flex;
        justify-content: space-between;
    }

    .mad-product-footer .mad-share-wrap > span {
        font-size: 18px;
    }

    .mad-product-footer .mad-social-icons.size-2 ul li a {
        font-size: 1.25rem;
    }

    /* Hidden Section */

    .hidden-section:not(:last-child) {
        margin-bottom: 0.875rem;
    }

    .hidden-section .account-action {
        color: #333;
        font-size: 1.5rem;
        font-family: 'Maven Pro', serif;
        font-weight: 500;
    }

    .hidden-section .login-form-footer {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .hidden-section .content {
        padding: 1.75rem 0 0.9375rem;
    }

    .hidden-section .content .mad-singlefield-form {
        max-width: 100%;
    }

    .hidden-section .input-box:not(:last-child) {
        margin-bottom: 0.9375rem;
    }

    .checkbox-title:not(:last-child) {
        margin-bottom: 2.625rem;
    }

    .checkbox-title input[type="checkbox"] + label[for] {
        color: #313131;
    }

    .checkbox-title input[type="checkbox"] + label[for], 
    .checkbox-title input[type="radio"] + label[for] {
        font-family: 'Maven Pro', serif;
        font-size: 2.25rem;
        line-height: 1.25;
        font-weight: 500;
        padding-left: 0;
        padding-right: 3.5rem;
        display: inline-block;
    }

    .checkbox-title input[type="checkbox"] + label[for]::before,
    .checkbox-title input[type="checkbox"] + label[for]::after {
        left: auto;
        right: 0;
        top: 0.625rem;
    }

    .checkbox-title input[type="checkbox"] + label[for]::after {
        top: 18px;
    }

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

    .mad-dropdown {
        position: relative;
        z-index: 1;
    }

    .mad-dropdown-title {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .mad-dropdown-element {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        margin-top: 1rem;
        left: 0;
        width: 100%;
        min-width: 22rem;
        -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-dropdown-element--x-right {
        left: auto;
        right: 0;
    }

    .mad-dropdown--opened {
        z-index: 6;
    }

    .mad-dropdown--opened .mad-dropdown-element {
        opacity: 1;
        visibility: visible;
    }

    .mad-dropdown--title-icon .mad-dropdown-title {
        position: relative;
        padding-right: 0.875rem;
    }

    .mad-csstransforms3d .mad-dropdown-element {
        -webkit-transition-property: -webkit-transform, opacity, visibility;
                transition-property:         transform, opacity, visibility;
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
                transform: scale3d(0.9, 0.9, 0.9);
    }

    .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-default {
        -webkit-transition-property: -webkit-transform, opacity, visibility;
                transition-property:         transform, opacity, visibility;
    }

    .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened,
    .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-default {
        -webkit-transform: scale3d(0, 0, 0);
                transform: scale3d(0, 0, 0);
    }

    .mad-csstransforms3d .mad-dropdown--opened .mad-dropdown-element,
    .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-opened {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }

/* ----------------------------------------
    Twitter Feed
---------------------------------------- */

    .mad-twitter-feed:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-twitter-feed > li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-twitter-feed > li {
        padding-left: 2rem;
    }

    .mad-twitter-feed > li {
        position: relative;
    }

    .mad-twitter-feed > li::before {
        content: "\f099";
        font-family: Font Awesome\ 5 Brands;
        font-size: 1.125rem;
        line-height: 2rem;
        position: absolute;
        left: 0;
        top: 0;
        color: #57a2cc;
    }

    .mad-twitter-feed > li a {
        color: #00517f;
    }

    .mad-twitter-feed > li a:hover {
        text-decoration: underline;
    }

    .mad-twitter-feed .mad-tweet-footer {
        color: #b1b1b1;
        font-size: 0.6875rem;
        line-height: 0.85938rem;
        text-transform: uppercase;
        letter-spacing: 1.1px;
    }

/* ----------------------------------------
4. Pages
---------------------------------------- */

.mad-our-info {
    font-family: 'Asap', serif;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #262123;
}

.mad-our-info li {
    display: flex;
}

.mad-our-info li:not(:last-child):not([class*="content-element-"]) {
    margin-bottom: 0;
}

.mad-our-info li i {
    margin-right: 1rem;
    font-size: 1.75rem;
    color: #57a2cc;
    position: relative;
}

.mad-our-info li span {
    display: block;
}

.mad-our-info li span:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-our-info li .mad-dir:not(:first-child),
.mad-vr-list li .mad-dir:not(:first-child) {
    margin-top: 1rem;
}

/* Video wrapper */

.video_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #000;
}

.video_wrapper_full {
    padding-top: 488px;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image:url(../images/928x576_img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.video_wrapper_full.image-2 {
    padding-top: 37.5rem;
}

.video_wrapper_full.image-2.size-2 {
    padding-top: 18rem;
}

.video_wrapper_full.image-2.size-2 .videoPoster {
    background-image: url(../images/488x288_img1.jpg);
}

.video_wrapper_full.image-2 .videoPoster {
    background-image:url(../images/928x600_img7.jpg);
}

.videoPoster:hover {
    cursor: pointer;
}

.videoPoster:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    background: url(../images/play-btn.png) no-repeat;
}

.videoPoster.no-btn {
    cursor: auto;
}

.videoPoster.no-btn:before {
    display: none;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

/* Video wrapper */

.mad-section-img {
    min-height: 39rem;
}

.mad-signa {
    padding-top: 0.5rem;
}

.mad-mark {
    position: relative;
}

.mad-mark:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -170px;
    width: 749px;
    height: 578px;
    background: url(../images/fish.png) no-repeat center center;
    z-index: -1;
}

.mad-colorizer--scheme-color-3 .mad-mark:after {
    background: url(../images/fish2.png) no-repeat center center;
}

.ms-section {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ms-section-inner {
    padding: 1.5rem 5.5rem;
}

.ms-section-inner .ms-sub-title {
    font-size: 1rem;
    letter-spacing: 2px;
    font-style: italic;
    text-transform: uppercase;
}

.ms-section-inner .ms-sub-title:not(:last-child) {
    margin-bottom: 1rem;
}

.ms-section-inner p {
    max-width: 530px;
    margin: 0 auto;
}

.ms-section-inner p:not(:last-child) {
    margin-bottom: 2.5rem;
}

.ms-bg-element {
    position: absolute;
    right: 0;
    bottom: 0;
}

.ms-bg-element.top-right {
    bottom: auto;
    top: -88px;
    right: -72px;
    z-index: -1;
}

.ms-bg-element.top-left {
    bottom: auto;
    top: 0;
    right: auto;
    left: 0;
}

.ms-bg-element.bottom-left {
    right: auto;
    left: 0;
}

.mad-colorizer--scheme-light .ms-section-inner {
    color: #e2f5ff;
}

.mad-colorizer--scheme-light .ms-section-inner .ms-title {
    color: #fff;
}

.mad-colorizer--scheme-light .ms-section-inner a:not(.btn) {
    color: #6dcbff;
}

.ms-viewing-2 #multiscroll-nav span {
    background: #cac9c9;
}

.mad-logo .dark-logo,
.ms-viewing-1 .mad-header .mad-logo img:not(.dark-logo),
.ms-viewing-2 .mad-header .mad-logo img:not(.dark-logo),
.ms-viewing-4 .mad-header .mad-logo img:not(.dark-logo) {
    display: none;
}

.ms-viewing-1 .mad-header .mad-logo .dark-logo,
.ms-viewing-2 .mad-header .mad-logo .dark-logo,
.ms-viewing-4 .mad-header .mad-logo .dark-logo {
    display: inline-block;
}

.ms-viewing-2 .mad-vr-menu {
    color: #040a1c;
}

.ms-viewing-2 .mad-vr-menu:after,
.ms-viewing-2 .mad-vr-menu:before {
    background: #040a1c;
}

/* Image block */

.mad-img-section .img-wrap {
    position: relative;
}

.mad-img-section .row > *:first-child {
    padding-top: 64px;
}

.mad-img-section .img-wrap img:not(:last-child) {
    margin-bottom: 32px;
}

.mad-img-section .img-wrap .mad-img-border {
    border: 2rem solid #fff;
    position: absolute;
    bottom: 72px;
    right: 100%;
    width: 100%;
    margin-right: -120px;
}

/* .mad-img img {
    width: 100%;
} */

/* Specifications  */

.mad-specs[class*="item-col-"] {
    display: flex;
    flex-wrap: wrap;
}

.mad-specs:not([class*="item-col-"]) .mad-col:not(:last-child) {
    margin-bottom: 32px;
}

.mad-specs:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-spec-item {
    display: flex;
    color: #7a7879;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1rem;
}

.mad-spec-item figure {
    max-width: 88px;
    width: 100%;
    min-width: 88px;
    margin-right: 1.5rem;
}

.mad-spec-item > * {
    width: 100%;
}

.mad-spec-header {
    position: relative;
    display: flex;
    color: #040a1c;
    line-height: 1.5rem;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: space-between;
    margin: 0 -1rem;
}

.mad-spec-header > * {
    padding: 0 1rem;
}

.mad-spec-header .mad-line {
    height: 1.125rem;
    flex: 1;
    border-bottom: 2px dotted #7a7879;
}

.mad-spec-header:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-spec-header .mad-spec-title {
    font-weight: bold;
}

.mad-spec-el:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-spec-info .mad-link {
    color: #277500;
    font-size: 0.75rem;
}

.mad-specs-section .row {
    align-items: center;
}

.mad-specs-section > .row > * .mad-specs {
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;   
}

.mad-specs-section > .row:nth-child(2n) > * .mad-specs {
    padding-right: 0;
    padding-left: 2.5rem;
}

.mad-specs.style-2 .mad-spec-item {
    display: block;
}

.mad-specs.style-2 .mad-spec-item > figure:not(:last-child) {
    margin-bottom: 1.5rem;
    min-width: 100%;
}

/* ----------------------------------------
    Blog Single
---------------------------------------- */



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

    .mad-events[class*="item-col-"] {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-events:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .mad-events:not([class*="item-col-"]) .mad-event {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        color: #57a2cc;
        padding: 2rem;
    }

    .mad-events .mad-event {
        background: #fff;
        color: #57a2cc;
        transition: all .5s ease;
    }

    .mad-events .mad-event:not(:last-child) {
        margin-bottom: 8px;
    }

    .mad-events:not(.style-2) .mad-event:hover {
        background: #00517f;
        color: #e2f5ff;
    }

    .mad-events:not(.style-2) .mad-event:hover .mad-event-title {
        color: #fff;
    }

    .mad-event .mad-event-img img {
        width: 100%;
    }

    .mad-events .mad-event:hover .btn {
        background: #6dcbff;
        color: #040a1c;
    }

    .mad-event .mad-event-title,
    .mad-event .mad-event-title a {
        font-size: 24px;
        font-weight: 600;
        color: #00517f;
    }

    .mad-event .mad-event-date {
        font-size: 0.875rem;
        line-height: 1rem;
        font-style: italic;
        display: flex;
        align-items: center;
    }

    .mad-event-date .mad-event-num {
        font-weight: bold;
        font-size: 3rem;
        line-height: 1;
        margin-right: 1rem;
    }

    .mad-events.style-2[class*="item-col-"] {
        display: flex;
        flex-wrap: wrap;
    }

    .mad-events.style-2:not(:last-child) {
        margin-bottom: 3.5rem;
    }

    .mad-events.style-2 .mad-event {
        padding: 0;
        align-items: flex-start;
    }

    .mad-events.style-2 .mad-event:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mad-events.style-2 .mad-event:hover {
        background: #f0faff;
    }

    .mad-events.style-2 .mad-event-content {
        color: #595758;
        padding-left: 4rem;
        padding-right: 1.5rem;
    }

    .mad-events.style-2[class*="item-col-"] .mad-event-content {
        padding: 2rem;
    }

    .mad-event-day {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-style: italic;
        margin-bottom: 0.25rem;
    }

    .mad-events.style-2:not([class*="item-col-"]) .mad-event .mad-event-info {
        padding: 2rem;
        display: flex;
        flex: 1;
    }

    .mad-events.style-2 .mad-event-date .mad-event-num {
        margin-right: 0;
    }

    .mad-events.style-2 .mad-event-title:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-events.style-2.title-size-2 .mad-event-title a {
        font-size: 1.875rem;
    }

    .mad-events.style-2 .mad-event-info .mad-event-date {
        display: block;
        text-align: center;
    }

    .mad-event-info span.mad-event-sub {
        display: block;
        font-style: italic;
        font-size: 0.875rem;
        line-height: 1rem;
        color: #57a2cc;
    }

    .mad-event-info .mad-event-sub a {
        color: #00517f;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.25rem;
    }

    .mad-event-info .mad-event-sub:not(:last-child) {
        margin-bottom: 8px;
    }

    .mad-events-nav {
        position: relative;
    }

    .mad-events-nav:not(:last-child) {
        margin-bottom: 3.5rem;
    }

    .mad-events-nav form input {
        padding-left: 3.75rem;
        padding-right: 18.75rem;
    }

    .mad-events-nav form > i {
        position: absolute;
        top: 0;
        left: 22px;
        line-height: 4rem;
        color: #69acd2;
        font-size: 2rem;
    }

    .mad-events-nav form > .mad-custom-select {
        display: flex;
        align-items: center;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mad-events-nav form > .mad-custom-select .mad-selected-option {
        border-left: none;
        color: #040a1c;
    }

    .mad-event-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: -1.5rem -0.75rem 0;
    }

    .mad-event-menu > .mad-item {
        padding: 1.5rem 0.75rem 0;
    }

    .mad-event-arrows {
        display: flex;
        align-items: center;
    }

    .mad-event-arrows {
        margin: 0 -14px;
    }

    .mad-event-arrows > * {
        color: #cac9c9;
    }

    .mad-event-arrows > * i {
        font-size: 3rem;
    }

    .mad-event-arrows > *:hover {
        color: #8ec0dd;
    }

    .mad-event-menu .btn {
        background: #f5f7f8;
        color: #040a1c;
        padding: 12px 1.5rem;
        border: 1px solid #d7e0e5;
    }

    .mad-event-menu .mad-dropdown-title {
        display: flex;
        align-items: center;
        color: #040a1c;
        font-weight: 500;
        font-size: 2.25rem;
    }

    .mad-event-menu .mad-dropdown-title > i {
        margin-left: 0.5rem;
        font-size: 2rem;
    }

    .mad-event-btns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: -1rem -0.5rem 0;
    }

    .mad-event-btns > * {
        margin: 1rem 0.5rem 0;
    }

    .mad-event-btns .btn i {
        font-size: 1.5rem;
    }

    /* ----------------------------------------
        Events by Month
    ---------------------------------------- */

        

    /* ----------------------------------------
        Event Single
    ---------------------------------------- */



/* ----------------------------------------
    404 Page
---------------------------------------- */

    .mad-404-title {
        font-family: "Satisfy", serif;
        font-size: 17rem;
        line-height: 1;
    }

    .mad-404-title + * {
        margin-top: -5rem;
    }

    .mad-404-message {
        font-size: 1.25rem;
        font-weight: 500;
        font-style: italic;
        display: block;
        color: #040a1c;
    }

    .mad-404-message:not(:last-child) {
        font-size: 1.125rem;
        margin-bottom: 1.625rem;
    }

    .mad-newsletter-form {
        max-width: 28.5rem;
        margin: 0 auto;
    }

/* ----------------------------------------
    Coming Soon Page
---------------------------------------- */

    .mad-coming-soon .mad-page-wrapper {
        display: flex;
        min-height: 100vh;
        flex-direction: column; 
    }

    .mad-content {
        flex: 1;
    }

    .mad-coming-soon-wrap {
        text-align: center;
        padding-top: 16.5rem;
    }

    .mad-coming-soon-title:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mad-coming-soon-message:not(:last-child) {
        margin-bottom: 3.5rem;
    }

/* ----------------------------------------
    Home
---------------------------------------- */