.carousel-item {
    height: 100vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-item-data-wrapper {
    border-left: 5px solid #AF742E;
    background: rgba(0, 0, 0, .6);
    width: 138%;
    height: 6rem;
    margin-left: -19%;
}

.carousel-item-data-wrapper .data-title {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 2em;
    margin-left: 1rem;
    text-align: left;
}

.carousel-item-data-wrapper .data-data {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.5em;
    margin-left: 1rem;
    text-align: left;
}

.carousel-item-data-wrapper .data-price {
    background-color: #AF742E;
    height: 4rem;
    font-weight: normal;
    font-size: 1em;
    /* padding: 0.4rem; */
    margin-top: 1.5%;
    margin-bottom: 2%;
    align-content: center;
    text-align: center;
}

.carousel-item-control {
    margin-top: 32.5%;
    margin-right: 8%;
    background: #353632;
    height: 3.5rem;
}

.controlPanel {
    background-color: black;
    border-top: solid 10px #dd0004;
    color: black;
    font-size: 13px;
    margin-top: 1%;
    margin-bottom: 2%
}

.well-img {
    width: 50;
    height: auto
}

.hover {
    background-color: black
}

.well {
    border: solid 1px gray;
    background-color: #eee;
    cursor: pointer
}

.well:hover {
    cursor: pointer;
    box-shadow: 10px 10px 50px 0 gray;
    /* background-color:black; */
    text-decoration: none
}

.well-txt {
    margin-top: 10px;
    color: #dd0004
}

ul.nav-tabs li a,
li.disabled {
    padding-right: 10px;
    color: #fff;
    background-color: black;
    border-radius: 0;
    marker: none;
}

ul.nav-tabs li {
    padding-top: 7px;
}

ul.nav-tabs li.active {
    padding-top: 7px;
    color: #fff;
    background-color: white;
    border-radius: 0;
    marker: none;
}

ul.nav-tabs a.active {
    color: #dd0004;
    background-color: white;
}

li.disabled::marker {
    color: black;
}

ul.nav-tabs li a:hover,
ul.nav-tabs li a:active {
    color: #dd0004
}


/* .carousel-control-prev, .carousel-control-next{
    bottom: -40%;
} 
.carousel-control-prev{
    left: 4%;
}

.carousel-control-next{
    /* bottom: -40%; *
    right: 5%;
}
*/


/* external css: flickity.css */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
}

.gallery {
    background: #EEE;
}

.gallery-cell {
    width: 28%;
    height: 200px;
    margin-right: 10px;
    background: #8C8;
    counter-increment: gallery-cell;
}

.gallery-cell.is-selected {
    background: #ED2;
}


/* cell number */

.gallery-cell:before {
    display: block;
    text-align: center;
    content: counter(gallery-cell);
    line-height: 200px;
    font-size: 80px;
    color: white;
}


/* Scroll Bar */

.scrollbar {
    width: 100%;
    height: 392px;
    background-color: white;
    /* margin-top:40px;
    margin-left:40px; */
    overflow-y: scroll;
    float: left;
}

.content {
    height: 392px;
}

#ex4::-webkit-scrollbar {
    width: 8px;
    background-color: #cccccc;
}

#ex4::-webkit-scrollbar-thumb {
    background-color: #333333;
    border-radius: 10px;
}

#ex4::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
    border: 1px solid #333333;
}

#ex4::-webkit-scrollbar-thumb:active {
    background-color: #666666;
    border: 1px solid #333333;
}

#ex4::-webkit-scrollbar-track {
    border: 1px gray solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px gray inset;
}