@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, html {
    font-family: Verdana,"Roboto", "Open Sans", sans-serif, Arial, Helvetica;
    font-size: 0.90rem;
    font-weight: normal;
    line-height: 1.5;
    color: #2c2c2c;
    text-align: left;
}

html {
    overflow-x: hidden;
}



 

* {
    border-radius: 5px !important;
    /*border-radius: unset !important;*/
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1330px;
}

.container-fluid-headings {
    padding-top: 1.5em;
    padding-bottom: 1.25em;
}

    .container-fluid-headings .h1, .container-fluid-headings h1 {
        font-size: 2.25rem;
        font-weight: 600;
        font-family: Verdana,'Roboto', sans-serif, Arial, Helvetica;
        margin: 0;
    }

.container-fluid-content {
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}

.container-content {
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}

*, .btn {
    transition: all 0.3s ease-in-out;
}

.card {
    /*border-radius: unset !important;*/
    border-radius: 5px !important;
}

.bg-twitter {
    background-color: #00acee;
}

.bg-primary {
    background-color: #013a67 !important;
}

    .bg-primary hr {
        border-top: 1px solid rgba(250, 250, 250, .25);
    }

.text-primary {
    color: #013a67 !important;
}

.btn-outline-primary {
    color: #013a67;
    border-color: #013a67;
}


.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #013a67;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.social-links a {
    font-size: 18px;
    display: inline-block;
    color: #2a388f;
    line-height: 1;
    padding: 9px;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    background: rgba(255, 255, 255, 0.875);
}

    .social-links a:hover {
        background: rgba(255, 255, 255, 0.975);
    }

/*Buttons*/

.btn {
    /*text-transform: uppercase;*/
}

.btn-primary {
    color: #fff;
    background-color: #013a67;
    border-color: #013a67;
    font-weight: 600;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #e1aa12 !important;
        border-color: #e1aa12 !important;
        font-weight: 600;
    }







/*Navtabs*/

.nav-tabs-custom .nav-item.show .nav-link, .nav-tabs-custom .nav-link.active {
    background-color: #013a67;
    color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs-custom .nav-link {
    padding: 0.75rem 1rem;
    color: #999;
    border-color: #dee2e6 #dee2e6 #dee2e6;
    margin-right: 5px;
    background-color: #fafafa;
}



.card-releases {
    min-height: 145px;
}

    .card-releases:hover {
        background-color: #dcdcdc;
        /*background-color: #f5f5f5;*/
        cursor: pointer;
    }

.card-custom-featured {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #dee2e6 !important;
      overflow:hidden;
      min-height: 180px;
}

    .card-custom-featured:hover {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #dbdbdb !important;
       
    }

    .card-custom-featured .card-footer {
         background-color: #072446;
        color: #fff;
        font-weight: 700;
        /*text-transform: uppercase;*/
        border: none;
        padding: 10px 15px;
    }

    .card-custom-featured .card-subfooter {
        background-color: #072446;
        width:100%;
        text-align:center;
        position: absolute;
        margin-top: 0px;
        height: 100%;
        padding: 30px;
        color: #fff;
 
    }

    .card-custom-featured:hover .card-subfooter {
         margin-bottom: 0px;
 
    }

 

.card-custom-shortcuts {
    border: none !important;
}

/*Quicklinks*/

.card-quicklinks {
    background-color: transparent;
}

    .card-quicklinks:hover {
        /*background-color: #869497;*/
        background-color: #dcdcdc;
        cursor: pointer;
    }
/*Carousel*/


.carousel-infographics .carousel-item {
    background-size: cover;
    min-height: 200px !important;
}


/*Navbar*/
.navbar-toggler{
    border:none !important;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-custom {
    background-color: #013a67;
    padding: 0rem 1rem;
}

    .navbar-custom .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        border-bottom: 3px solid transparent;
        font-size:1.25rem;
    }

        .navbar-custom .navbar-nav .nav-link:hover {
            color: #fff;
            /*border-bottom: 3px solid #008290;*/
        }

        .navbar-custom .navbar-nav .active > .nav-link, .navbar-custom .navbar-nav .nav-link.active, .navbar-custom .navbar-nav .nav-link.show, .navbar-custom .navbar-nav .show > .nav-link {
            color: #fff;
            border-bottom: 3px solid #008290;
        }

.dropdown-lg.show {
    position: static;
}

    .dropdown-lg.show .dropdown-menu {
        display: table;
        width: 100%;
        text-align: center;
        padding: 1rem;
        left: 0;
        right: 0;
        border-top: 3px solid #008290;
        margin-top: -3px !important;
        background-color:#f9f9f9;
        border-bottom:none !important;
    }


/*Navbar Top*/

.container-fluid-navbar-top {
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
    color: #7f7f99;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .container-fluid-navbar-top .fas-icon {
        color: #013a67;
    }


.bg-color1 {
    background-color: #013A67 !important;
}

.bg-color2 {
    background-color: #072446 !important;
}

.bg-color3 {
    background-color: #E1AA12 !important;
}

.bg-color4 {
    background-color: #F6CD61 !important;
}

.bg-color5 {
    background-color: #4A4E4D !important;
}

.bg-color6 {
    background-color: #746A5E !important;
}

.bg-color7 {
    background-color: #077e7c !important;
}

.bg-color8 {
    background-color: #46b1a1 !important;
}

.bg-color9 {
    background-color: #e44933 !important;
}

.bg-color10 {
    background-color: #ed6e62 !important;
}





.text-color1 {
    color: #013A67 !important;
}

.text-color2 {
    color: #072446 !important;
}

.text-color3 {
    color: #E1AA12 !important;
}

.text-color4 {
    color: #F6CD61 !important;
}

.text-color5 {
    color: #4A4E4D !important;
}

.text-color6 {
    color: #746A5E !important;
}

.text-color7 {
    color: #077e7c !important;
}

.text-color8 {
    color: #46b1a1 !important;
}

.text-color9 {
    color: #e44933 !important;
}

.text-color10 {
    color: #ed6e62 !important;
}

.bg-navyblue {
    background-color: #013a67 !important;
}
.text-teal {
    color: #008290 !important;
}
.bg-teal {
    background-color: #008290 !important;
}
.bg-curry {
    background-color: #e1aa12 !important;
}
 

.alert-color1 {
    background-color: #013A67 !important;
    color: #fff !important;
}

.alert-color2 {
    background-color: #072446 !important;
    color: #fff !important;
}

.alert-color3 {
    background-color: #E1AA12 !important;
    color: #fff !important;
}

.alert-color4 {
    background-color: #F6CD61 !important;
    color: #fff !important;
}

.alert-color5 {
    background-color: #4A4E4D !important;
    color: #fff !important;
}

.alert-color6 {
    background-color: #746A5E !important;
    color: #fff !important;
}

.alert-color7 {
    background-color: #077e7c !important;
    color: #fff !important;
}

.alert-color8 {
    background-color: #46b1a1 !important;
    color: #fff !important;
}

.alert-color9 {
    background-color: #e44933 !important;
    color: #fff !important;
}

.alert-color10 {
    background-color: #ed6e62 !important;
    color: #fff !important;
}

 




.badge-color1 {
    background-color: #013A67 !important;
    color: #fff !important;
}

.badge-color2 {
    background-color: #072446 !important;
    color: #fff !important;
}

.badge-color3 {
    background-color: #E1AA12 !important;
    color: #fff !important;
}

.badge-color4 {
    background-color: #F6CD61 !important;
    color: #fff !important;
}

.badge-color5 {
    background-color: #4A4E4D !important;
    color: #fff !important;
}

.badge-color6 {
    background-color: #746A5E !important;
    color: #fff !important;
}

.badge-color7 {
    background-color: #077e7c !important;
    color: #fff !important;
}

.badge-color8 {
    background-color: #46b1a1 !important;
    color: #fff !important;
}

.badge-color9 {
    background-color: #e44933 !important;
    color: #fff !important;
}

.badge-color10 {
    background-color: #ed6e62 !important;
    color: #fff !important;
}




.badge-darkblue {
    background-color: #072446 !important;
    color: #fff !important;
}

.badge-teal {
    background-color: #008290 !important;
    color: #fff !important;
}

.badge-browngray {
    background-color: #6a6a6a !important;
    color: #fff !important;
}

.badge-curry {
    background-color: #e1aa12 !important;
    color: #fff !important;
}

.badge-navyblue {
    background-color: #013a67 !important;
    color: #fff !important;
}

.badge-coral {
    background-color: #00b0a6 !important;
    color: #fff !important;
}



.btn-darkblue {
    background-color: #072446 !important;
    color: #fff !important;
    opacity: 0.95;
}

    .btn-darkblue:hover {
        opacity: 1;
    }

.btn-teal {
    background-color: #008290 !important;
    color: #fff !important;
    opacity: 0.95;
}

    .btn-teal:hover {
        opacity: 1;
    }

.btn-browngray {
    background-color: #6a6a6a !important;
    color: #fff !important;
    opacity: 0.95;
}

    .btn-browngray:hover {
        opacity: 1;
    }

.btn-curry {
    background-color: #e1aa12 !important;
    color: #fff !important;
    opacity: 0.95;
}

    .btn-curry:hover {
        opacity: 1;
    }

.btn-navyblue {
    background-color: #013a67 !important;
    color: #fff !important;
    opacity: 0.95;
}

    .btn-navyblue:hover {
        opacity: 1;
    }

.btn-coral {
    background-color: #00b0a6 !important;
    color: #fff !important;
    opacity: 0.95;
}

    .btn-coral:hover {
        opacity: 1;
    }




.btn-outline-darkblue {
    border-color: #072446 !important;
    color: #072446 !important;
}

    .btn-outline-darkblue:hover {
        background-color: #072446 !important;
        color: #fff !important;
    }

.btn-outline-teal {
    border-color: #008290 !important;
    color: #008290 !important;
}

    .btn-outline-teal:hover {
        background-color: #008290 !important;
        color: #fff !important;
    }

.btn-outline-browngray {
    border-color: #6a6a6a !important;
    color: #6a6a6a !important;
}

    .btn-outline-browngray:hover {
        background-color: #6a6a6a !important;
        color: #fff !important;
    }

.btn-outline-curry {
    border-color: #e1aa12 !important;
    color: #e1aa12 !important;
}

    .btn-outline-curry:hover {
        background-color: #e1aa12 !important;
        color: #fff !important;
    }

.btn-outline-navyblue {
    border-color: #013a67 !important;
    color: #013a67 !important;
}

    .btn-outline-navyblue:hover {
        background-color: #013a67 !important;
        color: #fff !important;
    }

.btn-outline-coral {
    border-color: #00b0a6 !important;
    color: #00b0a6 !important;
}

    .btn-outline-coral:hover {
        background-color: #013a67 !important;
        color: #fff !important;
    }











.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    font-size: 18px;
    top: calc(50% - 40px);
}

.owl-carousel .owl-nav button.owl-next {
    right: -25px;
    padding: 5px !important;
    font-size: 18px;
    cursor: pointer;
    height: auto;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -25px;
    padding: 5px !important;
    font-size: 18px;
    cursor: pointer;
    height: auto;
}

.nav-sidenav .nav-link{
    border-bottom: 1px solid #dbdbdb;
    color:#013a67;

 }

.nav-sidenav .nav-link:hover{
     color:#013a67;
}


.countdown  li {
    display: inline-block;
    font-size: 1rem;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
    color:#555;
    font-weight: 600;
    width: 140px;
    padding: 20px 10px;
    border: 1px solid #eee;
    background-color: #d1ecf1;
    border-color: #bee5eb;  
margin:7.5px;
}
  
  .countdown  li span {
    display: block;
    font-size: 3rem;
    color:#0c5460;
    font-weight: 500;
  }
  
 .countdown-headline{
     font-weight: 500;
     color:#0c5460;
 }

 


 

 
.timeline .events {
    border-top: 3px solid #dbdbdb;
    border-radius: 0px !important;
}
.timeline .events .timeline-item {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 50px;
    margin-right: 0;
    filter: grayscale(90%);

  }
.timeline .events .timeline-item-active{
    filter: grayscale(0%) !important;
}
.timeline .events .timeline-item:before {
    content: "";
    position: absolute;
    height: 40px;
    border-right: 2px dashed #dee2e6;
    top: 0;
}
.timeline .events .timeline-item .timeline-date {
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    min-width: 75px;
    max-width: 120px;
    margin: 0 auto;
    border-radius: 5px;
    padding:  4px;
    white-space: nowrap;
    font-weight: 500;
    color:#fff !important;
    line-height: normal;
}
.title-timeline{
    min-height: 32px;
    max-height: 32px;
    height: 32px;
    overflow:hidden;
}

.timeline .events .timeline-item{
    color:#999 !important;
    pointer-events: none;
}

.timeline .events .timeline-item-active{
    pointer-events: unset;
}


.timeline .events .timeline-item .title-timeline{
    color:#999 !important;
}

.timeline .events .timeline-item .text-timeline {
    color: #939393 !important;
    /*color: #999 !important;*/
}

.timeline .events .timeline-item .bg-timeline {
    background-color: #939393 !important;
}

.timeline .events .timeline-item .btn{
    opacity: 0.35;
}


.timeline .events .timeline-item-active .title-timeline{
    color:#111 !important;
}

.timeline .events .timeline-item-active .text-timeline{
    color:#111 !important;
}

.timeline .events .timeline-item-active .bg-timeline{
    background-color:#013a67 !important;
}

.timeline .events .timeline-item-active .btn{
    opacity:1;
}
 








   

 
  
 

@media (max-width: 576px) {
    
     
    .timeline .events .timeline-item {
     padding-top: 50px !important;
    border-top: 1px solid #dbdbdb;
    border-radius: 0px !important;
    padding-bottom: 20px;
    }
    .timeline .events .timeline-item .timeline-date {
       top:20px;
    }

    .navbar-custom .navbar-nav .nav-link {
        font-size: 1rem;
    }
 
}

@media (max-width: 768px) {

    .timeline .events .timeline-item {
         padding-top: 50px !important;
        border-top: 1px solid #dbdbdb;
        border-radius: 0px !important;
        padding-bottom: 20px;
        }
        .timeline .events .timeline-item .timeline-date {
           top:20px;
        }
     
    
}

@media (max-width: 992px) {

    .timeline .events .timeline-item {
         padding-top: 50px !important;
        border-top: 1px solid #dbdbdb;
        border-radius: 0px !important;
        padding-bottom: 20px;
        }
        .timeline .events .timeline-item .timeline-date {
           top:20px;
        }
}

@media (max-width: 1200px) {

    .timeline .events .timeline-item {
         padding-top: 50px !important;
        border-top: 1px solid #dbdbdb;
        border-radius: 0px !important;
        padding-bottom: 20px;
        }
        .timeline .events .timeline-item .timeline-date {
           top:20px;
        }
}