body {
    /* font-family: "Nunito", sans-serif; */
    padding-top: 70px;
    /* padding-top: 110px; */
    padding-bottom: 440px;
    position: relative;
    min-height: 100vh;
}

/*==================================*/
/*--------------HEADER--------------*/
/*==================================*/

.logo-header {
    color: #D2D5E3;
    padding-left: 0.1em;
    font-variant: small-caps;
    /* font-weight: 400; */
    font-size: large;
    font-family: LegacySansITCStd;
    letter-spacing: 1.5px;
}

.logo-bold {
    font-weight: 700;
}

@font-face {
    font-family: LegacySansITCStd;
    src: url("../stylesheets/ITC - LegacySansITCStd-BookItalic.otf") format("woff2");
}

.logo-subheader {
    color: #D2D5E3;
    padding-left: 0.1em;
    font-variant: small-caps;
    font-weight: 400;
    font-size: x-small;
    font-family: LegacySansITCStd;
    letter-spacing: 1.5px;
}


#mainNavbar {
    font-size: 1.35em;
    font-weight: 100;
    background-color: #0D173A;
    padding-top: 0;
    padding-bottom: 0;
}

#mainNavbar .nav-link {
    color: #D2D5E3;
    font-variant: small-caps;
    padding-left: 1em;
    padding-right: 1em;
}

#mainNavbar .nav-link:hover {
    color: #6E7AA6;
}

#mainNavbar .navbar-brand {
    color: white;
    background: url('../images/bj-nobackground.png');
    /* background: url('../images/arsaell_logo_jpg_print.jpg'); */
    background-size: 150px;
    height: 70px;
    width: 150px;
    background-repeat: no-repeat;
    background-position-y: center;
}

#mainNavbar .navbar-brand-simple {
    color: white;
    background: url('../images/bj-simple-nobackground.png');
    /* background: url('../images/arsaell_logo_jpg_print.jpg'); */
    background-size: 90px;
    height: 70px;
    width: 150px;
    background-repeat: no-repeat;
    background-position-y: center;
}

#mainNavbar .members {
    background-color: #6A1D26;
    border-radius: 4px;
    color: #EAD7D5;
}

#mainNavbar .members:hover {
    color: #CB9B96;
}

.navbar-collapse.scrolled {
    background: rgb(222, 192, 222);
    transition: background 500ms;
}

#hamburger {
    margin-left: 1em;
}

#mainNavbar .dropdown-menu {
    background-color: #0D173A;
    font-size: 0.9em;
    border: 0;
}

#mainNavbar .dropdown-item {
    border-left: 1px solid white;
    margin-left: 1em;
    font-weight: 300;
}

#mainNavbar .dropdown-item:hover {
    background-color: #0D173A;
    width: auto;
}

#mainNavbar .dropdown-item:active {
    background-color: #0D173A;
}

#mainNavbar .dropdown:hover>.dropdown-menu {
    display: block;
}

.attention {
    background-color: #6A1D26;
    color: #f7eeee;
    /* font-family: 'Helvetica', sans-serif; */
    line-height: 1.6;
    /* float: right; */
}

.attention-caption {
    font-size: xx-large;
    font-weight: 800;
}

.attention-card {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    font-size: large;
    font-weight: 600;
    /* font-variant: small-caps; */
    /* color: #f0e3c7; */
    /* color: #f5cfca; */
    color: #f5cfca;
}

.attention-hr {
    background-color: rgb(233, 232, 232);
}

.attention-button {
    background-color: #EAD7D5;
     /* #f7eeee; */
    border-radius: 4px;
    color: #6A1D26 !important; 
    /* 35080d */
    letter-spacing: 0.5px;
    font-weight: 600;
}

.attention-button:hover {
    background-color: rgb(3, 22, 46);;
    border-radius: 4px;
    color: #cfd5eb !important;
    padding-left: 1em;
    padding-right: 1em;
}


.attention {
    background-color: #6A1D26;
    color: #f7eeee;
    line-height: 1.6;
}

.attention-caption {
    font-size: xx-large;
    font-weight: 800;
}

.attention-card {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    font-size: large;
    font-weight: 600;
    color: #f5cfca;
}

.attention-hr {
    background-color: rgb(233, 232, 232);
}

.attention-button {
    background-color: #EAD7D5;
    border-radius: 4px;
    color: #6A1D26 !important; 
    letter-spacing: 0.5px;
    font-weight: 600;
}

.attention-button:hover {
    background-color: rgb(3, 22, 46);;
    border-radius: 4px;
    color: #cfd5eb !important;
    padding-left: 1em;
    padding-right: 1em;
} */

.ship {
    /* background-color: #6A1D26; */
    background-color:rgb(3, 22, 46);
    color: #f7eeee;
    /* font-family: 'Helvetica', sans-serif; */
    line-height: 1.6;
    /* float: right; */
}

.ship2 {
    /* background-color: #6A1D26; */
    background-color:#35080d;
    color: #f7eeee;
    /* font-family: 'Helvetica', sans-serif; */
    line-height: 1.6;
    /* float: right; */
}

.ship-hr {
    background-color: #f7eeee;
}

.ship-caption {
    font-size: xx-large;
    font-weight: 800;
}

.ship-caption-s {
    font-size: x-large;
    font-weight: 700;
}

.ship-subcaption {
    font-size: large;
}

.ship-card {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: large;
    font-weight: 600;
    /* font-variant: small-caps; */
    /* color: #f0e3c7; */
    /* color: #f5cfca; */
    color: #c4cbe2;
}

.ship-button {
    font-weight: 600;
}

/* 
.ship-button {
    background-color: rgb(3, 22, 46);;
    color: #cfd5eb !important;
    border-radius: 4px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.ship-button:hover {
    background-color: #EAD7D5;
    color: #6A1D26 !important; 
    border-radius: 4px;
    padding-left: 1em;
    padding-right: 1em;
} */

.support {
    color: #EAD7D5;
    font-weight: 400;
    font-size: large;
    font-variant: small-caps;
}

.support:hover:enabled {
    color: #CB9B96;
}

.support:hover {
    color: #CB9B96;
}

.supportbig {
    font-size: large;
    font-weight: 640;
    letter-spacing: 1.35px;
}

.custom-counter {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  .custom-counter2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .custom-counter li {
    counter-increment: step-counter;
    /* margin-bottom: 10px; */
    text-align: center;
    padding-bottom: 0.5em;
  }

  .custom-counter2 li {
    counter-increment: step-counter;
    /* margin-bottom: 10px; */
    text-align: center;
  }
  
  .custom-counter li::before {
    content: counter(step-counter);
    /* margin-right: 5px; */
    font-size: 80%;
    background-color: #6A1D26;
    color: white;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 50%;
    margin-right: 2em;
  }
  .custom-counter2 li::before {
    content: counter(step-counter);
    /* margin-right: 5px; */
    font-size: 140%;
    background-color: #e1e4eb;
    color: rgb(3, 22, 46);
    font-weight: 640;
    padding: 4px 16px;
    border-radius: 50%;
  }

.ol-caption {
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    font-weight: 600;
    font-size: large;
    padding-top: 1em;
}

.ol-caption2 {
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    font-weight: 600;
    font-size: large;
    padding-top: 0.3;
    margin-bottom: 0.2em;
}

  
.ship-ol {
    /* list-style: decimal-leading-zero; */
    font-size: 3em;
}

.ship-ol2 {
    /* list-style: decimal-leading-zero; */
    padding-top: 1em;
}
.space {
    padding-right: 1em;
}

.ol-body {
    font-size: medium;
}

.ol-answer {
    color: #c4cbe2;
}

.ol-answer2 {
    color: #EAD7D5;
}

.ol-item {
    padding: 1em;
}

.ol-item2 {
    padding: 0.2em;
}

.flex-center {
    align-items: center;
}

ul {
    list-style-type: none;
  }

.language{
    font-size: large;
}

.language-btn {
    background-color: inherit;
    border: none;
}

.nohover:hover {
    color: #D2D5E3 !important;
}

/* @media (max-width: 800px) {
    body {
        padding-top: 170px;
        padding-top: 170px;
    }
}  */

@media (max-width: 1000px) {
    body {
        border-radius: 0;
    }

    .sponsor {
        font-size: medium;
    }

    #mainNavbar .dropdown-item {
        padding-left: 1em;
    }
}

@media screen and (max-width: 768px) {}

.masthead {
    height: 70vh;
    min-height: 500px;
    /* background-image: url('https://lirp-cdn.multiscreensite.com/ccf36fb3/dms3rep/multi/opt/73388452_1322824391232538_5432432793856507904_n-2880w.jpg'); */
    /* background-image: url('/images/banner-1.webp'); */
    /* background-image: url('/images/banner-2.jpg'); */
    /* background-image: url('/images/banner/banner_p1_center.jpg');
    background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
}

.masthead h1 {
    color: black;
    font-weight: 300;
    /* background: linear-gradient(to right, rgba(0, 0, 0, 0), white, rgba(0, 0, 0, 0)); */
    margin-bottom: 0;
    font-weight: 800;
}

.masthead h2 {
    padding-bottom: 0.2em;
    color: #0D173A;
    color: black;
    font-weight: 300;
    /* background: linear-gradient(to right, rgba(0, 0, 0, 0), white, rgba(0, 0, 0, 0))
     */
     font-weight: 800;
    }

.page-not-found {
    height: 70vh;
    min-height: 700px;
    /* background-image: url('https://lirp-cdn.multiscreensite.com/ccf36fb3/dms3rep/multi/opt/73388452_1322824391232538_5432432793856507904_n-2880w.jpg'); */
    /* background-image: url('/images/banner-1.webp'); */
    /* background-image: url('/images/banner-2.jpg'); */
    background-image: url('/images/banner/banner-old.jpg');
    background-position: center; 
    background-size: cover;
    background-repeat: no-repeat;
}

.page-not-found h1 {
    color: black;
    font-weight: 300;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), white, rgba(0, 0, 0, 0));
    margin-bottom: 0;
    /* font-weight: 800; */
}


/*==================================*/
/*--------------FOOTER--------------*/
/*==================================*/
footer {
    background-color: #0D173A;
    padding-top: 2em;
    padding-bottom: 1em;
    color: #969EBF;
    /* background: linear-gradient(to left, #3C4462 10%, #0D173A 20%, #0D173A 80%, #3C4462 100%);  */
}


footer .btn {
    background-color: #1E2231;
    color: #EAD7D5;
    margin-top: 0.5em;
}

footer .flag {
    background: url('../images/bj-nobackground.png');
    height: 100px;
    width: 100px;
}

footer p {
    color: #969EBF;
    padding-left: 1em;
    padding-right: 1em;
}

footer .dropdown-menu {
    margin-top: 0;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

p>a {
    color: rgb(152, 157, 191);
}

p>a:hover {
    color: #6E7AA6;
}

.hover-fab:hover {
    background-color: #636a8a;
}

/*==================================*/
/*----------D4H INFO BANNER---------*/
/*==================================*/
.date {
    /* color: rgb(134, 133, 133); */
    color: rgb(172, 172, 172);
}

.d4h-number {
    font-size: 8em;
    font-weight: 700;
    font-family: 'Times New Roman', serif;
    padding: 0;
}

.d4h-info-banner {
    /* height: 10vh; */
    /* min-height: 300px; */
    /* background-image: url('https://lirp-cdn.multiscreensite.com/ccf36fb3/dms3rep/multi/opt/73388452_1322824391232538_5432432793856507904_n-2880w.jpg'); */
    /* background-image: url('/images/banner-1.webp'); */
    /* background-image: url('/images/banner-2.jpg'); */
    /* background-color: rgb(27, 25, 25); */
    background-color: rgb(3, 22, 46);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: rgb(233, 232, 232);
    padding-bottom: 1em;
    padding-top: 1em;
    margin-bottom: 0.5em;
}

.d4h-info-banner-caption {
    font-weight: 600;
    font-size: x-large;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-family: 'Times New Roman', serif;
    /* font-variant: small-caps;  */
    /* text-decoration: underline; */
    margin-top: 0.5em;
    /* margin-bottom: 0.5em; */
    margin-left: 0em;
    margin-right: 0em;
}

.d4h-info-banner-subcaption {
    font-weight: 600;
    font-size: medium;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-family: 'Times New Roman', serif;
    /* font-variant: small-caps;  */
    /* text-decoration: underline; */
    margin-top: 0.5em;
    /* margin-bottom: 0.5em; */
    margin-left: 0em;
    margin-right: 0em;
}

/*==================================*/
/*------------LOGO BANNER-----------*/
/*==================================*/
.logo-banner {
    /* height: 10vh; */
    /* min-height: 300px; */
    /* background-image: url('https://lirp-cdn.multiscreensite.com/ccf36fb3/dms3rep/multi/opt/73388452_1322824391232538_5432432793856507904_n-2880w.jpg'); */
    /* background-image: url('/images/banner-1.webp'); */
    /* background-image: url('/images/banner-2.jpg'); */
    /* background-color: rgb(27, 25, 25); */
    background-color: #5a1e25;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: rgb(233, 232, 232);
    padding-bottom: 1em;
    padding-top: 1em;
    margin-bottom: 0.5em;
}

/*==================================*/
/*---------------BASICS-------------*/
/*==================================*/
.short-intro {
    text-align: center;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    font-weight: 300;
    font-size: large;
    padding: 3em;
}

.short-intro-s {
    text-align: center;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    font-weight: 300;
    font-size: medium;
    padding: 3em;
}

.short-intro-lp {
    text-align: center;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: 600;
    font-size: large;
    padding-right: 4em;
    padding-left: 4em;
}

.short-intro-l {
    text-align: center;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    padding-top: 1em;
    padding-bottom: 0em;
    margin-bottom: 0em;
    font-weight: 600;
    font-size: xx-large;
    /* font-variant: small-caps;
    letter-spacing: 0.2em; */
}

.short-intro-m {
    text-align: center;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-style: bold;
    padding-top: 2em;
    padding-bottom: 1em;
    font-weight: 600;
    font-size: x-large;
    /* font-variant: small-caps;
    letter-spacing: 0.15em; */
}

.short-intro-m2 {
    text-align: center;
    font-style: bold;
    padding-top: 2em;
    padding-bottom: 1em;
    font-weight: 500;
    font-size: large;
}

.bold-weight {
    font-weight: 500;
}

.lower-opacity {
    opacity: 0.8;
}

.law-button {
    background-color: rgb(3, 22, 46);
    border-radius: 4px;
    color: rgb(233, 232, 232);
    padding-left: 1em;
    padding-right: 1em;
}

.law-button:hover {
    background-color: rgb(3, 22, 46);;
    border-radius: 4px;
    color: #6E7AA6;
    padding-left: 1em;
    padding-right: 1em;
}

.black {
    color: black;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.masthead-2 {
    height: 35vh;
    min-height: 500px;
    background-image: url('../images/hopamynd.jpg');
    /* background-image: url('/images/banner-2.jpg'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: -20vh;
    /* border-radius: 2%;
    opacity: 0.98; */
}

iframe {
    overflow: hidden;
    height: inherit;
}

.shopping {
    height: 150vh;
}
/* .hide
{
    opacity:0;
} */

.card-body a {
    color: inherit;
}

.card-body a:hover {
    color: black;
}


.box {
    background-color: rgba(220, 220, 233, 0.2);
    border-radius: 1%;
}

.car-info {
    padding-left: 3em;
    padding-right: 3em;
}


.login {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-top: 5vh;
    margin-bottom: 5vh;
    /* padding-top: 4em;
    padding-bottom: 4em; */
}

.members {
    background-color: #6A1D26;
    border-radius: 4px;
    color: #EAD7D5;
    padding-left: 1em;
    padding-right: 1em;
}

.members:hover:enabled {
    color: #CB9B96;
}

#skranafn {
    scroll-margin-top: 40px;
}

.addname:hover {
    color: #CB9B96 !important;
}

.model-caption {
    font-weight: 600;
    padding-bottom: 1em;
    padding-top: 1em;
}


.model-li {
    padding-top: 0.75em;
    padding-bottom: 0.75m;
    margin-left: 3em;
    margin-right: 1.5em;
}

.model-li2 {
    padding-top: 0.75em;
    padding-bottom: 0.75m;
    margin-left: 2em;
}

.read-more {
    background-color: #0D173A;
    color: #D2D5E3;
    font-variant: small-caps;
    padding-left: 1em;
    padding-right: 1em;
    margin: 1em;
    font-size: small;
}

.fade-in-image {
    animation: fadeIn 3s;
    -webkit-animation: fadeIn 3s;
    -moz-animation: fadeIn 3s;
    -o-animation: fadeIn 3s;
    -ms-animation: fadeIn 3s;
}

.fade-out-image {
    animation: fadeOut 3s;
    -webkit-animation: fadeOut 3s;
    -moz-animation: fadeOut 3s;
    -o-animation: fadeOut 3s;
    -ms-animation: fadfadeOuteIn 3s;
}

.hide-me[aria-expanded="true"] {display: none;}

iframe{width:0;height:0;}

.attention-popup {
    background-color:rgb(255, 238, 0);
    border-radius: 4px;
    color: rgb(31, 26, 1);
    padding-left: 1em;
    padding-right: 1em;
    border: 0px;
    letter-spacing: 0.1em;
    font-size: medium;
}

.attention-popup:hover {
    background-color:rgb(241, 227, 31);
}

.no-underline{
        text-decoration: none!important;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

@-moz-keyframes fadeOut {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

@-o-keyframes fadeOut {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

@-ms-keyframes fadeOut {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

/*==================================*/
/*---------------SIZING-------------*/
/*==================================*/

@media (max-width: 768px) {
    .border-top-s {
        border-top: 1px solid #ffffff;
        margin-left: 4em;
        margin-right: 4em;
    }

    .border-left-s {
        border-left: 1px solid #a1a1a1;
    }

    .border-bottom-s {
        border-bottom: 1px solid #ffffff;
        margin-left: 4em;
        margin-right: 4em;
    }

    .border-right-s {
        border-right: 1px solid #a1a1a1;
    }

    .hide-border {
        border-top: 0 solid !important;
        border-bottom: 0 solid !important;
    }

    /* .border-top-0 {
        border-top: none!important;
    }
    .border-left-0 {
        border-left: none!important;
    }
    .border-bottom-0 {
        border-bottom: none!important;
    }
    .border-right-0 {
        border-right: none!important;
    } */
}

@media (min-width: 768px) {
    .border-sm-top {
        border-top: 1px solid #ffffff;
    }

    .border-sm-left {
        border-left: 1px solid #a1a1a1;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .border-sm-bottom {
        border-bottom: 1px solid #ffffff;
    }

    .border-sm-right {
        border-right: 1px solid #a1a1a1;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .modal-xl {
        width: 90%;
       max-width:1200px;
      }

    /* .border-sm-top-0 {
        border-top: none!important;
    }
    .border-sm-left-0 {
        border-left: none!important;
    }
    .border-sm-bottom-0 {
        border-bottom: none!important;
    }
    .border-sm-right-0 {
        border-right: none!important;
    } */
}










/* 
OTHER
*/

/* header {
    padding-bottom: 1em;
} */

/* section .container {
    padding-top: 1em;
    padding-bottom: 1em;
} */

/* section {
    padding-top: 1em;
    padding-bottom: 1em;
} */

/* .f1 { */
/* border-bottom: 5px solid white; */
/* border-bottom: 2px solid rgb(170, 170, 0); */
/* background-color: rgba(247, 247, 183, 0.5); */
/* background-color: #eb3b4cCC;
    border-radius: 100%;

}

.f2 {
    background-color: #fcff35CC;
    border-radius: 10%;
}

.f3 {
    background-color: #36e43cCC;
}

.f4 {
    background: #4796f0CC;
}

.fn {
    background-color: #a5a7a4CC;
}

.fb {
    background-color: #000000cc;
    color: rgb(228, 225, 225);
} */

/* div > .type {
    font-size: small;
    padding-top: 0.65em;
    padding-bottom: 0.65em;
} */

/* .d {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
} */

/* h2 {
      padding-top: 0.25em;
      padding-bottom: 0.25em;
  } */

/* .thumbnail img {
    border-radius: 10%;
    width: 100%;
    padding-bottom: 135%;
    background-size: cover;
    background-position: center;
    background-position: 0 calc(100% - 90%); 
} */
/* 
.thumbnail {
    padding: 0;
} */

/* .thumbnail .caption-full {
    padding: 9px;
}  */

/* h3 { */
/* font-family: 'Courier New', Courier, monospace; */
/* font-family: Georgia, 'Times New Roman', Times, serif;
    margin-left: 0;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    left: -10px;
    font-style: normal;
    color: rgb(31, 31, 31);
}

h3:before{
    content: "";
    position: absolute;
    width: 5em;
    height: 1px;
    bottom: 0;
    border-bottom: 1px solid rgb(0, 0, 0);
} */

/* .f12 {
    color: rgb(236, 101, 101);
}

.f22 {
    color: rgb(214, 214, 123);
}

.f32 {
    color: rgb(101, 236, 135);
}

.f42 {
    color: rgb(123, 141, 241);
}

.fn2 {
    color: rgb(212, 209, 209);
} */