html {
        scroll-behavior: smooth
    }
    
    :root {
        --bg-color1: #ffea31;
        --bg-color2: #42ae3a;
        --bg-color3: #00286e;
        --bg-color4: #eaeaea;
        --title-black: 'Avenir Next LT Pro';
        --title-bold: 'Avenir Next LT Pro';
        --font-regular: 'robotoregular';
        --font-bold: 'robotoregular';
        --font-italic: 'robotoregular';
        --font-menu: 'robotoregular';
        --font-alt: 'Avenir Next LT Pro'
    }
    
    HTML BODY .h1,
    HTML BODY .h2,
    HTML BODY h1 {
        font-family: var(--title-black) !important
    }
    
    HTML BODY h2,
    HTML BODY h3,
    HTML BODY h4,
    HTML BODY h5,
    HTML BODY h6 {
        font-family: var(--title-bold)
    }
    
    HTML BODY,
    HTML BODY p {
        font-family: var(--font-regular)
    }
    
    HTML BODY strong {
        font-family: var(--font-bold)
    }
    
    HTML BODY em {
        font-family: var(--font-italic)
    }
    
    .alt-font {
        font-family: var(--font-alt) !important
    }
    
    .navbar-nav a {
        font-family: var(--font-menu)
    }
    
    .navbar-nav a {
        letter-spacing: 1px
    }
    
    HTML BODY p {
        font-size: 100% !important
    }
    
    .top-header,
    .top-header a,
    .top-header p {
        font-size: 90% !important
    }
    
    .middle-header,
    .middle-header a,
    .middle-header p {
        font-size: 90% !important
    }
    
    .bottom-header,
    .bottom-header a,
    .bottom-header li a,
    .bottom-header p {
        font-size: 100% !important
    }
    
    a {
        text-decoration: none !important
    }
    
    .bg-color1,
    .bg-color1:hover {
        background: var(--bg-color1) !important
    }
    
    .t-color1,
    .t-color1:hover {
        color: var(--bg-color1) !important
    }
    
    .bg-color2,
    .bg-color2:hover {
        background: var(--bg-color2) !important
    }
    
    .t-color2,
    .t-color2:hover {
        color: var(--bg-color2) !important
    }
    
    .bg-color3,
    .bg-color3-hover:hover,
    .bg-color3:hover {
        background: var(--bg-color3) !important
    }
    
    .t-color3,
    .t-color3:hover {
        color: var(--bg-color3) !important
    }
    
    .bg-color4,
    .bg-color4-hover:hover,
    .bg-color4:hover {
        background: var(--bg-color4) !important
    }
    
    .t-color4,
    .t-color4:hover {
        color: var(--bg-color4) !important
    }
    
    .bg-dark-25 {
        background: rgba(0, 0, 0, .25)
    }
    
    .bg-dark-50 {
        background: rgba(0, 0, 0, .5)
    }
    
    .bg-dark-75 {
        background: rgba(0, 0, 0, .75)
    }
    
    .bg-dark-gradient-50 {
        background: linear-gradient(80deg, rgba(0, 44, 83, .87), #002c53, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
    }
    
    .bg-img-thank-you-page {
        background: url(../images/elements/slider/1.jpg)
    }
    
    .bg-img1 {
        background: url(../images/elements/bg/bg_1.jpg)
    }
    
    .bg-img2 {
        background: url(../images/elements/bg/bg_2.jpg)
    }
    
    .bg-img3 {
        background: url(../images/elements/bg/bg_3.jpg)
    }
    
    .bg-img4 {
        background: url(../images/elements/bg/bg_4.jpg)
    }
    
    .bg-img5 {
        background: url(../images/elements/bg/bg_5.jpg)
    }
    
    .bg-imgMobile {
        background: url(../images/elements/slider/bg_imgMobile.jpg)
    }
    
    .bg-img {
        background-size: cover
    }
    
    .bg-img-100 {
        background-size: 100%
    }
    
    .bg-img-contain {
        background-size: contain
    }
    
    .bg-repeat-x {
        background-repeat: repeat-x
    }
    
    .bg-repeat-y {
        background-repeat: repeat-y
    }
    
    .bg-no-repeat {
        background-repeat: no-repeat
    }
    
    .bg-img-fixed {
        background-attachment: fixed
    }
    
    .bg-img-top-left {
        background-position: top left
    }
    
    .bg-img-top-center {
        background-position: top center
    }
    
    .bg-img-top-right {
        background-position: top right
    }
    
    .bg-img-center-left {
        background-position: center left
    }
    
    .bg-img-center-center {
        background-position: center center
    }
    
    .bg-img-center-right {
        background-position: center right
    }
    
    .bg-img-right-left {
        background-position: right left
    }
    
    .bg-img-right-center {
        background-position: right center
    }
    
    .bg-img-right-right {
        background-position: right right
    }
    
    .bg-height {
        padding: 11% 0
    }
    
    .svgPosition {
        /*transform:rotate(180deg);*/
        line-height: 0
    }
    
    .svgPositionBotton {
        transform: rotate(180deg);
        line-height: 0
    }
    
    .t-shadow-50 {
        text-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    
    .t-shadow-100 {
        text-shadow: 0 0 10px #000
    }
    
    i {
        position: relative;
        vertical-align: -5px
    }
    
    .fa {
        transform: translateY(-5px)
    }
    
    .list-style-none li {
        list-style: none
    }
    
    .main-navbar .dropdown,
    .main-navbar .dropdown:hover,
    .main-navbar .navbar-nav a,
    .main-navbar .navbar-nav a:hover,
    a[data-fancybox=gallery]>img:hover {
        transition: all .3s ease;
        color: var(--bg-color1)
    }
    
    .main-navbar .navbar-nav a {
        color: var(--bg-color1);
        font-size: 1.05rem !important
    }
    
    .main-navbar .navbar-nav a:hover {
        color: var(--bg-color3)
    }
    
    .dropdown-menu a:hover,
    .main-navbar .navbar-nav .active a {
        border-bottom: 2px solid var(--bg-color2) !important;
        color: var(--bg-color3) !important
    }
    
    .navbar-toggler {
        background: var(--bg-color3) !important
    }
    
    .main-navbar .dropdown .active,
    .main-navbar .dropdown:hover {
        background: var(--bg-color3) !important
    }
    
    .main-navbar .dropdown-menu {
        padding: 0
    }
    
    .main-navbar .dropdown-menu a {
        color: var(--bg-color1);
        background: 0 0
    }
    
    .main-navbar .dropdown-menu a:hover {
        background: var(--bg-color1) !important;
        background: 0 0
    }
    
    .main-navbar .dropdown-menu {
        background: var(--bg-color3);
        border-radius: 0 !important;
        transform: translateY(-2px);
        border: none
    }
    
    #indicador-carousel .carousel-caption h5 {
        font-size: 180%
    }
    
    #indicador-carousel .carousel-caption h3 {
        font-size: 300%
    }
    
    #indicador-carousel .carousel-caption p {
        font-size: 110% !important
    }
    
    #indicador-carousel .carousel-caption a.btn {
        font-size: 120%
    }
    
    @media(min-width:300px) {
        .image-min {
            width: 100% !important
        }
        .negative-margin-top2 {
            margin-top: 5%
        }
        #indicador-carousel .carousel-caption h3 {
            font-size: 300% !important
        }
        .bg-dark-gradient-50 {
            background: linear-gradient(80deg, rgba(0, 44, 83, .97), rgba(0, 44, 83, .82), rgba(0, 44, 83, .51), rgba(155, 125, 125, 0.3)) !important
        }
        .bg-img1 {
            background-position-x: center;
        }
    }
    
    @media(min-width:540px) {
        .carousel-caption {
            bottom: 0 !important
        }
        .negative-margin-top2 {
            margin-top: 5%
        }
    }
    
    @media(min-width:960px) {
        .image-min {
            width: 70% !important
        }
        .carousel-caption {
            bottom: 0 !important
        }
        .negative-margin-top2 {
            margin-top: -2%
        }
        #indicador-carousel .carousel-caption h3 {
            font-size: 300% !important
        }
        .bg-dark-gradient-50 {
            background: linear-gradient(80deg, rgba(0, 44, 83, .87), #002c53, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important
        }
    }
    
    @media(min-width:1140px) {
        .image-min {
            width: 70% !important
        }
        .carousel-caption {
            bottom: 0 !important
        }
        .negative-margin-top2 {
            margin-top: -2%
        }
    }
    
    a.navbar-brand {
        font-size: 130% !important
    }
    
    .navbar-toggler {
        margin-bottom: 10px
    }
    
    .go-up {
        background: url(../../src/images/elements/top.png) #000 center center;
        border-radius: 50px;
        opacity: .5;
        cursor: pointer;
        width: 40px;
        height: 40px;
        position: fixed;
        bottom: 67px;
        right: 25px;
        display: inline-block !important
    }
    
    .go-up:hover {
        opacity: 1
    }
    
    .hide-top,
    .hide-top-alt {
        opacity: 0 !important
    }
    
    .icon-align {
        min-width: 24px;
        text-align: center;
        position: absolute;
        left: 20px;
        margin-top: 8px
    }
    
    .icon-align-ul li {
        list-style: none
    }
    
    .icon-align-ul li {
        list-style: none
    }
    
    a[data-fancybox=gallery]>img:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0 2px 3px
    }
    
    .shake-bottom {
        -webkit-animation: shake-bottom .8s cubic-bezier(.455, .030, .515, .955) 3 both;
        animation: shake-bottom .8s cubic-bezier(.455, .030, .515, .955) 3 both
    }
    
    @-webkit-keyframes shake-bottom {
        0%,
        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }
        10% {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg)
        }
        20%,
        40%,
        60% {
            -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg)
        }
        30%,
        50%,
        70% {
            -webkit-transform: rotate(4deg);
            transform: rotate(4deg)
        }
        80% {
            -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg)
        }
        90% {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg)
        }
    }
    
    @keyframes shake-bottom {
        0%,
        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }
        10% {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg)
        }
        20%,
        40%,
        60% {
            -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg)
        }
        30%,
        50%,
        70% {
            -webkit-transform: rotate(4deg);
            transform: rotate(4deg)
        }
        80% {
            -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg)
        }
        90% {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg)
        }
    }
    
    .listNumber {
        border: 2px solid var(--bg-color3) !important;
        padding: 6px 6px;
        border-radius: 50%;
        margin-right: 5px
    }
    
    p:hover .listNumber {
        background: var(--bg-color3) !important;
        color: #fff !important
    }
    
    .form-control {
        border: 0 !important;
        border-bottom: 1px solid #0052a5 !important;
        border-radius: 0 !important;
        transition: all .5s ease-in-out !important
    }
    
    .form-control:hover {
        border: 1px solid #0052a5 !important;
        transition: all .5s ease-in-out !important
    }
    
    .efect-box,
    .efectIN {
        transition: all .5s ease-in-out !important
    }
    
    .efect-box:hover {
        transform: translate(10px, 10px);
        box-shadow: 2px 2px 4px 0 var(--bg-color1) !important;
        transition: all .5s ease-in-out
    }
    
    .efectUP {
        transition: transform .3s cubic-bezier(.34, 2, .6, 1), box-shadow .2s ease
    }
    
    .efectUP:hover {
        box-shadow: 0 12px 19px -7px rgba(0, 0, 0, .3);
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px)
    }
    
    .efectIN:hover {
        transition: all .5s ease-in-out !important;
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -moz-transform: scale(.9)
    }
    
    .bottom-shadow {
        -webkit-box-shadow: 0 10px 17px -6px #001135;
        box-shadow: 0 10px 17px -6px #001135
    }
    
    .position-img {
        margin-left: -143px !important;
        position: absolute;
        bottom: -43px;
        z-index: 2
    }
    
    .kenburns-top {
        -webkit-animation: kenburns-top 5s ease-out both;
        animation: kenburns-top 5s ease-out both;
    }
    
    .rotation1 {
        border: 7px solid #fff;
        transform: rotate(-9deg);
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
    }
    
    .rotation2 {
        border: 7px solid #fff;
        transform: rotate(9deg);
    }
    
    .gmap-here iframe {
        box-shadow: 0 0 28px #424242;
        border-radius: 29px;
        border: 5px var(--bg-color2) !important;
        border-style: outset !important;
    }
    
    .img-home1 {
        position: absolute;
        top: -16%;
        left: -32px;
    }
    
    .img-home2 {
        position: absolute;
        bottom: -29em;
        left: -24px;
        z-index: -1;
    }
    
    /* ----------------------------------------------
     * Generated by Animista on 2020-8-28 13:43:24
     * Licensed under FreeBSD License.
     * See http://animista.net/license for more info. 
     * w: http://animista.net, t: @cssanimista
     * ---------------------------------------------- */
    
    /**
     * ----------------------------------------
     * animation kenburns-top
     * ----------------------------------------
     */
    
    @-webkit-keyframes kenburns-top {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
        }
        100% {
            -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top;
        }
    }
    
    @keyframes kenburns-top {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
        }
        100% {
            -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top;
        }
    }
    
    .phone-float-mobile {
        position: fixed;
        bottom: 122px;
        right: 15px;
        margin: 0 auto;
    }

    .footer_menu_icon
    {
        border: 4px solid var(--bg-color2);
        background-color: var(--bg-color3);
        border-radius: 50% !important;
        height: 60px; 
        width: 60px;
        padding: 1px 1px;
    }
    
    .footer_menu_icon i 
    {
        margin-top: 10px;
        color: #fff !important;
        font-size: 30px;
    }