@font-face {
    font-family: 'Univers LT Std 55 Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Univers LT Std 55 Roman'), url('./font/UniversLTStd.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std 65 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Univers LT Std 65 Bold'), url('./font/UniversLTStd-Bold.woff') format('woff');
}

body {
    width: calc(100vw - (100vw - 100%));
}

.material-icons.md-40 {
    font-size: 40px;
}

.material-icons.md-32 {
    font-size: 32px;
}

.material-icons.md-50 {
    font-size: 50px;
}

#navClose .material-icons {
    color: #001F60;
}

#navClose {
    border: none;
    padding-top: 10vh;
    text-align: center;
    position: absolute;
    width: 100vw;
    min-width: 100vw;
    /*margin: 0 auto;
	left:0;
	right:0;*/
}

#navId {
    padding-top: 0rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
}

.nav-link {
    padding-bottom: 0.1rem;
}

/*.nav-item.active {
    border-bottom: 4px solid #001F60;
}*/

.selected-menu {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 4px solid #001F60;
    content: "";
    padding-bottom: 5px;
}

.navbar-nav li a b {
    color: #001F60;
    font-size: 20px;
    letter-spacing: 1.75px;
}

/*.navbar-nav li a:hover {
    background: #f98e2b;
}*/

#mainContent {
    margin-top: 55px;
}

.img-visible-large {
    display: none;
}

.img-visible {
    display: block;
}

.pointer {
    cursor: pointer;
}

/* title-centered-left should be updated when left value changes*/

.title-centered {
    position: absolute;
    top: 20%;
    left: 10%;
    right: 15%;
    text-align: left;
}

.title-centered-left {
    padding-left: 10%;
}

.padding-0 {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.line-height-110 {
    line-height: calc(42px + (110 - 42) * ((100vw - 300px) / (1920 - 300)));
}

.line-height-90 {
    line-height: calc(40px + (90 - 40) * ((100vw - 300px) / (1920 - 300)));
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-1_5 {
    margin-bottom: 1.5rem;
}

.centered {
    position: absolute;
    bottom: 55%;
    left: 15%;
    right: 15%;
    text-align: center;
}

.bottom {
    position: absolute;
    bottom: 30%;
    left: 15%;
    right: 15%;
    text-align: center;
}

.padding-10 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.bg-style {
    background-color: #ffe7d4;
}

.div-01 {
    position: relative;
    z-index: 9;
    background: #ffe7d4;
}

.div-01:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    background: white;
}

.div-02 {
    position: relative;
    z-index: 9;
    background: white;
}

.div-02:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0;
    background: #ffe7d4;
}

.footer-style {
    background-color: #001f60;
}

.bg-white {
    background-color: #ffffff;
}

.bg-blue {
    background-color: #001f60;
    /*background-color: #89cff0;*/
}

.bg-project {
    background-color: #63798c;
}

.font-color4 {
    color: #ffffff;
}

.font-color5 {
    color: #54565a;
}

.font-color6 {
    color: #000000;
}

.footer-font {
    font-size: 30px;
    color: #ffffff;
}

.univers_14_bold {
    font-family: 'Univers LT Std 65 Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.univers_14 {
    font-family: 'Univers LT Std 55 Roman';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.univers_12_bold {
    font-family: 'Univers LT Std 65 Bold';
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.univers_12 {
    font-family: 'Univers LT Std 55 Roman';
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.univers_10_bold {
    font-family: 'Univers LT Std 65 Bold';
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.univers_10 {
    font-family: 'Univers LT Std 55 Roman';
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.eagle-book {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.eagle-book-bold {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.letter-spacing-1_8 {
    letter-spacing: 1.8px;
}

.letter-spacing-1_7 {
    letter-spacing: 1.7px;
}

.letter-spacing-1_4 {
    letter-spacing: 1.4px;
}

.letter-spacing-1_2 {
    letter-spacing: 1.2px;
}

.letter-spacing-1_3 {
    letter-spacing: 1.3px;
}

.letter-spacing-1_1 {
    letter-spacing: 1.1px;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-7 {
    letter-spacing: 7px;
}

.letter-spacing-6 {
    letter-spacing: calc(1.5px + (6 - 1.5) * ((100vw - 300px) / (1920 - 300)));
}

.letter-spacing-5 {
    letter-spacing: 5px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}

.letter-spacing-9 {
    letter-spacing: 9px;
}

.letter-spacing-0_7 {
    letter-spacing: 0.7px;
}

.letter-spacing-03 {
    letter-spacing: 0.03px;
}

.letter-spacing-02 {
    letter-spacing: 0.02px;
}

.letter-spacing-0 {
    letter-spacing: 0px;
}

.line-height-25 {
    line-height: 25px;
}

.line-height-16 {
    line-height: calc(20px + (34 - 20) * ((100vw - 300px) / (1920 - 300)));
}

.line-height-36 {
    line-height: 36px;
}

.eagle-book-100 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(28px + (100 - 28) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-80 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-70 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(25px + (70 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-50 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-35 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1.4px;
}

.eagle-book-20 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1.75px;
}

.eagle-book-21 {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + (21 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-20-stat {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 1px;
    line-height: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.arial-20 {
    font-family: Arial;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.arial-25 {
    font-family: Arial;
    font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.arial-14 {
    font-family: Arial;
    font-size: 14px;
}

.eagle-book-30 {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(18px + (25 - 18) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 0.01px;
}

.eagle-book-16 {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

.eagle-book-15 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
}

.eagle-book-14 {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

.eagle-book-14-normal {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
}

.eagle-book-12 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 12px;
}

.eagle-book-10 {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
}

.eagle-book-8 {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 8px;
}

.eagle-book-10-default {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: strong;
    font-size: 10px;
    color: #53565A;
}

.eagle-book-14-default {
    font-family: eagle, sans-serif;
    font-weight: 400;
    font-style: strong;
    font-size: 14px;
    color: #53565A;
}

.font-color1 {
    color: #001f60;
}

.gap-8 {
    padding-bottom: 5px;
}

.gap-15 {
    padding-bottom: 15px;
}

.gap-20 {
    padding-bottom: 20px;
}

.gap-40 {
    padding-bottom: 40px;
}

.gap-60 {
    padding-bottom: 60px;
}

.gap-80 {
    padding-bottom: 60px;
}

.gap-140 {
    padding-bottom: 140px;
}

.gap-top-40 {
    padding-top: 40px;
}

.gap-top-30 {
    padding-top: 30px;
}

.gap-top-50 {
    padding-top: 50px;
}

.gap-top-55 {
    padding-top: 55px;
}

.gap-top-70 {
    padding-top: 70px;
}

.row-60 {
    height: 60px;
}

.row-80 {
    height: 80px;
}

.row-120 {
    height: 120px;
}

.row-140 {
    height: 140px;
}

.row-150 {
    height: 150px;
}

.row-120-bg {
    height: 120px;
    background-color: #ffe7d4;
}

.text-center {
    text-align: center
}

.bg-img {
    background: transparent url('./images/header.png') no-repeat center center /cover;
}

.fixed-height {
    height: 150px;
}

.row-lr {
    padding-left: 40px;
    padding-right: 40px;
    background-color: #ffffff;
}

.row-p {
    padding-left: 8%;
    padding-right: 8%;
}

.row-pl {
    padding-left: 8%;
    background-color: #ffe7d4;
}

.row-pr {
    padding-right: 8%;
    background-color: #ffe7d4;
}

.img-custom {
    width: 100%;
}

.img-custom-height {
    min-height: 700px;
}

.img-max-height {
    max-height: 850px;
}

.img-min-height {
    min-height: 190px;
}

.padding-l70 {
    padding-left: 70px;
}

.padding-l80 {
    padding-left: 80px;
}

.padding-l100 {
    padding-left: calc(40px + (100 - 40) * ((100vw - 992px) / (1920 - 992)));
}

.padding-r60 {
    padding-right: 60px;
}

.button {
    background-color: #ffffff;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); */
    border-radius: 28px;
    border: 3px solid #001f60;
}

.button2 {
    background-color: #ffffff;
    padding: 0px 20px 0px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 28px;
    border: 3px solid #ffffff;
}

.button:focus {
    outline: none;
}

.button:active {
    outline: none;
}

.button2:focus {
    outline: none;
}

.button2:active {
    outline: none;
}

.circle {
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    border: 2px solid;
}

.circle span {
    display: inline-block;
    padding-top: 40%;
    padding-bottom: 40%;
    margin-left: 4px;
    margin-right: 3px;
}

.padding-l80 {
    padding-left: 80px;
}

.padding-r80 {
    padding-right: 80px;
}

.index-line-height {
    line-height: calc(24px + (100 - 24) * ((100vw - 300px) / (1920 - 300)))
}

.index-line-height2 {
    line-height: calc(23px + (110 - 23) * ((100vw - 300px) / (1920 - 300)))
}

.index-line-height50 {
    line-height: calc(26px + (50 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.index-line-height70 {
    line-height: calc(26px + (70 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.footer-style a:hover {
    color: #f98e2b;
    text-decoration: none;
}

.content-style a:hover {
    color: #f98e2b;
    text-decoration: none;
}

.content-style a {
    color: #001f60;
}

.padding-r300 {
    padding-right: 320px;
}

.padding-r200 {
    padding-right: 200px;
}

.eagle-book-90-2 {
    font-family: eagle, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(30px + (110 - 42) * ((100vw - 300px) / (1920 - 300)));
}

p.small {
    margin: 10px;
    padding: 5px;
    border: 1px solid #999;
}

.ptb-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 0px) and (max-width: 348.98px) {
    .first-item {
        padding-left: 0px;
    }
    .row-120-bg {
        background-color: #ffe7d4;
        height: 25px;
    }
    .div-02 {
        background: #ffe7d4;
    }
    .row-p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-lr {
        padding-left: 10px;
        padding-right: 10px;
        background-color: #ffffff;
    }
    .row-150 {
        height: 50px;
    }
    .fixed-height {
        height: 160px;
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .img-custom-height {
        min-height: 300px;
    }
    .gap-80 {
        padding-bottom: 0px;
    }
    .letter-spacing-7 {
        letter-spacing: 3px;
    }
    .centered {
        position: absolute;
        top: 5%;
        text-align: center;
    }
    .navbar-brand {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
        z-index: 1200;
    }
    .gap-20 {
        padding-bottom: 0px;
        bottom: 17%;
    }
    .row-80 {
        height: 45px;
    }
    .row-120 {
        height: 45px;
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 30px;
    }
    .gap-top-footer {
        padding-top: 30px;
    }
    .gap-40 {
        padding-bottom: 5px;
    }
    .button {
        background-color: #ffffff;
        padding: 2px 5px 2px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); */
        border-radius: 28px;
        border: 3px solid #001f60;
    }
    .logo-padding {
        padding-left: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
        padding-right: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
    }
    .footer-centered {
        text-align: center;
    }
    .padding-l25 {
        padding-left: 30px;
    }
    .padding-l30 {
        padding-left: 30px;
    }
    .gap-60 {
        padding-bottom: 0px;
    }
    .padding-r300 {
        padding-right: 0px;
    }
    .padding-t25 {
        padding-top: 25px;
    }
    .img-map-min-height {
        min-height: 340px;
    }
    .centered {
        position: absolute;
        top: 25%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .ptb-2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .data-padding {
        padding-left: 40px;
        background-color: #ffe7d4;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 40px;
    }
    .data-center {
        text-align: center;
    }
    .padding-left25 {
        padding-left: 15px;
    }
    .padding-bottom80 {
        padding-bottom: 80px;
    }
    .padding-right15 {
        padding-right: 15px;
    }
    .padding-r15 {
        padding-right: 15px;
    }
    .padding-t15 {
        padding-top: 15px;
    }
    .letter-spacing-2-5 {
        letter-spacing: 2.5px
    }
    .nav-height {
        height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
    .nav-margin {
        margin-top: 15vh;
        text-align: center;
        width: 100vw;
        min-width: 100vw;
    }
    .navbar-nav .nav-link {
        padding-bottom: 1.5rem;
    }
    #navId {
        padding-top: 0rem;
        padding-right: 1rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
    }
    .title-centered {
        position: absolute;
        top: 15%;
        left: 25px;
        right: 15%;
        text-align: left;
    }
    .title-centered-left {
        padding-left: 25px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .first-item {
        padding-left: 0px;
    }
    .row-120-bg {
        background-color: #ffe7d4;
        height: 25px;
    }
    .div-02 {
        background: #ffe7d4;
    }
    .row-p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-lr {
        padding-left: 10px;
        padding-right: 10px;
        background-color: #ffffff;
    }
    .row-150 {
        height: 50px;
    }
    .fixed-height {
        height: 150px;
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .img-custom-height {
        min-height: 300px;
    }
    .gap-80 {
        padding-bottom: 0px;
    }
    .letter-spacing-7 {
        letter-spacing: 3.3px;
    }
    .navbar-brand {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
        z-index: 1200;
    }
    .gap-20 {
        padding-bottom: 0px;
        bottom: 15%;
    }
    .row-80 {
        height: 30px;
    }
    .row-120 {
        height: 30px;
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 30px;
    }
    .padding-l100 {
        padding-left: 30px;
    }
    .gap-top-footer {
        padding-top: 30px;
    }
    .gap-40 {
        padding-bottom: 5px;
    }
    .button {
        background-color: #ffffff;
        padding: 2px 5px 2px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); */
        border-radius: 28px;
        border: 3px solid #001f60;
    }
    .logo-padding {
        padding-left: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
        padding-right: calc(0px + (70 - 0) * ((100vw - 100px) / (349.98 - 100)));
    }
    .footer-centered {
        text-align: center;
    }
    .padding-l25 {
        padding-left: 30px;
    }
    .padding-l30 {
        padding-left: 30px;
    }
    .gap-60 {
        padding-bottom: 0px;
    }
    .padding-r300 {
        padding-right: 0px;
    }
    .padding-t25 {
        padding-top: 25px;
    }
    .img-map-min-height {
        min-height: 340px;
    }
    .centered {
        position: absolute;
        top: 30%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .ptb-2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .data-padding {
        padding-left: 40px;
        background-color: #ffe7d4;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 40px;
    }
    .data-center {
        text-align: center;
    }
    .padding-left25 {
        padding-left: 25px;
    }
    .padding-bottom80 {
        padding-bottom: 80px;
    }
    .padding-right15 {
        padding-right: 15px;
    }
    .padding-r15 {
        padding-right: 15px;
    }
    .padding-t15 {
        padding-top: 15px;
    }
    .letter-spacing-2-5 {
        letter-spacing: 2.5px
    }
    .nav-height {
        height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
    .nav-margin {
        margin-top: 15vh;
        text-align: center;
        width: 100vw;
        min-width: 100vw;
    }
    .navbar-nav .nav-link {
        padding-bottom: 1.5rem;
    }
    #navId {
        padding-top: 0rem;
        padding-right: 1rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
    }
    .title-centered {
        position: absolute;
        top: 20%;
        left: 25px;
        right: 15%;
        text-align: left;
    }
    .title-centered-left {
        padding-left: 25px;
    }
}

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

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
	.abs-center-x {
        position: absolute;
        top: 5px;
        left: calc(10% + (15 - 10) * ((100vw - 768px) / (991.98 - 768)));
        transform: translateX(calc(10% + (15 - 10) * ((100vw - 768px) / (991.98 - 768))));
    }
    .first-item {
        padding-left: 0px;
    }
    .div-02 {
        background: #ffe7d4;
    }
    .row-p {
        padding-left: 30px;
        padding-right: 30px;
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .fixed-height {
        height: calc(220px - (220 - 150) * ((100vw - 768px) / (991.98 - 768)));
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 0px;
    }
    .padding-l100 {
        padding-left: calc(70px + (100 - 0) * ((100vw - 992px) / (1920 - 992)));
    }
    .padding-l25 {
        padding-left: 30px;
    }
    .centered {
        position: absolute;
        top: 25%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .gap-20 {
        padding-bottom: 0px;
        bottom: 20%;
    }
    .padding-r300 {
        padding-right: 0px;
    }
    .gap-80 {
        padding-bottom: 40px;
    }
    .row-80 {
        height: 50px;
    }
    .gap-60 {
        padding-bottom: 50px;
    }
    .gap-40 {
        padding-bottom: 25px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	.abs-center-x {
        position: absolute;
        top: 5px;
        left: 25%;
        /*transform: translateX(-50%);*/
    }
    .padding-r60 {
        padding-right: 0px;
    }
    .fixed-height {
        height: 200px;
    }
    .btn-height {
        height: 100px;
    }
    .div-02 {
        background: #ffe7d4;
    }
    .gap-40 {
        padding-bottom: 35px;
    }
    .padding-l80 {
        padding-left: 0px;
    }
    .padding-r80 {
        padding-right: 0px;
    }
    .padding-r200 {
        padding-right: 0px;
    }
    .padding-l25 {
        padding-left: 40px;
    }
    .padding-r300 {
        padding-right: 30px;
    }
    .gap-80 {
        padding-bottom: 40px;
    }
    .row-80 {
        height: 50px;
    }
    .gap-60 {
        padding-bottom: 50px;
    }
    .gap-40 {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.99px) {
    
    /*.abs-center-x-sub{
        position: absolute;
        top: 5px;
        left: 35%;
        transform: translateX(-10%);
    }*/
}

@media (min-width: 1200px) {
    .abs-center-x {
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }
    /*.abs-center-x-sub{
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }*/
}

@media only screen and (min-width: 1200px) and (max-width: 1439.98px) {
    .padding-l80 {
        padding-left: 60px;
    }
    .padding-r80 {
        padding-right: 60px;
    }
    .padding-r200 {
        padding-right: 0px;
    }
    .padding-l25 {
        padding-left: 100px;
    }
    .padding-r300 {
        padding-right: 80px;
    }
    .gap-80 {
        padding-bottom: 50px;
    }
    .row-80 {
        height: 60px;
    }
}

/* Extra large devices (large laptops and desktops, 1440px and up) */

@media only screen and (min-width: 1440px) {
    .padding-l80 {
        padding-left: 120px;
    }
    .padding-r80 {
        padding-right: 120px;
    }
    .padding-r200 {
        padding-right: 100px;
    }
    .padding-l25 {
        padding-left: 40px;
    }
    .padding-r300 {
        padding-right: 120px;
    }
}

@media only screen and (min-width: 1200px) {
    .img-visible-large {
        display: block;
    }
    .img-visible {
        display: none;
    }
}

.no-boarder {
    border: 0px transparent !important;
    outline-color: white !important;
}

.navbar {
    padding-right: 0px !important;
}

.navbar .navbar-toggler {
    color: #001f60 !important;
}

.navbar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    align-self: center;
}

.main_image {
    max-width: 100%;
    height: auto;
}