#carousel{
    position:absolute;
    left:0vw; top:100px;
    width:100vw; height:45vw;
    background-color:black;
    cursor:pointer;
}
.slide{
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:none;
}
.slide img{
    width:100%; height:100%;
}

.arrow_prev, .arrow_next {
    position:absolute;
    top:41%;
    width:2.5vw; height:6vw;
    border-radius:6px;
    background-color:#000000;
    background-color:rgba(0, 0, 0, 0.4);
    background-color:transparent;
    /*z-index:2;*/
    
    text-align:center;
    font-family:sans-serif;
    font-size:4vw; font-weight:bold; color:white;
}
.arrow_next{
    left:3%;
}
.arrow_prev{
    right:3%; 
}
.arrow_next:hover, .arrow_prev:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.dots{
    position:absolute;
    left:44vw;top:41.5vw;
    width:12vw; height:2vw;
    border-radius:6px;
    background-color:rgba(0, 0, 0, 0);
}
.dot {
    position:absolute;
    top:0.35vw;
    width: 1.2vw; height:1.2vw;
    background-color: #bbb;
    border-radius: 50%;
    cursor:pointer;
    transition: background-color 0.6s ease;
}
.active, .dot:hover {
    background-color: #717171;
}

#txt_stop{
    position:absolute;
    left:45vw;top:43.5vw;
    width:10vw; height:2vw;
    padding-top:0.4vw;
    border-radius:6px;
    font-family:sans-serif; font-size:1.1vw; font-weight:normal; color:white;
    text-align:center;
}
#txt_stop:hover {
    background-color: #717171;
}