@import url("https://fonts.googleapis.com/css?family=Muli:400,600,700,800|Nunito+Sans:400,600,700&display=swap");
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    position: relative;
    background-color: #F5F7FA;
    box-sizing: border-box;
    font-family: "Nunito", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

::-moz-selection {
    color: #fff;
    background: #080B36
}

::selection {
    color: #fff;
    background: #080B36
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: #080B36
}

.form-control {
    box-shadow: none
}

.form-control:focus {
    outline-color: #080B36;
    border-color: grey;
    box-shadow: none
}

@font-face {
    font-family: montserrat-regular;
    src: url(../fonts/montserrat/Montserrat-Regular.otf)
}

@font-face {
    font-family: montserrat-medium;
    src: url(../fonts/montserrat/Montserrat-Medium.otf)
}

@font-face {
    font-family: montserrat-semibold;
    src: url(../fonts/montserrat/Montserrat-SemiBold.otf)
}

@font-face {
    font-family: montserrat-bold;
    src: url(../fonts/montserrat/Montserrat-Bold.otf)
}

@font-face {
    font-family: montserrat-black;
    src: url(../fonts/montserrat/montserrat-black.otf)
}

@font-face {
    font-family: montserrat-alternate-bold;
    src: url(../fonts/montserrat/MontserratAlternates-Bold.otf)
}

.heading__1 {
    font-family: "Muli", sans-serif;
    font-weight: 900
}

.heading__2 {
    font-family: "Muli", sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: #080B36;
    background-color: #FAEEA2;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px
}

.heading__size-1 {
    font-size: 2rem
}

.heading__size-2 {
    font-size: 3rem
}

.heading__size-3 {
    font-size: 4rem
}

.pt-30 {
    padding-top: 120px
}

.mt-0 {
    margin-top: 0px
}

.mt-15 {
    margin-top: 1.5rem
}

.mt-30 {
    margin-top: 3rem
}

.mt-50 {
    margin-top: 5rem
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-15 {
    margin-bottom: 1.5rem
}

.mb-30 {
    margin-bottom: 3rem
}

.mb-20 {
    margin-bottom: 2rem
}

.height__100P {
    height: 100%
}

.text__center {
    text-align: center
}

.cursor__pointer {
    cursor: pointer
}

.gutter__default {
    padding-left: 4%;
    padding-right: 4%
}

.gutter__2PER {
    padding-left: 2%;
    padding-right: 2%
}

.gutter-margin__default {
    margin-left: 4%;
    margin-right: 4%
}

.color-link {
    color: #095BBC
}

@media (max-width: 1050px) {
    .gutter__default {
        padding-left: 2%;
        padding-right: 2%
    }
    .gutter-margin__default {
        margin-left: 2%;
        margin-right: 2%
    }
}

.btn__primary {
    font-weight: 600;
    background-color: #080B36;
    color: #fff;
    transition: all 700ms
}

.btn__primary:hover {
    background-color: #01020a;
    color: #fff
}

.btn__edge {
    font-weight: 600;
    background-color: red;
    color: #fff
}

.btn__edge:hover {
    color: #fff
}

.btn__link {
    font-weight: 700;
    color: #080B36
}

.btn__link:hover {
    color: #080B36
}

.btn__size-2x {
    font-size: 1.5rem;
    padding: 10px
}

.btn__size-3x {
    font-size: 2rem;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 40px;
    padding-right: 40px
}

.list-box {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-top: 3px solid #eaeaea;
    border-radius: 5px;
    padding-bottom: 20px
}

.list-box .row-1 {
    margin-bottom: 20px
}

.list-box__heading {
    font-size: 2.2rem;
    font-weight: 700;
    border-bottom: 3px solid #eaeaea;
    padding-bottom: 10px
}

.list-box__text {
    font-family: "Muli", sans-serif
}

.list-box__list {
    font-family: "Muli", sans-serif;
    font-size: 1.5rem;
    color: #095BBC;
    width: 24%;
    list-style: none;
    display: inline-block
}

.list-box__list li {
    line-height: 2.7rem
}

@media (max-width: 1050px) {
    .list-box__list {
        width: 49%
    }
}

@media (max-width: 768px) {
    .list-box__list {
        width: 100%
    }
}

.form__1 label,
.form__1 p {
    font-family: "Muli", sans-serif;
    font-size: 1.7rem;
    font-weight: 600;
    display: block
}

.form__1 label .required {
    color: red
}

.form__1 input[type="text"],
.form__1 input[type="password"],
.form__1 input[type="email"],
.form__1 select,
.form__1 textarea {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    border: 1px solid #a4a4a4
}

.form__1 input[type="text"]:focus,
.form__1 input[type="password"]:focus,
.form__1 input[type="email"]:focus,
.form__1 select:focus,
.form__1 textarea:focus {
    border: 1px solid #555555;
    box-shadow: 1px 1px 8px 1px rgba(85, 85, 85, 0.1)
}

.form__1 .checkbox-label {
    font-size: 1.4rem
}

.message-group.success p {
    color: green;
}

.message-group.danger p {
    color: red;
}

.checkbox-label {
    font-weight: 600;
    padding-left: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer
}

.checkbox-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-label input[type="checkbox"]:checked~.checkmark {
    background-color: #080B36;
    overflow: hidden
}

.checkbox-label input[type="checkbox"]:checked~.checkmark:after {
    display: block
}

.checkbox-label .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #f5f4f4;
    border-radius: 3px;
    border: 1px solid #ddd
}

.checkbox-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox-label .color-link {
    color: #60779e
}

.header {
    font-family: "Muli", sans-serif;
    font-weight: 600;
    background-color: #080B36;
    height: 6rem;
    position: fixed;
    width: 100%;
    z-index: 99
}

.header .container-fluid,
.header .row {
    height: 100%
}

.header .navigation {
    display: flex
}

.header .navigation__logo {
    display: block;
    width: 160px;
    height: 100%;
    float: left;
    position: relative
}

.header .navigation__logo img {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff
}

.header .navigation__bars {
    display: none
}

.header .navigation__items {
    display: block;
    margin: auto auto;
    font-size: 1.7rem;
    margin-bottom: 0px
}

.header .navigation__items li {
    display: inline-block;
    margin-right: 0.5rem;
    height: 100%
}

.header .navigation__items li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
    line-height: 6rem;
    transition: all 500ms
}

.header .navigation__items li a:hover,
.header .navigation__items li a.active {
    background-color: #FAEEA2;
    color: #080B36
}

@media (max-width: 1050px) {
    .header {
        height: auto
    }
    .header .container-fluid,
    .header .row {
        height: auto
    }
    .header .navigation {
        display: block
    }
    .header .navigation__logo {
        float: left;
        height: auto;
        width: auto
    }
    .header .navigation__logo img {
        position: initial;
        top: 0%;
        transform: translateY(0%)
    }
    .header .navigation__bars {
        color: #fff;
        font-size: 1.6rem;
        display: inline-block;
        padding-left: 10px;
        padding-right: 20px;
        cursor: pointer;
        line-height: 5rem;
        float: left
    }
    .header .navigation__items {
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: 0px;
        transition: all 700ms
    }
    .header .navigation__items li {
        display: block;
        height: auto;
        width: 100%
    }
    .header .navigation__items li a {
        width: 100%
    }
    .header .navigation__items.active {
        visibility: visible;
        opacity: 1;
        height: 450px;
        overflow-y: auto
    }
}

.footer {
    min-height: 50px;
    background-color: #080B36
}

.footer .copyrights {
    font-family: "Muli", sans-serif;
    color: #fff;
    min-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-top: 20px
}

.page-head {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 50vh;
    padding-top: 60px
}

.page-head .heading__1 {
    margin-top: 0px;
    margin-bottom: 20px
}

.content-section {
    min-height: 100vh
}

.content-section__text {
    font-size: 16px
}

.content-section .app-icon {
    cursor: pointer;
    width: 150px
}

.hero-section {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(../assets/bg/hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    min-height: 100vh
}

.hero-section__logo {
    width: 200px;
    display: block;
    margin: auto auto;
    border-radius: 30px
}

.quote-section {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: rgba(250, 238, 162, 0.3);
    padding-top: 50px;
    padding-bottom: 50px
}

.quote-section cite {
    font-size: 30px
}

.navigator-section {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh
}

.navigator-section .row-1 {
    padding-top: 50px
}

.navigator-section .row-2 {
    margin-top: 110px;
    min-height: 380px
}

.navigator-section .row-2 .heading {
    font-family: "montserrat-regular";
    font-weight: 200;
    font-size: 40px
}

.navigator-section .row-2 .text {
    font-family: "Muli";
    font-size: 19px;
    line-height: 26px
}

.navigator-section__gallery,
.navigator-section__info {
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.navigator-section__gallery img {
    position: absolute;
    height: 380px;
    border-radius: 3px;
    object-fit: cover;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
    transition: all 500ms
}

.navigator-section__gallery img.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%)
}

.navigator-section__gallery-bullets {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%)
}

.navigator-section__gallery-bullets span {
    display: inline-block;
    background-color: #fff;
    width: 10px;
    height: 5px;
    cursor: pointer;
    z-index: 999
}

.navigator-section__gallery-bullets span.active {
    background-color: rgba(250, 238, 162, 0.6)
}

.navigator-section__info [data-item] {
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
    display: none;
    transition: all 500ms
}

.navigator-section__info [data-item].active {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0%)
}

.testimonials-section {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin-top: 50px;
    background-color: rgba(250, 238, 162, 0.3)
}

.testimonials-section .row-1 {
    padding-top: 50px;
    padding-bottom: 50px
}

.testimonials-section .text {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-top: 50px;
    font-size: 25px;
    padding-left: 15%;
    padding-right: 15%
}

.hero-section-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(../assets/bg/hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 50vh
}

.hero-section-footer .heading__1 {
    margin-top: 0px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .navigator-section__info [data-item].active {
        display: block;
        visibility: visible;
        opacity: 1;
        transform: translateY(10%)
    }
    .testimonials-section .text {
        padding-left: 0%;
        padding-right: 0%
    }
}

.financing {
    position: relative
}

.financing .form {
    width: 100%;
    position: relative
}

.financing .form::after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background-color: #ddd;
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%)
}

.financing__info {
    margin-left: 10%;
    margin-top: 100px
}

.financing__info .text {
    font-family: "Muli", sans-serif;
    font-size: 1.6rem
}

.financing__info-icon-list {
    font-family: "Muli", sans-serif
}

.financing__info-icon-list li {
    list-style: none;
    line-height: 2.5rem
}

.financing__info-icon-list .icon {
    color: #080B36;
    padding-right: 10px
}

.financing__info-list {
    font-family: "Muli", sans-serif;
    padding-left: 15px
}

.financing__info-list li {
    list-style: disc;
    line-height: 2.5rem
}

.financing__info-list li::marker {
    color: #080B36
}

.financing__info-mt0 {
    margin-top: 50px
}

.pointer {
    cursor: pointer;
}