/* color scheme */
:root {
    --c-color-light-blue: #f6fbff;
    --c-color-text-on-light-blue: #002b5c;
    --c-color-background-on-light-blue:#c9efff;

    --c-color-blue: #002951;
    --c-color-text-on-blue: white;
    --c-color-cyan: #20C4F4;
    --color--text: black;
    --color--heading: var(--c-color-blue);

    --c-color-light-cyan: #D7F3FB;
    --c-color-text-on-light-cyan: #002b5c;
    --c-color-background-on-light-cyan:#c9efff;

    --c-color-gray: gray;

    /*
    --color--menu--text--hue: 0;
    --color--menu--text--saturation: 0%;
    --color--menu--text--lightness: 100%;
    --color--menu--text--lightness--hover: 80%;
    */
    --font-family--text: "Raleway", OpenSans, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    --font-family--heading: "Raleway", OpenSans, Arial, 'Helvetica Neue', Helvetica, sans-serif;

    --bs-primary: var(--c-color-blue);
    --bs-body-color: var(--color--text);
    --bs-link-hover-color: var(--c-color-cyan);
    --bs-nav-link-hover-color: var(--c-color-cyan);
    --bs-navbar-active-color: var(--c-color-cyan);
    --bs-card-inner-border-radius:0;
}

body,div.text {
    font-family: var(--font-family--text);
/*    color: var(--color--text);*/

    font-size: 1rem;/*1.375rem;*/
}

img, div.text img{
}

.clean{
}

.clean img, img.clean,div.text .clean img,div.text img.clean{
    width:auto;
    float:none;
    border:0;
    margin:0;
}

a {
    text-decoration: none;
}

.img-link a,a.img-link{
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
/*    --bs-nav-link-hover-color: var(--c-color-cyan);*/
}

h1, h1 a, .h1{
    text-align:left;
    text-decoration:none;
    font-family: var(--font-family--heading);
    color: var(--color--heading);
    font-weight: bold;

    font-size: 2.25rem;
}

h2, h2 a, .h2{
    text-align:left;
    text-decoration:none;
    font-family: var(--font-family--heading);
    color: var(--color--heading);
    font-size: 2.5rem;/*3.25rem;*/
}
h3, h3 a, .h3{
    text-align:left;
    text-decoration:none;
    font-family: var(--font-family--heading);
    color: var(--color--heading);

    font-size: 1.875rem;/*2rem;*/
}
h4, h4 a, .h4{
    text-align:left;
    text-decoration:none;
/*    font-size:100%;*/
    font-family: var(--font-family--heading);
    color: var(--color--heading);
    /*color: var(--c-color-cyan);*/

/*    font-size: 0.875rem;*/
}
h5, h5 a, .h5{
    text-align:left;
    text-decoration:none;
/*    font-size:100%;*/
    font-family: var(--font-family--heading);
    color: var(--color--heading);
}
h6, h6 a, .h6{
    text-align:left;
    text-decoration:none;
/*    font-size:100%;*/
    font-family: var(--font-family--heading);
    color: var(--color--heading);
}

@media (min-width: 576px ) {
    h1, h1 a, .h1 {
        font-size: 3.25rem;
    }
}

p{

}

strong{

}

em{

}

th{
    text-align:left;
}

td{
    text-align:left;
}

div.text img{

}

ul, ol, dl{
/*    margin-left:1em;*/
}

li{
/*    margin-left: 0.4em;*/
}
li:hover{

}
/* THEME */
.c-bg-blue{
    background-color: var(--c-color-blue)!important;
    --bs-body-color: var(--c-color-text-on-blue)!important;
    --color--heading: var(--c-color-text-on-blue)!important;
    --bs-link-color: var(--bs-body-color);
}
.c-bg-blue p{
    color: var(--bs-body-color);
}
.c-bg-cyan{
    background-color: var(--c-color-cyan)!important;
    --bs-body-color: white!important;
    --color--heading: white!important;
    --bs-link-color: var(--bs-body-color);
    --bs-link-hover-color: var(--c-color-blue);
    color: var(--bs-body-color);
}
.c-bg-cyan p{
    --bs-body-color: white!important;
    color: var(--bs-body-color);
}
.c-bg-light-blue{
    background-color: var(--c-color-light-blue)!important;
    color: var(--c-color-text-on-light-blue);
    --bs-nav-link-color: var(--c-color-text-on-light-blue);
}
.c-bg-light-cyan{
    background-color: var(--c-color-light-cyan)!important;
    color: var(--c-color-text-on-light-cyan);
    --bs-nav-link-color: var(--c-color-text-on-light-cyan);
}
.c-color-blue{
    color:var(--c-color-blue)!important;
}
.c-color-grey{
    color:var(--c-color-gray)!important;
}
/* BS 5*/
.c-pt-6,.c-py-6{
    padding-top: 5rem !important;
}
.c-pb-6,.c-py-6{
    padding-bottom: 5rem !important;
}
.c-mt-6,.c-my-6{
    margin-top: 5rem !important;
}
.c-mb-6,.c-my-6{
    margin-bottom: 5rem !important;
}
.form-control{ border-radius: 0;}
.btn{
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-border-radius:0;
}
.btn-primary {
        --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--c-color-cyan);
    --bs-btn-hover-border-color: var(--c-color-cyan);
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0a58ca;
        --bs-btn-active-border-color: #0a53be;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.c-btn-outline-cyan {
    --bs-btn-color: var(--c-color-cyan);
    --bs-btn-border-color: var(--c-color-cyan);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--c-color-cyan);
    --bs-btn-hover-border-color: var(--c-color-cyan);
        --bs-btn-focus-shadow-rgb: 108, 117, 125;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #6c757d;
        --bs-btn-active-border-color: #6c757d;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #6c757d;
        --bs-gradient: none;
}
.nav-link:focus, .nav-link:hover{
    --bs-nav-link-hover-color: var(--c-color-cyan);
}
.accordion{
    --bs-accordion-active-color:white;
    --bs-accordion-active-bg:var(--c-color-blue);
    /*--bs-accordion-border-color:;*/
}

.c-accordion-flexed .accordion.c-accordion-flexed .accordion-button {

    --bs-accordion-active-color:var(--c-color-text-on-light-cyan);
    --bs-accordion-active-bg:var(--c-color-light-cyan);

    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.object-fit-cover{
    object-fit: cover;
}
.vh-60 {
    height: 60vh !important;
}
/* Components */
.c-accordion-flexed {
    .accordion-header {
        display: flex;
    }

    .accordion-button[type=button]:disabled::after {
        display: none;
    }
}
.c-bg-light-cyan .nav-tabs {
/*        --bs-nav-tabs-border-width: 1px;
        --bs-nav-tabs-border-color: #dee2e6;
        --bs-nav-tabs-border-radius: 0.375rem;
        --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;*/
    --bs-nav-tabs-link-active-color: var(--c-color-cyan);
    --bs-nav-tabs-link-active-bg: transparent;
    --bs-nav-tabs-link-active-border-color: transparent transparent var(--c-color-cyan);
    --bs-nav-link-color: var(--c-color-blue);
    margin-bottom: 1rem;
        /*border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);*/
}

@media (max-width: 767px ) {
    .c-accordion-flexed {
        .accordion-header {
            flex-direction: column;
        }
    }
}

.c-icon{
    position: relative;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-right: 1rem;
    transform: translateY(-2px);
    --c-icon-bg-color: var(--c-color-cyan);
    --c-icon-color: white;
    color: var(--c-icon-color);
}
.c-icon::before{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle;
    background-color: var(--c-icon-bg-color,var(--c-color-cyan));
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/call-sharp.svg);
}
.c-icon::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent  transparent  transparent var(--c-icon-bg-color,var(--c-color-cyan));
    top: calc(50% - 5px);
    right: -10px;
}
.c-icon.c-icon-phone::before{
    background-image: url(images/call-sharp.svg);
}
.c-icon.c-icon-email::before{
    background-image: url(images/mail-sharp.svg);
}
.c-icon.c-icon-facebook::before{
    background-image: url(images/facebook-sharp.svg);
}
.c-icon.c-icon-instagram::before{
    background-image: url(images/logo-instagram.svg);
}

.c-icon-arrow{
    margin-left: 1ex;
    vertical-align: middle;
    position: relative;
    height: 1.2em;
    display: inline-block;
    width: 2em;
}
.c-icon-arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.c-icon-arrow.c-icon-arrow-white::before{
    background-image: url(images/arrow-forward-sharp-white.svg);
}
.c-icon-arrow.c-icon-arrow-cyan::before{
    background-image: url(images/arrow-forward-sharp-cyan.svg);
}
.c-btn-outline-cyan:hover .c-icon-arrow.c-icon-arrow-cyan::before{
    background-image: url(images/arrow-forward-sharp-white.svg);
}

.c-bg-light-blue .navbar .navbar-nav .nav-link {
    font-size: 1rem;
    --bs-nav-link-color: var(--c-color-text-on-light-blue);
}
.c-bg-light-blue .c-icon{
    --c-icon-bg-color: var(--c-color-background-on-light-blue);
    --c-icon-color: var(--c-color-cyan);
    width: 2.5rem;
    height: 2.5rem;
}
.c-bg-light-blue .c-icon.c-icon-phone::before{
    background-image: url(images/call-sharp-cyan.svg);
}
.c-bg-light-blue .c-icon.c-icon-email::before{
    background-image: url(images/mail-sharp-cyan.svg);
}

.c-btn-blank{
    --bs-btn-padding-x:0;
    --bs-btn-color: var(--c-color-blue);
    --bs-btn-font-weight: bold;
}

.c-icon-arrow.c-icon-arrow-blue::before{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/arrow-forward-sharp-blue.svg);
}

ul.c-list-pdf{
}
ul.c-list-pdf li{
    border-bottom: 1px solid var(--c-color-blue);
    padding: 1rem;
}
ul.c-list-pdf li a{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--c-color-blue);
}
ul.c-list-pdf li a::before {
    content: url(images/teenyicons_pdf-solid.svg);
    display: inline-block;
}
ul.c-list-pdf li a::after {
    content: url(images/arrow-forward-sharp-white.svg);
    display: inline-block;
    transform: rotate(90deg) scale(0.8);
    background: var(--c-color-blue);
    padding: 1rem 1rem 0.5rem;
    margin-left: auto;
}
@media (max-width: 767px ) {
    ul.c-list-pdf li a {
        flex-direction: column;
    }

    ul.c-list-pdf li a::after {
        margin-right: auto;
    }
}
@media (min-width: 768px ) {
    ul.c-list-pdf li a::before {
        margin-right: 1rem;
    }
}

ul.c-list-clean
,.c-list-clean ul{
    list-style: none;
    padding-left: 0;
}
.c-list-clean li{
    padding: 1rem 1rem 0 0;
    color: var(--c-color-blue);
}
.c-list-clean > li{
    padding: 1rem 1rem 1rem 0;
    text-transform: uppercase;
    color: var(--c-color-gray);
}
.c-list-clean > li:not(:last-child){
    border-bottom: 1px solid var(--c-color-blue);
}
.c-list-clean :is(b,strong){
    color: var(--c-color-gray);
}

ul.c-list-check{
    list-style: none;
    padding-left: 0;
    color: var(--c-color-blue);
    font-weight: bold;
}
ul.c-list-check li{
    margin-bottom: 2rem;
    position: relative;
    padding-left: 3.5rem;
}
.c-list-check li::before {
    content: url(images/checkmark-sharp.svg);
    display: inline-block;
    background: var(--c-color-cyan);
    padding-top: 8px;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    left: 0;
 }

div.c-img-border-top-right-cyan,
.c-img-border-top-right-cyan{
    position: relative;
}
.c-img-border-top-right-cyan::before {
        content: '';
        background: var(--c-color-cyan);
        position: absolute;
        width: calc(100% - 4rem);
        height: 25%;
        right: -0.5rem;
        top: -1rem;
        display: block;
}
.c-img-border-top-right-cyan img{
    position: relative;
}

@media (min-width: 992px) {
    .c-article-media > :nth-of-type(n+4) {
        display: none;
    }
    .c-img-border-top-right-cyan::before {
        right: -2rem;
    }
}