.navbar-custom-breakpoint .navbar-toggler {
    float: right;
}
@media (min-width: 940px) {
    .navbar-custom-breakpoint .navbar-toggler {
        display: none;
    }
}
@media (min-width: 940px) {
    .navbar-custom-breakpoint .collapse {
        display: block;
        float: right;
    }
}
.navbar-custom-breakpoint .collapse,
.navbar-custom-breakpoint .collapsing {
    clear: both;
}
.navbar-custom-breakpoint .navbar-nav .nav-item + .nav-item {
    margin-left: 0;
}
.navbar-custom-breakpoint .navbar-nav .nav-item {
    float: none;
}
@media (min-width: 940px) {
    .navbar-custom-breakpoint .collapse,
    .navbar-custom-breakpoint .collapsing {
        clear: none;
    }
    .navbar-custom-breakpoint .navbar-nav .nav-item + .nav-item {
        margin-left: 1rem;
    }
    .navbar-custom-breakpoint .navbar-nav .nav-item {
        float: left;
    }
}


.carousel-inner > .item > img {
    margin: 0 auto;
}

.carousel .carousel-indicators {
    display: none;
}


.card-img-top {
    border-radius: .0 .0 .0 .0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

    border-top-style: solid;
    border-top-color: rgb(237, 50, 55);
}

.btn-default {
    color: #ffffff;
    background-color: #b0b0b0;
    border-color: #b0b0b0;
}


.revealOnScroll {
    opacity: 0;
}

@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}


a {
    color: #424547;
    text-decoration: none;
}

.head {
    background-color: #02D400;
}

.bg-faded {
    background-color: #eeeeee;
}




.footer {
    bottom: 0;
    width: 100%;
    background-color: #4a4c4e;
    color: #ffffff;
    font-family: verdana;
    padding-top: 10px;
}

a.footer1 {color: rgb(255, 204, 51);}
a.footer1:link  {text-decoration: none; color: #ffcc33;}
a.footer1:visited {text-decoration: none; color: white;}
a.footer1:hover {text-decoration: underline; color: #800023;}
a.footer1:active {text-decoration: none; color: #800023;}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 40px 0px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

/* Carousel base class */
.carousel {
    margin-bottom: 20px;
}

/*.carousel-item {
    background-color: #ffffff;
    height: 44rem;
}*/


/* Put DWS button colours in here */
.btn-default {
    color: #000;
    background-color: #BDBFC1;
    border-color: #BDBFC1;
}
.btn-danger {
  color: #fff;
  background-color: #ED3237;
  border-color: #ED3237;
}

.btn-danger:hover {
  color: #fff;
  background-color: #DE3137;
  border-color: #DE3137;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #DE3137;
  border-color: #DE3137;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #DE3137;
  background-image: none;
  border-color: #DE3137;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #DE3137;
  border-color: #DE3137;
}

.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
  background-color: #DE3137;
  border-color: #DE3137;
}

.btn-danger.disabled:hover, .btn-danger:disabled:hover {
  background-color: #DE3137;
  border-color: #DE3137;
}


.btn-primary {
    color: #fff;
    background-color: #318SFC;
    border-color: #318SFC;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ED3237;
    border-color: #ED3237;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #3382F0;
    border-color: #3382F0;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c9c9c9;
    background-image: none;
    border-color: #3382F0;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #3382F0;
    border-color: #3382F0;
}

.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #318SFC;
    border-color: #318SFC;
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #318SFC;
    border-color: #318SFC;
}



.btn-success {
    color: #5a2027;
    background-color: #02D400;
    border-color: #02D400;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #2d672d;
}

.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #02D400;
    border-color: #02D400;
}

.btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #02D400;
    border-color: #02D400;
}

.btn-tag {
    color: #fff;
    background-color: #001F3F;
    border-radius: 3px;
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-make {
    color: #fff;
    background-color: #0a5aa0;
    border-radius: 0px;
    border-top-width: 3px;
    border-top-color: red;
    font-size: 13px;
}

.btn-deats {
    color: #fff;
    background-color: #A0A0A0;
    border-radius: 0px;
    border-bottom-width: 2px;
    border-bottom-color: red;
}

.btn-info {
    color: #fff;
    background-color: #34E5FF;
    border-color: #34E5FF;
}

.btn-info:hover {
    color: #fff;
    background-color: #31DBF5;
    border-color: #31DBF5;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31DBF5;
    border-color: #31DBF5;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31DBF5;
    background-image: none;
    border-color: #31DBF5;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #31DBF5;
    border-color: #31DBF5;
}

.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #31DBF5;
    border-color: #31DBF5;
}

.btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #31DBF5;
    border-color: #31DBF5;
}

.btn-info:hover {
    color: #fff;
    background-color: #31DBF5;
    border-color: #31DBF5;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #34E5FF;
    border-color: #34E5FF;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #34E5FF;
    background-image: none;
    border-color: #34E5FF;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #2566C3;
    border-color: #2566C3;
}

.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #2566C3;
    border-color: #2566C3;
}

.btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #2566C3;
    border-color: #2566C3;
}

.label {
    font-size: 10px;
    left: 5px;
    opacity: 0.9;
    position: absolute;
    top: 50px;
    border-radius:0px;
    background-color:#3185FC
}

.shortlist {
    font-size: 14px;
    opacity: 0.9;
    border-radius:4px;
    color:  white;
    padding:    6px 6px 6px 6px;
    background-color:#3185FC
}

.shortlistCount {
    font-size: 12px;
    opacity: 0.9;
    border-radius:4px;
    color:  white;
    padding:    2px 2px 2px 2px;
    background-color: red
}

.card-deck {
    border-spacing: 0rem 0;
}

.card-block {
    padding: 0.5rem;
}

.car-header {
    font-size: 140%;
    background-color: #6f7274;
    color: white;
    margin-bottom: 17px;
}

.card-header {
    padding: .75rem 1.25rem;
    background-color: #b0b0b0;
    border-bottom: 3px solid #ED3237;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #ED3237;
}

.card-primary {
    background-color: #5bc0de;
    border-color: #5bc0de;
    color: white;
}

.card-info {
    background-color: #ed3237;
    border-color: #ed3237;
    color: white;
}

body {
    font-family: "Roboto",sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #2b2b2b;
    background-color: #fff;
}

}
.img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-bottom: 30px;
}

.pull-left {
    float: left;
}
.pull-right {
    float: right;
}

.amountright { text-align: right; padding-right: 20px;}

.dataTables_filter {
    float: right;
}

.dropdown-menu {
    background-color: #dedede;
}

.bottom-block {
    width: 100%;
    border-color: #dadada;
    border-top: 4px solid #455574;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #848688;
    color: #ffffff;
    font-family: verdana;
    border-right: 1px solid #fff;
}