/* STICKY HEADER */

#site-header {
    box-sizing: border-box;
    width: 100%;
    background: none;
    z-index: 100;
}

#site-header .make-me-sticky.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.47);
    background: #FFF
}

#site-header .make-me-sticky.sticky .hero--nav {
    display: block;
}

.cf {
    *zoom: 1
}

.cf:before, .cf:after {
    display: table;
    content: ""
}

.cf:after {
    clear: both
}

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

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation: fadeIn 1s ease-out .5s both;
    animation: fadeIn 1s ease-out .5s both
}

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

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fade-out {
    -webkit-animation: fadeOut 1s ease-in both;
    animation: fadeOut 1s ease-in both
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, -100%, 0)
    }
    to {
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: both
}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize


/* MAUTIC STYLES */

.mauticform_wrapper {
    margin: 25px 0px;
}

.mauticform-innerform {}

.mauticform-post-success {}

.mauticform-name {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 3px;
}

.mauticform-description {
    margin-top: 2px;
    margin-bottom: 10px;
}

.mauticform-error {
    margin-bottom: 10px;
    color: red;
}

.mauticform-message {
    margin-bottom: 10px;
    color: #77BC1F;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-family: 'Raleway', sans-serif;
}

.mauticform-row {
    display: block;
    margin-bottom: 10px;
}

.mauticform-button-row {
    display: block;
    margin: 50px 0px 25px 0px;
}

.mauticform-label {
    text-align: left;
    margin-bottom: 5px;
    color: #171717;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}

.mauticform-row.mauticform-required .mauticform-label:after {
    color: #e32;
    content: " *";
    display: inline;
}

.mauticform-helpmessage {
    display: block;
    font-size: 0.9em;
    margin-bottom: 3px;
}

.mauticform-errormsg {
    display: block;
    color: red;
    margin-top: 2px;
}

.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
    width: 100%;
    padding: 15px 15px;
    border: 1px solid #CCC;
    background: #fff;
    box-shadow: 0px 0px 0px #fff inset;
    border-radius: 0px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-style: normal;
}

input[type="radio"], input[type="checkbox"] {
    margin: -5px 10px 0px 0px !important;
}

.mauticform-checkboxgrp-row {
    
}

.mauticform-checkboxgrp-label {
    font-weight: normal;
}

.mauticform-checkboxgrp-checkbox {}

.mauticform-radiogrp-row {
    display: flex;
    align-items: center;
}

.mauticform-radiogrp-label {
    text-align: left;
    margin-bottom: 5px;
    color: #171717;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}

.mauticform-radiogrp-radio {}

.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
    text-decoration: none;
    color: #ffffff;
    background-color: #8446AC;
    border: 2px solid #8446AC;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-family: 'Raleway', sans-serif;
    padding: 10px 50px;
    text-align: center;
    border-radius: 0px;

}

.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.3856;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] {
    background-color: #ffffff;
    border-color: #dddddd;
    opacity: 0.75;
    cursor: not-allowed;
}

.mauticform-pagebreak-wrapper .mauticform-button-wrapper {
    display: inline;
}








/* DESKTOP */

.body {
    background-color: #0b2c45;
}

html {
    scroll-behavior: smooth;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-100 {
    padding-top: 100px;
}





.section-white {
    background-color: #FFFFFF;
}
.section-1 {
    display: flex;
    align-items: center;
    height: 100vh;
    padding: 0px 25px;
}

.section-1-container {
    max-width: 800px;
    margin: 0px auto;
    padding: 50px;
    background-color: #d8d8d8;
}

.section-1-heading {
    text-align: left;
    margin-bottom: 10px;
    color: #171717;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}

.section-1-description {
    text-align: left;
    margin-bottom: 10px;
    color: #171717;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}
.section-1-description span{
    color: #40B4E5;
    font-weight: 600;
}



/* MOBILE */

/* Using Max-width */

/* Small devices (landscape phones, 576px and up */

@media (min-width: 576px) {
    ...
}

/* Medium devices (tablets, 768px and up */

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

/* Small devices (landscape phones, less than 768px */

@media (max-width: 767.98px) {...}

/* Medium devices (tablets, less than 992px */

@media (max-width: 991.98px) {...}


@media (max-width: 1299.98px) {...}

/* Large devices (desktops, less than 1200px */

@media (max-width: 1199.98px) {...}

@media (max-width: 1250px) {...}

@media (max-width: 1300px) {...}

@media (min-width: 1400px) {...}

@media (max-width: 1400px) {...}