﻿/* Bootstrap font size change --Start
html {
    font-size: 14px;
    background-color :#fff;
}

@include media-breakpoint-up(sm) {
    html {
        font-size: 16px;
    }
}

@include media-breakpoint-up(md) {
    html {
        font-size: 20px;
    }
}

@include media-breakpoint-up(lg) {
    html {
        font-size: 28px;
    }
}
/* Bootstrap font size change --End*/
body {
    overflow-y: scroll;
}


/*/*Bootstrap submenu open on mouse over*/
.navbar ul.navbar-nav li.dropdown:hover div.dropdown-menu {
    display: block;
}

.nav-link {
    color: white !important;
}


.table-Cust tr > th > a {
    text-decoration: none;
    color: #fff;
}

.table-Cust td,
.table-Cust th {
    margin: 0px;
    padding: 5px !important;
}

.table-Cust th {
    text-align: center;
    font-weight: 600;
}

.table-Cust td span,
.table-Cust td input {
    text-align: center;
    margin: 0px auto;
    display: block;
    padding: 2px !important;
}
/* SERVICE SECTION
-------------------------------------------------- */
.servicesBlock {
    height: 150px;
    padding-top:25px;
    
}

.services p {
    line-height: 25px;
    margin-top: 13px;
}

.frontpage-img {
    width: 180px;
    height: 100%;
}
/* ===== Begin page header ===== */
.page-header {
    /*text-transform: capitalize;*/
    position: relative;
    padding-bottom: 10px;
    margin: 10 0 20px;
    border-bottom: none;
    text-align: left;
    line-height: 140%;
    font-size: 200%;
}

    .page-header a, .page-header a:hover {
        text-decoration: none;
        color: #294A70 !important;
        font-size: small;
    }

    .page-header:before {
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 2px;
        /*background: #ebebeb;*/
    }

    .page-header:after {
        /*content: "";     position: absolute;     width: 24px;     height: 24px;     bottom: -11px;     left: 50%;     margin-left: -12px;     border: 5px solid #fff;     border-radius: 20px;     background: #45aed6;*/
        content: "";
        position: absolute;
        width: 33%;
        bottom: 0;
        left: 33%;
        height: 2px;
        background: #FFC107; /*#FF5619;*/
    }

.page-sub-header {
    /*text-transform: capitalize;*/
    position: relative;
    padding-bottom: 10px;
    margin: 10 0 20px;
    border-bottom: none;
    text-align: left;
    line-height: 140%;
}

    .page-sub-header a, .page-sub-header a:hover {
        text-decoration: none;
        color: #294A70 !important;
        font-size: small;
    }

    .page-sub-header:before {
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 2px;
        background: #ebebeb;
    }

    .page-sub-header:after {
        /*content: "";     position: absolute;     width: 24px;     height: 24px;     bottom: -11px;     left: 50%;     margin-left: -12px;     border: 5px solid #fff;     border-radius: 20px;     background: #45aed6;*/
        content: "";
        position: absolute;
        width: 33%;
        bottom: 0;
        left: 0;
        height: 2px;
        background: #FFC107; /*#FF5619;*/
    }
/* ===== End page header ===== */

#LtrEvents {
    background-color: red;
}

/*slider*/
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 1rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 22rem;
    background-color: #777;
}

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 22rem;
        opacity: 0.2;
    }

/*--------------- Page content List -------------*/
.page-content-list {
    line-height: 190%;
    list-style: none;
}

    .page-content-list ul, .page-content-list li ul {
        list-style-type: none !important;
        padding: 0px 25px;
    }

    .page-content-list li::before {
        content: "»";
        margin-right: 6px;
        color: Red;
        font-size: 130%;
    }

    .page-content-list li {
        margin: 5px;
    }

        .page-content-list li ul > li::before {
            content: "»";
            margin-right: 6px;
            font-size: 130%;
            color: #F4A024;
        }

        .page-content-list li ul > li {
            margin: 4px;
        }

/*--------------------------------------------------*/
.bg-dark-light {
    background: #323232 !important;
}

.bg-theme, .bg-dark, .bg-dark-light, .bg-secondary {
    color: #ffffff;
}

.widgets.footer-widgets .widget-title {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 15px;
}

    .widgets.footer-widgets .widget-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 100px;
        background: #DC3545;
    }

.widgets.footer-widgets .widget-quick-links ul {
    margin-top: -4px;
}

.widgets.footer-widgets .single-widget ul {
    padding-left: 0;
    margin-bottom: 0;
}

.widgets.footer-widgets .widget-quick-links ul li {
    display: block;
}

    .widgets.footer-widgets .widget-quick-links ul li a {
        display: block;
        font-size: 13px;
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 9px 0;
    }

.widgets.footer-widgets .single-widget ul li {
    list-style: none;
    font-family: "Raleway", sans-serif;
}

.widgets.footer-widgets .widget-contact ul li {
    color: #000;
    font-size: 13px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .widgets.footer-widgets .widget-contact ul li span {
        font-size: 14px;
        color: #ffffff;
        border: 2px solid #cccccc;
        border-radius: 3px;
        height: 32px;
        width: 32px;
        display: inline-block;
        line-height: 28px;
        text-align: center;
        margin-right: 20px;
    }

    .widgets.footer-widgets .widget-contact ul li.phone, .widgets.footer-widgets .widget-contact ul li.fax {
        font-size: 15px;
    }

    .widgets.footer-widgets .widget-contact ul li + li {
        margin-top: 20px;
    }
