/*  ADDED FOR NEW PANELS ON THE FP SLIDER  */
/* COLORS: #41A4DD #5FA43F #6F6F6F forest green-025B69  red-purple-690202  [no version of yelo works-FFEE21]  deep green-339933  orange-E68A00  red-DB4D4D  deep red-781B1B  */

.showcase-bg-transition-top-to-bottom #rt-showcase.showcase-panel-4, .showcase-bg-transition-left-to-right #rt-showcase.showcase-panel-4 {
background-color: #025B69;
}
.showcase-bg-transition-top-to-bottom #rt-showcase.showcase-panel-5, .showcase-bg-transition-left-to-right #rt-showcase.showcase-panel-5 {
background-color: #690202;
}



    @media (min-width: 768px) {
     
    .rt-drop-left:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }
     
    @media (min-width: 768px) and (max-width: 959px) {
     
    .rt-drop-left-tablet:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right-tablet:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left-tablet:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right-tablet:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }
     
    @media (min-width: 960px) and (max-width: 1199px) {
     
    .rt-drop-left-desktop-small:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right-desktop-small:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left-desktop-small:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right-desktop-small:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }
     
    @media (min-width: 1200px) {
     
    .rt-drop-left-desktop-big:hover > .dropdown {
    right: 100% !important;
    left: auto!important;
    }
     
    .rt-drop-right-desktop-big:hover > .dropdown {
    right: auto!important;
    left: 100% !important;
    }
     
    .gf-menu > .rt-drop-left-desktop-big:hover > .dropdown {
    right: 0 !important;
    left: auto!important;
    }
     
    .gf-menu > .rt-drop-right-desktop-big:hover > .dropdown {
    right: auto!important;
    left: 0 !important;
    }
     
    }