﻿.nav-spacer {
    padding: 124px 0 0px 0;
    background-color: black;
}
.nav-spacer-flex {
    padding: 90px 0 0px 0;
}
body.fixed-header .nav-spacer {
    padding: 85.88px 0 0px 0;
}
.navbar-brand > img {
    display: block; /*template uses inline-block incase there is text after the image but we dont care about that*/
}
.header .navbar {
    background: rgba(0, 0, 0, 1);/*in case the page loads at a scrolled position and the header doesnt transform to the white "scrolled" version */
}
body.fixed-header .header .navbar.navbar-dark {
    background: #2b2e33;
}
body.fixed-header .scrolling-header .navbar .navbar-nav li a {
    color: #FFF;
}
.btn:focus, .btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 32, 38, 0.25);
}
/*
    XS
*/
@media screen and (max-width: 426px) {
    .top-header .wrap-section-slider {
        min-height: 150px;
    }

        .top-header .wrap-section-slider .sp-mask {
            height: 150px !important;
        }

        .top-header .wrap-section-slider .sp-slides-container {
            min-height: 150px;
        }

        .top-header .wrap-section-slider .slide-item {
            height: 150px !important;
        }

            .top-header .wrap-section-slider .slide-item .slide-image {
                height: 150px;
            }
}
/*
    MD
*/
@media (max-width: 992px) {
    /*begin accomodate header that collapes at bs-md*/

    body.fixed-header .scrolling-header .navbar {
        background: #2b2e33;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    body.fixed-header .scrolling-header .navbar {
        background: #2b2e33;
    }

        body.fixed-header .scrolling-header .navbar .navbar-nav li a {
            color: #fff;
        }

    .header .navbar {
        background: #2b2e33;
    }

        .header .navbar .navbar-collapse {
            border-top: 1px solid #515151;
            margin-top: 1rem;
        }

            .header .navbar .navbar-collapse .navbar-nav {
                border: none;
            }

        .header .navbar .relative-nav-container .toggle-button {
            float: left;
        }

        .header .navbar .navbar-brand {
            display: block;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            /*position: absolute;*/
            position: relative;
            transform:translate(-40%,0);
            right: 0;
            width: 100px;
        }

            .header .navbar .navbar-brand img {
                margin: 0;
            }

        .header .navbar .navbar-nav.wrap-user-control {
            margin: 0;
            float: right;
        }

            .header .navbar .navbar-nav.wrap-user-control li {
                display: inline-block;
                vertical-align: middle;
            }
    /*navbar dropdowns*/
    .wrap-inside-nav {
        position: static;
        padding: 0;
    }

        .wrap-inside-nav .inside-col {
            padding: 15px 0;
            border-right: none;
            border-bottom: 1px solid #26282d;
        }

            .wrap-inside-nav .inside-col h5 {
                display: none;
            }

            .wrap-inside-nav .inside-col .inside-nav li {
                float: left;
                width: 49%;
            }

                .wrap-inside-nav .inside-col .inside-nav li a {
                    font-size: 12px;
                    padding-left: 20px;
                }
    /*end accomodate header that collapes at bs-md*/
}
/*
        bootstrap 4 mods
    */
.header .navbar .navbar-nav > li > a:hover,
.header .navbar .navbar-nav > li > a:active,
.header .navbar .navbar-nav > li > a:focus {
    color: #fff;
    border-bottom: 1px solid #c72026;
    background-color: unset;
}

.img-responsive {
    max-width: 100%;
}


/******  REVIEWS SLIDER ******/
.reviews-slider { overflow: hidden; padding-top: 20px; }
.reviews-slider.review-slider-seconds .slide-item { margin-right: 30px; }
.reviews-slider.review-slider-seconds .slide-item .image-block { width: 200px; height: 200px; }
.reviews-slider.review-slider-seconds .slide-item .description-block .review { z-index: -1; padding: 50px 25px 50px 50px; }
.reviews-slider.review-slider-seconds .slide-item .description-block .review em { color: #666666; }
.reviews-slider.review-slider-seconds .owl-controls .owl-pagination { padding-top: 60px; text-align: center; }
.reviews-slider .owl-wrapper:after { content: ""; clear: both; display: table; height: 0; }
.reviews-slider .owl-wrapper:before { content: ""; clear: both; display: table; height: 0; }
.reviews-slider .owl-controls .owl-pagination { padding: 15px 0; text-align: right; }
.reviews-slider .owl-controls .owl-pagination .owl-page { display: inline-block; vertical-align: niddle; width: 10px; height: 10px; border: 1px solid #cfcfcf; background: #fff; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.reviews-slider .owl-controls .owl-pagination .owl-page.active, .reviews-slider .owl-controls .owl-pagination .owl-page:hover { background: #666; border-color: #666; }
.reviews-slider .slide-item:after { content: ""; clear: both; display: table; height: 0; }
.reviews-slider .slide-item:before { content: ""; clear: both; display: table; height: 0; }
.reviews-slider .slide-item .media-left { padding: 0; }
.reviews-slider .slide-item .media-body { overflow: visible; }
.reviews-slider .slide-item .image-block { width: 300px; }
.reviews-slider .slide-item .description-block .name { padding: 20px 15px 30px 35px; }
.reviews-slider .slide-item .description-block .name span { font-size: 14px; color: #333333; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: bold; }
.reviews-slider .slide-item .description-block .review { border: 1px solid #eeeeee; padding: 50px; margin-left: -30px; position: relative; background: #fff; -webkit-box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.08); box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.08); }
/*.reviews-slider .slide-item .description-block .review:before { content: ""; width: 40px; height: 34px; display: block; position: absolute; top: -20px; background: url(../img/quotes.png) center no-repeat; right: 50px; }*/
.reviews-slider .slide-item .description-block .review em { color: #666666; font-size: 16px; line-height: 30px; }


/******  JUMP LINKS ******/

.mti-jump-link-sticky:not(.mti-jump-link-sticky-2) {
    position: sticky;
    top: 124px;
    z-index: 3;
    transition: all 0.3s ease-out
}

    .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link {
        position: relative;
        background-color: rgba(255,255,255,1);
    }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link:hover {
            text-decoration: underline;
        }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none;
            content: "";
            border-left-color: #d6d8db;
            border-style: solid;
            border-width: 0px 0px 0px 3px;
        }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link.active::before {
            border-left-color: #c72026;
        }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link.active {
            background-color: rgba(214,216,219,1);
            color: #c72026;
            border: 1px solid rgba(0, 0, 0, 0.125);
            transition: all 1s ease-in;
        }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link i {
            transition: all .25s ease-in;
        }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link:not(.active):hover i {
            transform: translate(0%, 25%);
        }

        .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .mti-jump-link.active i {
            transform: rotate(-90deg);
        }

    .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) .list-group.list-group-flush .mti-jump-link.active {
        border-right: 0px;
    }

@media (min-width: 992px) {
    .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) {
        top: 130px;
        position: fixed;
        width: 100%;
    }

    body.fixed-header .mti-jump-link-sticky:not(.mti-jump-link-sticky-2) {
        top: 183px;
    }
}

/******  JUMP LINKS 2 ******/
.mti-jump-link-sticky.mti-jump-link-sticky-2 {
    top: 124px;
    z-index: 3;
    position: sticky;
    border-bottom:solid 1px rgb(230,230,230);
}
    .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link {
        position: relative;
        padding-left: .5em;
        color: rgba(0,0,0, 0.75);
    }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none;
            content: "";
            border-color: #d6d8db;
            border-left-style: solid;
            border-left-width: 3px;
        }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link.active::before {
            border-color: #c72026;
        }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link.active {
            color: #c72026 !important;
            transition: all 1s ease-in;
            transition: padding 0s;
        }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link i {
            transition: all .25s ease-in;
        }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link:not(.active):hover small {
            transform: translate(0%, 25%);
        }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link:not(.active):hover i {
            transform: translate(0%, 25%);
        }

        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link.active i {
            transform: rotate(-90deg);
        }
@media (min-width: 992px) {
    .mti-jump-link-sticky.mti-jump-link-sticky-2 {
        top: 124px;
        position: sticky;
    }
        .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link {
            padding-left: .1em;
            padding-right: .1em;
            margin-left: .5em;
            margin-right: .5em;
        }
            .mti-jump-link-sticky.mti-jump-link-sticky-2 .mti-jump-link::before {
                border-left-style: none;
                border-left-width: 0px;
                border-bottom-style: solid;
                border-bottom-width: 3px;
            }

    body.fixed-header .mti-jump-link-sticky.mti-jump-link-sticky-2 {
        top: 84px;
    }
}

/**** Webp Backgrounds ***
.no-webp .RBI-slide {
  background-image: url('Themes/RBITheme/img/RBI/RBI_Flexcore_Final_Moment3.jpg');
}

.webp .RBI-slide{
  background-image: url('Themes/RBITheme/img/RBI/Webp/RBI_Flexcore_Final_Moment3.webp');
  height:100%;
  background-size: cover;
  width: 100%;
  background-position: center;
}*/

.RBI-slide {
    height: 100%;
    background-size: cover;
    width: 100%;
    background-position: center;
    background-image: url('./Content/img/RBI/RBI_Flexcore_Final_Moment3.jpg' type("image/jpeg"));
    /* image-set for FF, only jpg gets downloaded for not supporting browsers */
    background-image: image-set('./img/RBI/Webp/RBI_Flexcore_Final_Moment3.webp' type("image/webp"));
}
a {
    color: hsl(358deg 78% 53%);
}
#float-contact {
    bottom: 14px;
    right: 5px;
    width: auto;
    line-height: 25px;
    height: auto;
    font-size: 1rem;
    -webkit-box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.75);
}
@media (max-width: 768px) {
    #float-contact {
        bottom: 14px;
        width: auto;
    }
}
.copyright-section {
    position:relative;
    z-index: 1050;
}


