/* footer and navigation */
#footer {
    background-color: #485c56;;
}

.sec-footer {
    font-size:medium;
    color: white;
    text-align: start;
    border-bottom: 2px solid white;
    width: 200px;
    padding-left: 10px ;
    padding-bottom: 7px;
}

.list-footer{
    list-style-type: none;
    padding: 0;
    text-align: start;
    margin-top: 10px;
}

.item-footer{
    color: white;
    text-decoration: none;
}

.icon-footer{
    display: inline-block;
    margin-right: 40px;
    font-size: x-large;
}

.item-footer:hover{
    color:#C2E093;
}

.custom-nav-item {
    font-size: large;
    color: white;
}

.custom-nav-item:hover {
    color: #C2E093;
    border-bottom: 2px solid #C2E093;
    padding-bottom: 0%;
}

body {
    font-family: 'Noto Sans', sans-serif;
}

.custom-custom-toggler {
    border: 1px solid white;
    color: white;
}

.icon-white {
    color: white;
}

.custom-nav-item .active {
    color: white;
    border-bottom: 2px solid white;
    padding-bottom: 0%;
}

#tituloOthers {
    color: white;
    margin-top: 10%;
    margin-bottom: 10%;
}

.bold{
    font-weight: bold;
}

.bg-light{
    background-color: transparent !important;
}

.carousel-item{
    height: 100vh;
    min-height: 300px;
    transition: transform 0.6s ease;
}

.carousel-item.next {
    transform: translateX(100%);
}

.carousel-item.prev {
    transform: translateX(-100%);
}

.carousel-caption{
    bottom: 150px;
}

.carousel-caption h5{
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
}

.carousel-caption p{
    width: 60%;
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
}

.carousel-caption a{
    text-transform: uppercase;
    text-decoration: none;
    background: #3A7DA4;
    padding: 10px 30px;
    display: inline-block;
    color: #000;
    margin-top: 15px;
}

.navbar-nav a{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar-light .navbar-brand{
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover{
    color: #fff;
}

.navbar-light .navbar-nav .nav-link{
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
}

.w-100{
    height: 100vh;
}

.cuadro-scroll{
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    padding: 10px;
}

.margin-hr {
    margin-top: 0;
}