body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background-color: white;
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

/*** PAGE INDEX ***/

.horizontal_scroll {
    display: block; /* Important to give the content a width */
    white-space: nowrap;
    width: 100%;
    transform: translateX(100%); /* Animation start out of the screen */
    /* Add the animation */
    animation: move 30s linear infinite /* infinite make reapeat the animation indefinitely */;
}

@keyframes move {
    to {
        transform: translateX(-100%);
    }
}

.brand {
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}

.brand:hover {
    filter: none;
    transition: filter .3s ease-in-out;
    -webkit-filter: grayscale(0);
}

/*** CARD MOTO ***/
.card-zoom {
    transition: transform 0.4s ease;
}

.card-zoom:hover {
    transform: scale(1.1);
}

.card-overlay {
    padding: 15px;
    margin-top: 30px;
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
}

.card-overlay img {
    width: 60%;
}

.card-overlay .img-overlay {
    margin-top: -38px;
    margin-bottom: 15px;
}

.card-link {
    color: #000000;
    font-weight: 700;
    text-decoration: none;
}

.card-link:hover {
    color: #e5524e;
}

.uppercase {
    text-transform: uppercase;
}

/* Dropdown hover */

@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/*** CONTACT PAGE - circular icons ***/

.dbox {
    width: 100%;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .dbox {
        margin-bottom: 25px !important;
        padding: 0 20px;
    }
}

.dbox p {
    margin-bottom: 0;
}

.dbox p span {
    font-weight: 500;
    color: #000;
}

.dbox p a {
    color: #e5524e;
}

.dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e5524e;
    margin: 0 auto;
    margin-bottom: 20px;
}

.dbox .icon span {
    font-size: 20px;
    color: #fff;
}

.dbox .text {
    width: 100%;
}

label {
    color: #e5524e;
}

/*** Contact form ***/
.parallax-bg {
    background-image: url("../img/background/bmw.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-white-clear {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 15px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus {
    border-color: rgb(168, 57, 53);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(168, 57, 53);
    outline: 0 none;
}

.form-control:focus{
    border-color: rgb(168, 57, 53);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(168, 57, 53);
    outline: 0 none;
}

.select-focus:focus {
    outline: none;
    border-color: rgb(168, 57, 53);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(168, 57, 53);
}

select:disabled{
    color: #999 !important;
}

.link-red {
    color: #e6524e;
}

/*** PAGE PRODUCT DETAILS ***/

/*Hide scroll bar, restore on hover*/

#hide_scrollbar {
    overflow: hidden;
}

#hide_scrollbar:hover {
    overflow-x: scroll;
    overflow-y: scroll;
}

.hover_zoom {
    transition: transform 0.4s ease;
}

.hover_zoom:hover {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(70, 70, 70, 0.5);
}


/*** PAGE CART ***/

.cart-link {
    color: #d3443f;
}

.cart-link:hover {
    color: #e6524e;
}

.form-check-input[type=checkbox]:not(:checked):focus {
    outline: none;
}

.form-check-input[type=checkbox]:not(:checked)::before {
    outline: none;
}

.form-check-input[type=checkbox]:checked {
    background-color: #e6524e;
    border-color: #e6524e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(168, 57, 53);
    outline: 0 none;
}

.form-check-input[type=checkbox]:not(:checked) {
    box-shadow: none;
    border-color: #7a7a7a;
}