body {
    font-family: "Century Gothic", Geneva !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Century Gothic", Geneva !important;
}

.nav-link {
    cursor: pointer;
}

.cur-pointer {
    cursor: pointer;
}

.vl {
    border-left: 1px solid White;
    padding: 20px;
}

.vl-grey {
    border-left: 1px solid grey;
    padding: 20px;
}


.left-padding {
    padding: 20px;
}

.padding-all-sides {
    padding: 20px;
}

.padding-all-sides-5 {
    padding: 5px;
}

.color-box {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;

}

/*
.display-box{
    margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;

}
*/

.display-box {
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 5px;

}

.hover-underline-blue {
    position: relative;
}

.hover-underline-blue:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0px;
    /*Change this to increase/decrease distance*/
    border-bottom: 4px solid #1f1f59;
}

.hover-underline-maroon {
    position: relative;
}

.hover-underline-maroon:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0px;
    /*Change this to increase/decrease distance*/
    border-bottom: 4px solid #e61c33;
}




.col-center {
    margin: 0 auto;
    float: none !important;
}

.carousel-testimonial {
    margin: 15px auto;
    padding: 0 30px;
}

.carousel-card {
    margin: 50px auto;
    padding: 0 70px;
}



.carousel .testimonial {
    padding: 30px 0 10px;
}

.carousel .overview {
    font-style: italic;
}

.carousel .overview b {
    text-transform: uppercase;
    color: darkblue;
}

.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}

.carousel-control i {
    font-size: 40px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

.carousel .carousel-indicators {
    bottom: -40px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%;
}

.carousel-indicators li {
    background: #999;
    border-color: transparent;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.carousel-indicators li.active {
    background: #555;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}



.clr-mahagony {
    color: #420D09;
}

/*
.clr-logo-blue
{color:#272562;}
.clr-logo-maroon
{color:#B72233;}


.clr-logo-blue-bg
{background-color:#272562;}
.clr-logo-maroon-bg
{background-color:#B72233;
border-color:#B72233;}
*/

.clr-logo-blue {
    color: #1f1f59;
}

.clr-logo-maroon {
    color: #e61c33;
}

.clr-carousal {
    color: #dc3545;
}

.clr-logo-blue-bg {
    background-color: #1f1f59;
}

.clr-logo-maroon-bg {
    background-color: #e61c33;
    border-color: #e61c33;
}

.text-blue-clr {
    color: #1f1f59;
}

.text-maroon-clr {
    color: #e61c33;
}




/*
Css examples for scrollable cards

https://mdbootstrap.com/javascript/smooth-scroll/#cards
*/



.scrollbar-logo-theme::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-logo-theme::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-logo-theme::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #e61c33;
}


.bordered-logo-theme::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #1f1f59;
}

.bordered-logo-theme::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}





.scrollbar-deep-purple::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-deep-purple::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-deep-purple::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #512da8;
}

.scrollbar-cyan::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-cyan::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-cyan::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00bcd4;
}

.scrollbar-dusty-grass::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-dusty-grass::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

.scrollbar-ripe-malinka::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-ripe-malinka::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%);
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}

.bordered-deep-purple::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #512da8;
}

.bordered-deep-purple::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.bordered-cyan::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #00bcd4;
}

.bordered-cyan::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
}

/*.example-1 {
  position: relative;
  overflow-y: scroll;
  height: 400px; }*/

.example-1 {
    position: relative;
    overflow-y: scroll;
    /*  overflow-x: scroll;*/
    height: 780px;
}



.multi-item-carousel {
    .carousel-inner {
        > .item {
            transition: .6s ease-in-out all;
        }

        .active {
            &.left {
                left: -33%;
            }

            &.right {
                left: 33%;
            }
        }

        .next {
            left: 33%;
        }

        .prev {
            left: -33%;
        }
    }

    .carouse-control {

        &.left,
        &.right {
            background-image: none;
        }
    }

    @media all and (transform-3d),
    (-webkit-transform-3d) {
        & {
            .carousel-inner {
                > .item {
                    transition: .6s ease-in-out all;
                    -webkit-backface-visibility: visible;
                    backface-visibility: visible;
                    -webkit-perspective: none;
                    -webkit-transform: none !important;
                    transform: none !important;
                }
            }
        }
    }
}

.allsides-padding-box-4px {
    padding: 4px;
}

.allsides-padding-box-10px {
    padding: 10px;
}

.allsides-padding-box-20px {
    padding: 20px;
}


.top-padding-box-10px {
    padding-top: 10px;
}

.left-padding-box-10px {
    padding-left: 10px;
}

.right-padding-box-10px {
    padding-right: 10px;
}

.bottom-padding-box-10px {
    padding-bottom: 10px;
}


.fa-expander-padding {
    padding-left: 10px;
    padding-top: 2px;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .filter-font {
        font-size: 12px;
    }

    .filter-font-sub1 {
        font-size: 11px;
    }

    .filter-font-sub2 {
        font-size: 10px;
    }

    .desc-font {
        font-size: 11px;
    }

    .heading-font {
        font-size: 14px
    }

    .logo-image {
        height: 45px;
        width: 228px;
    }

    .nav-options-size {
        font-size: 10px;
    }

    .fa-responsive {
        font-size: 1.2em;
    }

    .heading-font-contact {
        font-size: 14px;
    }

    .modal-font {
        font-size: 12px;
    }

    .small-font-9 {
        font-size: 9px;
    }

    .small-font-7 {
        font-size: 7px;
    }

    .small-font-11 {
        font-size: 11px;
    }

    .small-font-12 {
        font-size: 12px;
    }


    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 420px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 420px;
        background-color: #1f1f59;
        padding-top: 2rem;
        padding-bottom: 10rem
    }

    .textbox-custom-quote {
        padding: 2px;
        font-size: 11px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        height: 32px;
        line-height: 32px;
        box-shadow: none;
        max-width: 50px;
        min-width: 50px;
        border-radius: 2px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .filter-font {
        font-size: 12px;
    }

    .filter-font-sub1 {
        font-size: 11px;
    }

    .filter-font-sub2 {
        font-size: 10px;
    }

    .desc-font {
        font-size: 11px;
    }

    .heading-font {
        font-size: 14px
    }

    .logo-image {
        height: 61px;
        width: 306px;
    }

    .nav-options-size {
        font-size: 12px;
    }

    .fa-responsive {
        font-size: 1.2em;
    }

    .heading-font-contact {
        font-size: 14px;
    }

    .modal-font {
        font-size: 12px;
    }

    .small-font-9 {
        font-size: 9px;
    }

    .small-font-7 {
        font-size: 7px;
    }

    .small-font-11 {
        font-size: 11px;
    }

    .small-font-12 {
        font-size: 12px;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 420px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 420px;
        background-color: #1f1f59;
        padding-top: 2rem;
        padding-bottom: 10rem
    }

    .textbox-custom-quote {
        padding: 2px;
        font-size: 11px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        height: 32px;
        line-height: 32px;
        box-shadow: none;
        max-width: 50px;
        min-width: 50px;
        border-radius: 2px;
    }

}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .filter-font {
        font-size: 12px;
    }

    .filter-font-sub1 {
        font-size: 11px;
    }

    .filter-font-sub2 {
        font-size: 10px;
    }

    .desc-font {
        font-size: 12px;
    }

    .heading-font {
        font-size: 14px
    }

    .logo-image {
        height: 61px;
        width: 306px;
    }

    .nav-options-size {
        font-size: 11px;
    }

    .fa-responsive {
        font-size: 1.2em;
    }

    .heading-font-contact {
        font-size: 14px;
    }

    .modal-font {
        font-size: 13px;
    }

    .small-font-9 {
        font-size: 9px;
    }

    .small-font-7 {
        font-size: 7px;
    }

    .small-font-11 {
        font-size: 11px;
    }

    .small-font-12 {
        font-size: 12px;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 200px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 200px;
        background-color: #1f1f59;
        padding-top: 2rem;
        padding-bottom: 10rem
    }

    .textbox-custom-quote {
        padding: 2px;
        font-size: 11px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        height: 32px;
        line-height: 32px;
        box-shadow: none;
        max-width: 50px;
        min-width: 50px;
        border-radius: 2px;
    }
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .filter-font {
        font-size: 14px;
    }

    .filter-font-sub1 {
        font-size: 11px;
    }

    .filter-font-sub2 {
        font-size: 10px;
    }

    .desc-font {
        font-size: 13px;
    }

    .heading-font {
        font-size: 14px
    }

    .padding-left-3rem {
        padding-left: 3rem;
    }

    .padding-left-20rem {
        padding-left: 20rem;
    }

    .logo-image {
        height: 61px;
        width: 306px;
    }

    .nav-options-size {
        font-size: 11px;
    }

    .fa-responsive {
        font-size: 1.2em;
    }

    .heading-font-contact {
        font-size: 16px;
    }

    .modal-font {
        font-size: 13px;
    }

    .small-font-9 {
        font-size: 9px;
    }

    .small-font-7 {
        font-size: 7px;
    }

    .small-font-11 {
        font-size: 11px;
    }

    .small-font-12 {
        font-size: 12px;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 200px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 200px;
        background-color: #1f1f59;
        padding-top: 2rem;
        padding-bottom: 10rem
    }
}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .filter-font {
        font-size: 14px;
    }

    .filter-font-sub1 {
        font-size: 11px;
    }

    .filter-font-sub2 {
        font-size: 10px;
    }

    .desc-font {
        font-size: 13px;
    }

    .heading-font {
        font-size: 14px
    }

    .padding-left-3rem {
        padding-left: 3rem;
    }

    .padding-left-20rem {
        padding-left: 20rem;
    }

    .logo-image {
        height: 72px;
        width: 350px;
    }

    .nav-options-size {
        font-size: 14px;
    }

    .fa-responsive {
        font-size: 1.2em;
    }

    .heading-font-contact {
        font-size: 18px;
    }

    .modal-font {
        font-size: 14px;
    }

    .small-font-9 {
        font-size: 9px;
    }

    .small-font-7 {
        font-size: 7px;
    }

    .small-font-11 {
        font-size: 11px;
    }

    .small-font-12 {
        font-size: 12px;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 200px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 200px;
        background-color: #1f1f59;
        padding-top: 2rem;
        padding-bottom: 10rem
    }

}


.small-filter-font {
    font-size: 64%;
}

.small-filter-bold {
    font-weight: 600;
}

.small-filter-bold-400 {
    font-weight: 400;
}


#blue-hover:hover {
    background-color: #1f1f59;
    color: #ffffff;
    padding: 1px;
    text-decoration: none;
}



[aria-expanded="false"] .menu__icon--open {
    display: block;
}

[aria-expanded="false"] .menu__icon--close {
    display: none;
}

[aria-expanded="true"] .menu__icon--open {
    display: none;
}

[aria-expanded="true"] .menu__icon--close {
    display: block;
}

.li-side-nav {
    line-height: 1.3rem;
}

.label-side-nav {
    margin-bottom: 0rem !important;
}

.no-style {
    list-style: none;
}

.label-pointer {
    cursor: pointer;
}


.carousel-caption-custom {
    position: absolute;
    right: 30%;
    bottom: 80px;

    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.font-16 {
    font-size: 16px;
}


.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.breadcrumb-white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #fff;

    border-bottom: 1px solid;
    border-bottom-color: #e9ecef !important;
}


.navbar-customized {
    padding: 0.2rem 2rem;
}

.table-custom td,
.table-custom th .table-custom tr {
    padding: -0.25rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;

}



.card-body-custom {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem !important;
}


a.no-hover a:hover {
    text-decoration: none !important;
}


.bg-light-customized {
    background-color: #ffffff !important;
    border-bottom: 1.5px solid #e9ecef;
}


.fixed-height {
    position: relative;
    /*  overflow-y: scroll;*/
    /*  overflow-x: scroll;*/
    height: 830px;
}


.fixed-height-thumbnail {
    position: relative;
    /*  overflow-y: scroll;*/
    /*  overflow-x: scroll;*/
    height: 250px;
}

.fixed-height-contactpage {
    position: relative;
    /*  overflow-y: scroll;*/
    /*  overflow-x: scroll;*/
    height: 1050px;
}

.fixed-height-moldings {
    position: relative;
    /*  overflow-y: scroll;*/
    /*  overflow-x: scroll;*/
    height: 200px;
}

.fixed-height-accessories {
    position: relative;
    /*  overflow-y: scroll;*/
    /*  overflow-x: scroll;*/
    height: 100px;
}

.fixed-height-speciality {
    position: relative;
    /*  overflow-y: scroll;*/
    /*  overflow-x: scroll;*/
    height: 200px;
}


.select-custom {
    padding: 2px;
    font-size: 11px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: 32px;
    line-height: 32px;
    box-shadow: none;
    max-width: 110px;
    min-width: 110px;
    border-radius: 2px;
}


/*
.text-box-padding-right
{
    padding-right: 20px;
}
*/

.Georgia-font {
    font-family: Gotham;
}


.testimonial-quote-opn {
    font-size: 180px;
    line-height: 0.6em;
    opacity: 0.55;
    font-size: 500%;
    color: #1f1f59;
}

.testimonial-quote-clo {
    font-size: 180px;
    line-height: 0.6em;
    opacity: 0.55;
    font-size: 250%;
    color: #e61c33;
}

.testimonial-body {
    display: flex;
    background-color: #ffffff;
    color: #1f1e5b;
    padding: 0rem 1rem;
    border-radius: 0px;
    border-top-width: 1px;
    border-top-color: #1f1e5b;
    border-top-style: dashed;
    font-style: normal;
}

.margin-bottom-0 {
    margin-bottom: 0rem;
}


.testimonial-box {
    line-height: 2.6em;
    border: 0px;
    margin-bottom: 4%;
    box-shadow: 0 2px 5px #1f1f59;
    /*	opacity:0.20;*/

    font-style: italic;
}

.testimonial-content {
    color: #000000;
}

/*
.loader{
    border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 20px solid azure;
  border-right: 20px solid azure;
  border-bottom:20px solid azure;
  border-left:20px solid azure;
  background-color: #f0ffff;
  width:50px !important;
  height:50px !important;
  -webkit-animation: spin 2s linear infinite; / Safari /
  animation: spin 2s linear infinite;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;

}
*/
.loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 1.25s linear infinite;/ Safari / animation: spin 1.25s linear infinite;
    position: fixed;
    z-index: 999;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

/ Safari / @-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.black-background {
    align-items: center;
    background-color: rgba(51, 51, 51, .8);
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    left: 0px;
    min-height: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 150;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100 !important;
}

.yBackColor {
    color: darkgreen;
}

.nBackColor {
    color: '#a9323e';
}

.bordered {
    /*	border-style:groove;*/
    border-radius: 5px;
    border: 1px solid #1f1f59;
    /*	border-color: #1f1f59;*/
    padding: 6px;
    margin: 4px;
}

.font-wt-600 {
    font-weight: 600;
}

/*added by sam*/
.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
}

.leftCentAlign {
    display: flex;
    justify-content: center;
}



.greenColor {
    color: green;
    font-weight: bolder;
}

.redColor {
    color: red;
    font-weight: bolder;
}

.redFont {
    color: red;
}

.blueFont {
    color: blue;
}


.border-1 {
    border: 1px solid rgba(0, 0, 0, .1);
}

.cursor-pointer {
    cursor: pointer;
}

.text-none {
    text-decoration: none;
}


.width-12rem {
    width: 12rem;
}

.width-20rem {
    width: 20rem;
}

.width-15rem {
    width: 15rem;
}

.width-10rem {
    width: 10rem;
}


.border-whiteish {
    border-color: #f8f9fa;
}

.display-table {
    display: table;
}

.text-center {
    text-align: center;
}


.box-shadow-1 {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.font-size-12 {
    font-size: 12px;
}