:root{

    --cs-body-bg: #ffffff;
    --cs-body-bg-dark: #0E468F;

    --cs-adv-bg: #E1111A;
    --cs-adv-text: #ffffff;

    --cs-menu-nav-bg: #0E468F;
    --cs-menu-nav-link: #ffffff;
    --cs-menu-nav-link-hover: #dc3545;

    --cs-menu-bg: #ffffff;
    --cs-menu-text: #0E468F;
    --cs-menu-link: #0E468F;
    --cs-menu-link-hover: #E1111A;
    
    --cs-menu-drop-bg: #f0f4f9;
    --cs-menu-drop-border: #f0f4f9;
    --cs-menu-drop-link: #0E468F;
    --cs-menu-drop-link-hover: #ffffff;
    --cs-menu-drop-link-hover-bg: #0E468F;

    --cs-title-color: #333333;
    --cs-subtitle-color: #777777;
    --cs-text-color: #555555;
    --cs-title-color-dark: #ffffff;
    --cs-subtitle-color-dark: #ffffff;
    --cs-text-color-dark: #ffffff;

    --cs-link-color: #E1111A;
    --cs-link-hover-color: #dc3545;
    --cs-link-color-dark: #E1111A;
    --cs-link-hover-color-dark: #ffffff;
    --cs-btn-bg: #E1111A;
    --cs-btn-border: #E1111A;
    --cs-btn-color: #ffffff;
    --cs-btn-hover-color: #dddddd;
    --cs-btn-hover-bg: #adb5bd;
    --cs-btn-hover-border: #6c757d;
    --cs-btn-bg-dark: #E1111A;
    --cs-btn-border-dark: #E1111A;
    --cs-btn-color-dark: #ffffff;
    --cs-btn-hover-color-dark: #dddddd;
    --cs-btn-hover-bg-dark: #adb5bd;
    --cs-btn-hover-border-dark: #6c757d;
    
    --cs-nav-color: #333333;
    --cs-nav-hover-color: #dc3545;

    --cs-accordion-bg: #dddddd;
    --cs-accordion-color: #333333;
    --cs-accordion-hover-color: #dc3545;

    --cs-border: #cccccc;
    --cs-hr-border: #000000;
    --cs-form-border: #cccccc;
    --cs-form-focus-border: #E1111A;
    
    --cs-footer-text: #ffffff;
    --cs-footer-link: #ffffff;
    --cs-footer-link-hover: #E1111A;
    --cs-footer-bg: #0e468f;
    --cs-footer-bottom-bg: #033368;
    
    --bs-primary-rgb: 240, 244, 249;
    --bs-secondary-rgb: 240, 244, 249;
    --bs-success-rgb: 240, 244, 249;
    --bs-info-rgb: 239,239,239;
    --bs-warning-rgb: 224,17,13;
    --bs-danger-rgb: 224,17,13;
    --bs-light-rgb: 14,70,143;
    --bs-dark-rgb: 314,70,143;

}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2810, 69, 143, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#p1h2.header1 .carousel-inner{
    overflow: auto !important;
}

#p1h2.header1 .carousel-inner .carousel-item{
    padding-bottom: 220px;
    background-color: #0E468F;
}

@media (min-width: 1200px) {
    #p1h2.header1 .carousel-inner .carousel-item .display-6{
        font-size: 3rem !important;  
    }
}
@media (min-width: 820px) and (max-width: 1200px) {
    #p1h2.header1 .carousel-inner .carousel-item .display-6{
        font-size: calc(1.425rem + 2.1vw) !important;  
    }
   
}

@media (min-width: 380px) and (max-width: 640px) { 
    #p1h2.header1 .carousel-inner .carousel-item .display-6{
        font-size: calc(1.425rem + 2.1vw) !important;  
    }
}
@media (max-width: 640px) { 
    #p1h2.header1 .carousel-inner .carousel-item{
        padding-bottom: 240px;
    }
}

.card-img-overlay-box{
    width: 100%;
}

@media (max-width: 768px) {

/*
#p13c7 .row .col,
*/    
    #p9c7 .row .col,
    #p10c7 .row .col,
    #p12c7 .row .col,
    #p13c7 .row .col,
    #p14c7 .row .col,
    #p15c7 .row .col,
    #p16c7 .row .col{          
        width: 50% !important;
    }
}
@media (max-width: 420px) { 


/*
    #p13c7 .row .col .col-2,
    #p13c7 .row .col .col-10,
    #p13c7 .row .col .col-10 span,
*/    
    #p9c7 .row .col .col-2,
    #p9c7 .row .col .col-10,
    #p9c7 .row .col .col-10 span, 

    #p10c7 .row .col .col-2,
    #p10c7 .row .col .col-10,
    #p10c7 .row .col .col-10 span, 
    
    #p12c7 .row .col .col-2,
    #p12c7 .row .col .col-10,
    #p12c7 .row .col .col-10 span,

    #p13c7 .row .col .col-2,
    #p13c7 .row .col .col-10,
    #p13c7 .row .col .col-10 span,
    
    #p14c7 .row .col .col-2,
    #p14c7 .row .col .col-10,
    #p14c7 .row .col .col-10 span,
    
    #p15c7 .row .col .col-2,
    #p15c7 .row .col .col-10,
    #p15c7 .row .col .col-10 span,
        
    #p16c7 .row .col .col-2,
    #p16c7 .row .col .col-10,
    #p16c7 .row .col .col-10 span{     
        width: 100% !important;
        text-align: center !important;
        display: block;
    }

/*
     #p13c7 .row .col .col-2 img,
*/
    #p9c7 .row .col .col-2 img,
    #p10c7 .row .col .col-2 img,     
    #p12c7 .row .col .col-2 img,
    #p13c7 .row .col .col-2 img,
    #p14c7 .row .col .col-2 img,
    #p15c7 .row .col .col-2 img,
    #p16c7 .row .col .col-2 img{         
        width: 20%;
        padding-bottom: 0.750rem;
    }

}