@charset "utf-8";

@font-face {
    font-family: "Oswald-Heavy";
    src: url("fonts/Oswald-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: "Oswald-Regular";
    src: url("fonts/Oswald-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Black";
    src: url("fonts/Roboto-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf") format("truetype");
}


body {
    font-family: "Roboto-Regular", Arial;
    color: #63656a;
    color: #666;
    background-color: rgba(255, 255, 255, 1.0);
    font-sizex: 12pt;
    font-size: 1rem;
    border-top: 4px solid #2e5fae;
    border-bottom: 4px solid #2e5fae;
}


p {
    margin-top: .05rem;
    margin-bottom: .05rem;
    paddingx: 0;
    line-heightx: 155%;
    padding-bottomx: 2px;
}


a {
    outline: none;
    color: #2f2f30;
    color: #4d4e4f;
    text-decoration: none;
    padding-bottomx: 1px;
}

a:hover {
    color: #1b68b5;
}


ul li {
    font-size: 1rem;
}



hr {
    color: #133873;
    opacity: .6;
}


.bar {
    opacity: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #2e5fae;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-family: "Roboto-Regular", "Arial Narrow";
    margin-top: .2rem;
    margin-bottom: .5rem;
}

.h1,
h1 {
    font-size: calc(1.1667rem + 0.8vw);
    color: #2f2f30;
    color: #1b68b5;
    margin-bottom: 8px;
    font-family: "Roboto-Light";
}

h1 a {
    color: #1b68b5 !important;
}

h1 a:hover {
    color: #1b68b5 !important;
    opacity: .8;
}

.h2,
h2 {
    font-size: calc(1rem + .3vw);
    color: #2f2f30;
    color: #4d4e4f;
    margin-bottom: 16px;
    font-family: "Roboto-Black";
}

h2 a {
    color: #4d4e4f !important;
}


h2 a:hover {
    color: #4d4e4f !important;
    opacity: .8;
}

.h3,
h3 {
    color: #2f2f30;
    font-size: calc(1rem + .5vw);
    margin-bottom: .3rem;
}


@media (min-width:1199.98px) {}

@media (min-width: 991.98px) {}

@media (min-width: 767.98px) {}

@media (min-width: 575.98px) {}


.blue {
    color: #133873;
    color: #1b68b5;
}


.white {
    color: #fff;
}

.white a {
    color: #fff;
}

.grey {
    color: #777;
}

.black {
    color: #000;
}

.black a {
    color: #000;
}


.small {
    font-size: .875rem;
}


.bk-white {
    background-color: #fff;
}

.bk-off-white {
    background-color: #fbfbfb;
    background-color: #f5f5f5;
}

.bk-lightblue {
    background-color: #f0f8ff;
}

body {
    background-colorx: aqua;
}

/* X-Small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) {
    body {
        background-colorx: yellow;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) {
    body {
        background-colorx: red;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 991.98px) {
    body {
        background-colorx: blue;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1199.98px) {
    body {
        background-colorx: orange;
    }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) {
    body {
        background-colorx: purple;
    }
}


/* Breadcrumb */

.breadcrumb {
    font-size: .70rem;
    color: #6d6d6d;
}

.breadcrumb a {
    color: #6d6d6d;
    opacity: .8
}

.breadcrumb a:hover {
    color: #6d6d6d;
    opacity: 1
}


.breadcrumb .disabled {
    color: #6d6d6d !important;
}

.breadcrumb i {
    font-size: .70rem;
    color: #6d6d6d !important;
    margin-right: 2px !important;
    width: inherit !important;
}

.breadcrumb i:hover {
    color: #6d6d6d !important;
    opacity: 1
}


/* Top Bar */

.top-bar {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 3%;
    padding-right: 3%;
    font-size: 1rem;
    background-color: #fff;
    background: rgb(254, 254, 254);
    color: #6d6d6d;
    opacity: 1;
    border-bottomx: #1b68b5 solid 1px;
}

.top-bar img {
    width: 100%;
    height: auto;
    min-width: 120px;
    max-width: 186px;
}

.top-bar a {
    color: #dd232c;
}

.top-bar a:hover {
    color: #133873;
}

.top-bar i {
    margin-left: 16px;
    color: #dd232c;
    color: #133873;
    font-size: 110%;
}


.top-bar .tel {
    font-size: 110% !important;
    color: #133873 !important;
}

.top-bar .tel:hover {
    color: #174ca2 !important;
}


.top-bar .email {
    font-size: 110% !important;
    color: #133873 !important;
}

.top-bar .email:hover {
    color: #174ca2 !important;
}


@media (min-width: 575.98px) {

    .top-bar {
        padding: 0;
        padding-left: 3%;
        padding-right: 3%;
    }

    .top-bar img {
        min-width: 140px;
    }

    .top-bar i {
        font-size: 110% !important;
    }

}

@media (min-width: 767.98px) {
    .top-bar {
        position: relative;
        /* Turn off sticky top */
        padding: 1%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .top-bar img {
        min-width: 160px;
    }

    .top-bar i {
        margin-left: 16px;
        font-size: 120%;
    }

    .top-bar .tel {
        font-size: 120% !important;
    }

    .top-bar .email {
        font-size: 120% !important;
    }
}

@media (min-width: 991.98px) {
    .top-bar img {
        min-width: 186px;
    }

    .top-bar i {
        margin-left: 26px;
        font-size: 140%;
    }

    .top-bar .tel {
        font-size: 140%;
    }

    .top-bar .email {
        font-size: 140%;
    }
}

.no-ul {
    border: 0 !important;
}

/* -- */

/* Hamburger */

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
    padding-top: 20px;
}

.navbar-toggler i {
    color: #dd232c;
}

.navbar-toggler i:hover {
    color: #133873;
}

/* Navigation */


.navbar-custom.navbar {
    text-align: right;
    color: #2f2f30;
}

.navbar-custom.navbar a {
    padding-bottom: 0;
    text-decoration: none;
    font-family: "Roboto-Regular";
    font-weight: normal;
    font-sizex: 9pt;
    font-size: 1rem;
    padding: 4px;
    padding-left: 6px !important;
    padding-right: 2px !important;
    color: #dd232c;
    display: inline;
}

.navbar-custom.navbar a:hover {
    color: #133873;
}

.navbar-custom.navbar .nav-link {
    padding-left: 0;
    padding-right: 0;
}

.navbar-custom.navbar .nav-link.disabled {
    color: #133873;
}

.navbar-custom.navbar ul {
    margin-top: 10px;
    list-style-image: none;
}

.navbar-custom.navbar li {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2px;
}

.navbar-custom.navbar li:last-child {
    padding-top: 16px;
}

.navbar-custom.navbar .sub-nav {
    margin-right: 10px;
}


@media (min-width: 767.98px) {

    .navbar-custom.navbar ul {
        margin-top: 0;
    }

    .navbar-custom.navbar li {
        margin-left: 0;
        margin-rightx: 30px;
        padding-top: 1px;
        padding-bottom: 0;
        text-align: center;
        margin-left: 14px;
        margin-right: 10px;
        list-style-type: disc;
    }

    .navbar-custom.navbar li:first-child {
        list-style-type: none;
    }

    .navbar-custom.navbar li:last-child {
        padding-top: 1px;
        margin-left: 14px;
        margin-right: 0;
    }

    .navbar-custom.navbar a {
        color: #dd232c;
        font-size: 100%;
        padding: 4px;
        padding-left: 6px !important;
        padding-right: 6px !important;
        border-bottom: 1px solid #fff;
    }

    .navbar-custom.navbar a:hover {
        color: #133873;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px;
        border-style: solid;
        border-image: linear-gradient(to right, #76b5ed, #133873, #76b5ed) 1;
    }

    .navbar-custom.navbar .nav-link.disabled {
        color: #133873;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px;
        border-style: solid;
        border-image: linear-gradient(to right, #76b5ed, #133873, #76b5ed) 1;
    }

}


@media (min-width: 991.98px) {
    .navbar-custom.navbar a {
        font-size: 120%;
    }

}


.nav-note {
    padding-top: 2%;
    padding-bottom: 1%;
    color: #133873;
    font-size: 100%;
    font-family: "Lato-Regular";
}

.nav-note a {
    font-size: 100% !important;
    color: #dd232c !important;
    color: #133873 !important;
}

.nav-note a:hover {
    color: #133873 !important;
}

.nav-note i {
    color: #dd232c;
    color: #133873;
    margin-right: 2px;
}

.nav-desc {
    font-size: 70% !important;
    color: #76b5ed;
    margin-top: 8px;
    display: none;
}


@media (min-width: 767.98px) {
    .nav-desc {
        display: block;
    }
}


/* */

/* -- */

.container-main {
    margin: 0 auto;
    width: 100%;
    background-colorx: #fff;
    background-colorx: rgba(254, 254, 254, 1);
}


.container-inner {
    margin: 0 auto;
    max-width: 1000px;
}

/* */


.container-bar {
    margin: 0;
    width: 100%;
    padding: 10%;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    color: #fff;
    background-color: #2e5fae;
    font-size: calc(.8rem + 0.390625vw);
    line-height: 116%;
    font-family: "Roboto-Light", sans-serif;
}

.container-bar br {
    display: inline-block;
}

.container-bar a {
    color: #fff;
}

.container-bar a:hover {
    color: #133873;
}

.container-bar i {
    font-size: 95%;
    margin-right: 4px;
}

.container-bar .link-ul {
    border-bottom: solid 1px rgba(254, 254, 254, .2) !important;
}

.container-bar .link-ul:hover {
    border-bottom: solid 1px rgba(30, 78, 127, 1.0) !important;
}

@media (min-width: 767.98px) {
    .container-bar p {
        font-size: 95%;
    }

}

@media (min-width: 991.98px) {
    .container-bar br {
        display: none;
    }
}

@media (min-width: 1199.98px) {
    .container-bar p {
        font-size: 100%;
    }
}


/*--*/


/* */

.link-button {
    font-size: 90%;
    min-width: 100px;
    margin-top: 20px;
    padding: 12px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0px;
    display: inline-block;

    background-color: #1b68b5;
    background-color: rgba(27, 104, 181, 1.0);

    background: rgb(30, 78, 127);
    background-color: #133873;
}

.link-button:hover {
    background-color: #1b68b5;
    background-color: rgba(254, 254, 254, 1);
    color: #133873 !important;
}


.work-box {
    width: 100%;
    padding: 12px;
    padding-top: 8px;
    text-align: center;
    border: 1px #E2EBFA solid;
    background-color: #f3f3f3;
    margin-top: 6%;
    margin-bottom: 6%;
}

.work-box p {
    padding-bottom: 4px;
}

@media (min-width: 991.98px) {
    .work-box {
        margin-top: 3%;
        margin-bottom: 3%;
    }
}

/* */

.container-custom {
    margin: 0;
    width: 100%;
    padding: 6%;
    padding-top: 6%;
    padding-bottom: 6%;
    text-align: center;
    font-size: 1rem;
}


.container-custom a {
    color: #dd232c;
}

.container-custom a:hover {
    color: #133873;
}

.container-custom .header {
    font-size: calc(1.4rem + 0.390625vw);
    line-height: 116%;
    font-family: "Roboto-Medium", sans-serif;
    margin-bottom: 20px;
    color: #133873;
    color: #1b68b5;
}

.container-custom .header a {
    color: #133873;
    color: #1b68b5;
    border-bottom: none;
}

.container-custom .header a:hover {
    color: #133873;
    border-bottomx: solid 1px #1b68b5;
    border-bottom: solid 1px rgba(30, 78, 127, 1.0);
}

.container-custom .subheader {
    font-size: calc(1.1rem + 0.390625vw);
    line-height: 130%;
    font-family: "Roboto-Regular", sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
}

.container-custom .subheader a {
    color: #666;
    font-weight: normal;
    border-bottom: none;
}

.container-custom .subheader a:hover {
    color: #999;
}

.container-custom i {
    font-size: 120%;
    color: #1b68b5;
    margin-right: 6px;
    width: 20px;
}

.container-custom .link-ul {
    border-bottomx: solid 1px #1b68b5;
    border-bottom: solid 1px rgba(27, 104, 181, .4);
}

.container-custom .link-ul:hover {
    color: #1b68b5;
}

.container-custom .tel {
    font-size: 130% !important;
    color: #1b68b5 !important;
}

.container-custom .tel:hover {
    color: #1b68b5 !important;
}

.container-custom .email {
    color: #1b68b5;
}

.container-custom .email:hover {}

@media (min-width: 575.98px) {
    .container-custom {
        padding: 8%;
        padding-top: 4%;
        padding-bottom: 4%;
    }
}

@media (min-width: 767.98px) {
    .container-custom {
        padding: 8%;
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .container-custom .header {
        font-size: calc(1.2rem + 0.390625vw);
        line-height: 116%;
        margin-bottom: 8px;
    }


    .container-custom .subheader {
        font-size: calc(1.0rem + 0.390625vw);
        line-height: 130%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


@media (min-width: 991.98px) {
    .container-custom {
        padding-top: 2%;
        padding-bottom: 2%;
    }
}


/* Image container */

.container-images {
    margin: 0 auto;
    width: 100%;
    padding: 2%;
    margin-bottom: 2%;
    text-align: center;
    color: #76b5ed;
    colorx: #fff;
    font-size: 1rem;
    background-color: #f0f8ff;
    background-color: #f6f6f6;
}

.container-images p {
    padding: 10px;
    padding-top: 14px;
    padding-bottom: 20px;
    font-size: 80%;
    line-height: 120%;
}

.container-images img {
    width: 100%;
    max-width: 720px;
    height: auto;
    marginx: 2%;
}

.container-images a {
    color: #76b5ed;
}

.container-images a:hover {
    color: #133873;
}

.container-images .imgtag {
    font-size: 80%;
    color: #fff;
    background-color: rgb(254, 254, 254, .3);
    position: absolute;
    bottom: 12px;
    left: 18px;
    padding: 1%;
    padding-left: 2%;
    padding-right: 2%;
    margin: 1%;
}

.container-images .img-holder {
    position: relative;
    text-align: center;
}

@media (min-width: 991.98px) {
    .container-images {
        padding: 1%;
    }
}

/*--*/

.container-contact {
    width: 100%;
    margin: 0;
    padding: 5%;
    padding-top: 2%;
    font-size: 1rem;
    text-align: center;
    background-color: #fff;
    background: rgb(254, 254, 254);
    color: #6d6d6d;
    opacity: 1;
}

.container-contact .header {
    font-size: calc(1.4rem + 0.390625vw);
    color: #6d6d6d;
    line-height: 116%;
    font-family: "Roboto-Light", sans-serif;
    margin-bottom: 16px;
}

.container-contact .subheader {
    font-size: calc(1.1rem + 0.390625vw);
    line-height: 116%;
    font-family: "Roboto-Light", sans-serif;
    margin-bottom: 16px;
}

.container-contact a {
    color: #dd232c;
}

.container-contact a:hover {
    color: #133873;
}

.container-contact i {
    margin-right: 6px;
    color: #dd232c;
    font-size: 110%;
}

.container-contact i:hover {
    color: #dd232c;
}

.container-contact .tel {
    font-size: 110% !important;
}

.container-contact .email {
    font-size: 110% !important;
}

@media (min-width: 575.98px) {

    .container-contact {
        padding: 3%;
    }

    .container-contact i {
        font-size: 110% !important;
    }

}

@media (min-width: 767.98px) {

    .container-contact i {
        font-size: 120%;
    }

    .container-contact .tel {
        font-size: 120% !important;
    }

    .container-contact .email {
        font-size: 120% !important;
    }
}

@media (min-width: 991.98px) {

    .container-contact i {
        font-size: 140%;
    }

    .container-contact .tel {
        font-size: 140%;
    }

    .container-contact .email {
        font-size: 140%;
    }
}

/* -- */



.testimonials p {
    color: #1b68b5;
    background-color: #f0f8ff;
    padding: 2%;
    font-size: 110%;
}

.testimonials i {
    color: #133873;
}

.testimonials .sm {
    font-size: 90%;
    color: #133873;
}

.testimonials {
    position: relative;
    padding: 15px;
    border: 1px solid #1b68b5;
    margin-top: 20px;
    border-radius: 0;
    text-align: center;
    margin-bottom: 0;
}

.testimonials::before,
.testimonials::after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
}

.testimonials::after {
    border: 10px solid transparent;
}

.testimonials.bottom::before,
.testimonials.bottom::after {
    top: 100%;
    right: 19px;
    border-top-color: #1b68b5;
}

.testimonials.bottom::after {
    right: 20px;
    border-top-color: #ffffff;
}


/* Carousel */

.carousel-custom {
    width: 100%;
    margin: 0 auto;
    padding: 8%;
    padding-top: 1%;
    padding-bottom: 2%;
    text-align: center;
    color: #fff;
    background-color: #2e5fae;
}

.carousel-custom a {
    color: #fff;
}

.carousel-custom a:hover {
    color: #fff;
}

.carousel-custom .header {
    font-size: calc(1.8rem + 0.390625vw);
    line-height: 116%;
    font-family: "Roboto-Light", sans-serif;
    margin-bottom: 8px;
    color: #1b68b5;
    color: #133873;
}


.carousel-custom .headersm {
    font-size: calc(1.4rem + 0.390625vw);
    line-height: 116%;
    font-family: "Roboto-Light", sans-serif;
    margin-bottom: 16px;
    color: #1b68b5;
    color: #133873;
}


.carousel-custom .subheader {
    font-size: calc(1.2rem + 0.390625vw);
    line-height: 120%;
    font-family: "Roboto-Regular", sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}

.carousel-custom .subheader a {
    color: #fff;
    font-weight: normal;
}

.carousel-custom .subheader a:hover {
    color: #1b68b5;
    color: #133873;
}


.carousel-custom .subheadersm {
    font-size: calc(1.0rem + 0.390625vw);
    line-height: 120%;
    font-family: "Roboto-Regular", sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}

.carousel-custom .subheadersm a {
    color: #fff;
    font-weight: normal;
}

.carousel-custom .subheadersm a:hover {
    color: #1b68b5;
    color: #133873;
}

.carousel-custom .contactheader {
    font-size: calc(1.4rem + 0.390625vw);
    line-height: 116%;
    font-family: "Roboto-Light", sans-serif;
    margin-bottom: 8px;
    color: #fff;
}

.carousel-custom .contacttel {
    color: #fff;
    font-size: 110%;
}

.carousel-custom .contacttel:hover {
    color: #1b68b5;
    color: #133873;
}

.carousel-custom i {
    font-size: 90%;
    color: #fff;
    margin-right: 12px;
    width: 20px;
}

.carousel-custom .tel {
    color: #133873;
    font-size: 120%;
}


.carousel-custom .tel:hover {
    color: #133873;
}


.carousel-custom .link-ul {
    border-bottom: solid 1px rgba(254, 254, 254, .2) !important;
}

.carousel-custom .link-ul:hover {
    border-bottom: solid 1px rgba(30, 78, 127, 1.0) !important;
}

@media (min-width: 767.98px) {
    .carousel-custom {
        padding-top: 4%;
        padding-bottom: 3%;
    }
}

@media (min-width: 991.98px) {
    .carousel-custom {
        padding-top: 2%;
        padding-bottom: 2%;
    }
}

.carousel-inner {
    max-width: 1000px;
    margin: 0px auto;
    margin-bottom: 2%;
}

.carousel-control-prev,
.carousel-control-next {
    color: rgba(255, 255, 255, .7) !important;
    color: rgba(30, 78, 127, .7) !important;
    width: 5%;
    top: 50%;
    bottom: 50%;
}

.carousel-control-prev {
    margin-left: 2%;
    margin-right: 1%;
    padding-left: 2%;
}

.carousel-control-next {
    margin-right: 1%;
    margin-left: 2%;
}

.carousel-control-prev:hover {
    colorx: #fff;
    color: rgba(255, 255, 255, 1.0);
    color: rgba(30, 78, 127, 1.0);
}

.carousel-control-next:hover {
    colorx: #fff;
    color: rgba(255, 255, 255, 1.0);
    color: rgba(30, 78, 127, 1.0);
}

.cont-size i {
    font-size: 160%;
}

.carousel-indicators-custom {
    position: relative;
    margin-bottomx: -20px;
}

.carousel-indicators-custom [data-bs-target] {
    /* Rub out indicators by making them the same as the background colour */
    background-colorx: #fff;
    background-coloxr: rgba(255, 255, 255, .7);
    background-color: rgba(30, 78, 127, 0.7);
}

.carousel-indicators-custom [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-colorx: #fff;
    background-colorx: rgba(255, 255, 255, .7);
    background-color: rgba(30, 78, 127, 0.7);
}

.carousel-indicators-custom .active {
    background-colorx: #fff;
    background-colorx: rgba(255, 255, 255, 1.0);
    background-color: rgba(30, 78, 127, 1);
}

.carousel-indicators-custom [data-bs-target]:hover {
    background-colorx: #fff !important;
    background-colorx: rgba(255, 255, 255, 1.0);
    background-color: rgba(30, 78, 127, 1);
    opacity: 1;
}

/*--*/

.carousel-bk-1 {
    background-image: url("../images/kitchen-bathroom-fitters-cirencester.jpg");
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
}

.carousel-bk-2 {
    background-image: url("../images/bathroom-fitter-cirencester.jpg");
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
}

.carousel-bk-3 {
    background-image: url("../images/carpenters-cirencester.jpg");
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
}

.carousel-white-bk {
    padding: 5%;
    background-color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .3);
}


/* Carousel with thumbnails */

.carousel-custom-thumb {
    margin-bottom: 10%;
}

.carousel-indicators-custom-thumb {
    position: relative;
    margin-bottomx: -20px;
}

.carousel-indicators-custom-thumb [data-bs-target] {
    /* Rub out indicators by making them the same as the background colour */
    background-colorx: #f9f5ee;
    background-color: rgba(249, 245, 238, 1);
    background-color: rgba(252, 252, 252, 1);
}

.carousel-indicators-custom-thumb button[data-bs-target] {
    width: 120px;
    width: 25%;
    background-colorx: #f9f5ee;
    background-color: rgba(249, 245, 238, 1);
    background-color: rgba(252, 252, 252, 1);

}

.thumb-border {
    border: 3px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.20) 0px 1px 2px;
}

.carousel-indicators-custom-thumb .img-thumbnail {
    min-width: 25%;
}

.carousel-indicators-custom-thumb .img-thumbnail:hover {
    opacity: 1.0;
    transition: 0.1s ease;
}



/*--*/



.text-nowrap {
    white-space: nowrap;
}


/* Footer */

.footer {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5%;
    padding-left: 5%;
    text-align: left;
    font-size: calc(0.833rem + 0.2vw);
    color: #cfcfcf;
    color: #6d6d6d;
    background-color: #fff;

}

.footer .header {
    font-size: calc(0.833rem + 0.3vw);
    color: #6d6d6d;
    padding-bottom: 12px;
    font-family: "Roboto-Medium", sans-serif;
}

.footer .subheader {
    font-size: calc(0.833rem + 0.2vw);
    font-family: "Roboto-Light", sans-serif;
}

.footer a {
    color: #cfcfcf;
    color: #6d6d6d;
    text-decoration: none;
    font-weight: normal;
}

.footer a:hover {
    color: #cfcfcf;
    font-weight: normal;
}

.footer i {
    margin-right: 6px;
    color: #cfcfcf;
    color: #fff;
    color: #6d6d6d;
    width: 20px;
}

.footer .icon {
    margin-bottom: 10px;
}


.footer .bartop {
    opacity: 1;
    margin-bottom: 30px;
    color: #2e5fae;
}


.footer .barbottom {
    opacity: 1;
    margin-top: 26px !important;
    color: #2e5fae;
}

@media (min-width: 575.98px) {}

@media (min-width: 767.98px) {
    .footer {}
}

@media (min-width: 991.98px) {}


/* Bottom */

.container-bottom {
    width: 100%;
    margin: 0;
    padding: 5%;
    padding-top: 0;
    padding-bottom: 3%;
    background-color: #fff;
}

.copyright {
    color: #495057;
    font-sizex: 9pt;
    font-size: 0.75rem;
    text-align: left;
}

.nisa {
    text-align: left;
    margin-top: 6px;
}

.container-bottom img {
    max-width: 132px;
}

@media (min-width: 767.98px) {
    .container-bottom {
        padding-top: 2%;
        padding-bottom: 3%;
    }

    .nisa {
        text-align: right;
    }
}



/* Back to top */

#scroll {
    position: fixed;
    outline: none;
    right: 8px;
    bottom: 20px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-color: #dd232c;
    border: none;
    box-shadow: rgba(50, 50, 93, 0.5) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    text-indent: -9999px;
    display: none;
    opacity: 0.9;
    border-radius: 20px;
    z-index: 99999;
}


#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -4px;
    height: 0;
    width: 0;
    display: inline-block;
    padding: 4px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    border-radius: 2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}


#scroll:hover {
    background-color: #dd232c;
    background-color: #133873;


    /* */


    /* -- */