:root {
    --client-1-color: rgba(39, 82, 153, 1);
    --client-2-color: rgba(255, 183, 87, 1);
}

.c-client-1{color: var(--client-1-color);}
.bgm-client-1{background-color: var(--client-1-color);}
.c-client-hover-1:hover{color: var(--client-1-color) !important;}
.c-client-2{color: var(--client-2-color);}
.bgm-client-2{background-color: var(--client-2-color);}
.c-client-hover-2:hover{color: var(--client-2-color) !important;}
.bottom-fixed-alert{position: fixed; height: 60px; bottom: -60px; width: 100%; text-align: center; z-index: 10; visibility: hidden; transition: all .5s ease-in-out;}
.bottom-fixed-alert>.bfa-contents{
    display: inline-block;
    width: auto !important;
    min-width: 50% !important;
    max-width: 90% !important;
    padding: 13px 40px;
    background-color: rgba(24, 56, 140, 1);
    border: 1px solid var(--client-2-color);
    font-size: 17px;
    font-weight: 500;
    color: rgba(24, 56, 140, 1);
}
.bottom-fixed-alert.on{visibility: visible; transition: all .5s ease-in-out; transform-origin: left top; bottom: 0px;}

/* PROGRESS BAR */
.bc-progressbar-layout{position: relative; background-color: rgba(39, 82, 153, 1); width: 100%; height: 4px; overflow: hidden;}
.bc-progressbar-layout>.bc-progressbar{display: block; background-color: rgba(255, 183, 87, 1); width: 0%; height: 4px;}

/* MYHOME */
.myhome-sub-menu{text-align: center; background-color: #f5f5f5; border: 1px solid #f5f5f5; color: #212121; padding: 12px 0px; cursor: pointer; transition:color 0.5s ease-in-out;}
.myhome-sub-menu.on{color: rgba(24, 56, 140, .8); /*border-bottom: 1px solid rgba(24, 56, 140, .8);*/ }
.myhome-sub-menu:hover{background-color: #f5f5f5; color: var(--client-1-color);}
.myhome-sub-menu-1{font-size: 16px; font-weight: 600;}
.myhome-sub-menu-2{font-size: 12px; padding-top: 7px;}
@media (max-width: 768px) {
    .myhome-sub-menu-1{font-size: 14px;}
    .myhome-sub-menu-2{font-size: 11px;}
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    color: white!important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    color: white!important;
}