Slider 5
Slider 5
/* ===== Slider 5 ===== */
#slider-5 .carousel-item {
height: 100vh;
min-height: 350px;
background: no-repeat center center scroll;
background-size: cover;
}
#slider-5 .carousel-control-prev-icon,
#slider-5 .carousel-control-next-icon {
background-image: none;
}
#slider-5 .carousel-control-next,
#slider-5 .carousel-control-prev {
width: 8%;
}
#slider-5 .carousel-control-next {
right: 20px
}
#slider-5 .carousel-control-prev-icon:before,
#slider-5 .carousel-control-next-icon:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 45px;
padding: 0px 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
#slider-5 .carousel-control-prev-icon:before {
content: "\f053";
}
#slider-5 .carousel-control-next-icon:before {
content: "\f054";
}
#slider-5 .card {
max-width: 1200px;
top: 50%;
left: 50%;
-webkit-transform: translatex(-50%) translatey(-50%);
-ms-transform: translatex(-50%) translatey(-50%);
transform: translatex(-50%) translatey(-50%);
position: relative;
z-index: 9999;
color: #fff;
background: transparent;
display: inline-block;
text-align: center;
border: none;
padding: 30px;
border-radius: 0px;
}
#slider-5 .card h1 {
font-size: 5em;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
border-bottom: 4px solid rgba(255, 255, 255, 0.5);
padding: 10px 0;
}