html {
  scroll-behavior: smooth;
}

body{
    background-repeat: no-repeat;
    background-attachment: fixed;
}

form{
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}

ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

h1{padding: 35px;}

h2{padding: 35px;}

h3{padding: 35px;}

h4{padding: 35px;}

h5{padding: 35px;}

/* ============== TOP CSS ============== */

.t-first .navbar{
    color: white;
    background: rgba(255,255,255, 0);
}

.t-first .scrolled {
    color: black;
    background-color: rgba(0,0,0, 0.95); !important;
    transition: background-color 500ms linear;
}

/* ============== CAROUSEL CSS ============== */

.carousel-shadow{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 45vh;
}

.carousel-item{
    background-image: url("/assets/res/images/slide03.jpg");
    height: 45vh;
}

/* ============== STRIPE CSS ============== */

.stripe{
    color: #fff;
    background-color: #007bff;
    padding: 10px;
    width: 100%;
}

.stripe ul li{
    display: inline;
    padding: 0 8px 0 8px;
}

@media screen and (max-width:300px){
    .stripe ul li {
        display: block;
    }
}

/* ============== FIRST CSS ============== */

.r-first{
    background-color: #fff;
}

.r-div{
    padding: auto auto auto auto;
    padding-bottom: 35px;
}

/* ============== SECOND CSS ============== */

.r-second{
    color: white;
    background-color: #000;
}

.r-second .container{
    padding: 0;
}

.r-second .container div{
    padding: 5px;
    margin: 0;
}


/* ============== THREE CSS ============== */

.r-three{
    background-color: #fff;
}

.r-three .info{
    padding: 50px;
    margin-bottom: 25px;
    color: white;
    background-color: black;
    font-size: 20px;
}

.r-three .form h3{
    padding: 10px;
}

.form-row{
    padding: 0 0 10px 0;
}

/* ============== I CSS ============== */

.i-first{
    background-color: #fff;
}

.i-first .carousel-item{
    height: 114.88px;
}

.i-first .container{
    background-color: #fff;
}

.i-first .container .item{
    background-color: #fff;
    color: white;
    padding: 0;

}

.i-first .container .d-item{
    margin: 10px;
    background-color: black;
    position: relative;
}

.i-first .container .d-item p{
    padding: 8px 8px 0px 8px;
    margin-bottom: 0px;
}

.i-first .container .d-item button{
    margin: 4px;
}

/*
.i-first .container .d-item .d-shadow{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.i-first .container .d-item .d-shadow:hover{
    opacity: 100%;
    transition: 300ms;
    background-color: rgba(0,0,0,0.8);
}

.i-first .container .d-item .d-shadow button{
    margin: 0 auto 0 auto;
}
*/

/* ============== FOOTER CSS ============== */

.footer{
    background-color: #000;
    color: white;
}

.footer .container{
    position: relative;
    padding: 35px 10px 0 10px;
    min-height: 45vh;
}

.footer .main-pages ul li{
    padding: 10px 0 10px 0;
}

.footer .main-pages ul li a{
    color: white;
    text-decoration: none;
}

.footer .social-networks{
    font-size: 24px;
}

.footer .second-row{
    padding: 0 0 25px 0;
}

.footer .second-row div{
    padding: 0 0 0 0;
}

.footer h5{
    padding: 0;
}