*{
    margin: 0;
    padding: 0;
    font-size:18px;
    box-sizing: border-box;
    color:#004A78!important;
}
    html{
        scroll-behavior: auto;
        scroll-behavior: smooth;
    }
    body{
        height:2000px;
    }
    h1,h2,h3,h4,h5,h6{
        color:#004A78!important;
    }    
    hr{
        border:2px solid #F8B133;
    }
    /*----------------------------------------------------------------------------------------*/    
        .navbar-toggler{
            width:100%;
            background-color:#F8B133!important;
        }
        .bgc_1{
            background-color:rgba(248, 176, 51, 0.8)!important;
            padding:1%!important;
        }
        .padding_2x100to{
            padding:2%;
        }
        .sparador_10px{
            width:100%!important;
            height:10px!important;
        }
        .sparador_20px{
            width:100%!important;
            height:20px!important;
        }
        .sparador_50px{
            width:100%!important;
            height:70px!important;
        }
        .sparador_70px{
            width:100%!important;
            height:70px!important;
        }
        .sparador_100px{
            width:100%!important;
            height:100px!important;
        }
        .box-500{
            width:100%;
            height:500px;
        }
        .titulo{
            font-size:3em!important;
        }
            .titulo_1{
                color:#F8B133!important;
                font-weight: bold;
            }
        .border_left_4_1{
            border-left:4px solid #F8B133;
            padding-left:4%;
        }
        .border_left_8_1{
            border-left:8px solid #F8B133;
            padding-left:4%;
        }
        .border_left_8_2{
            border-left:8px solid #ffffff;
            padding-left:4%;
        }
        .parallax{
            opacity:0.7;
        }
        .parallax_1{
            background: url(http://localhost/solucar/imgs/banner_1.png) no-repeat center fixed;
            text-align: center;
            position: relative;
            z-index: 2; background-size:100%;
            width:100%;
        }
        .parallax_2{
            background: url(http://localhost/solucar/imgs/banner_2.png) no-repeat center fixed;
            text-align: center;
            position: relative;
            z-index: 2; background-size:100%;
            width:100%;
        }
        .parallax_3{
            background: url(http://localhost/solucar/imgs/banner_3.png) no-repeat center fixed;
            text-align: center;
            position: relative;
            z-index: 2; background-size:100%;
            width:100%;
        }
        .parallax_4{
            background: url(http://localhost/solucar/imgs/banner_4.png) no-repeat center fixed;
            text-align: center;
            position: relative;
            z-index: 2; background-size:100%;
            width:100%;
        }
            .item{
                height:200px;
            }
        .card{
            
        }
        .card-body{
            position:absolute;
            top:50%;
            z-index: 1000;
            height:200px!important;
            width:100%;
        }
            .card-body h3{                
                text-align:center!important;
                background-color: rgba(250,250,250,0.7);
                width:100%;
                padding-bottom:1%;
            }
    /*----------------------------------------------------------------------------------------*/           
        #container{
            position: relative;
            top:0%;
            background-color: white;
            padding-left:2%;    
            padding-right:2%; 
            opacity:0.0;  
        }
            #banner_1{
                position: relative;
                top:0px;
                background-color: #004A78;
                color:white!important;
                text-align: right;
                padding:1%;
            }
            .navbar{
                padding:0%!important;
            }
                #logo{
                    max-width:120px;
                    display: block!important;
                    margin:auto!important;
                }
                #nav{
                    width:auto;
                    padding:1%;
                    background-color:rgba(250,250,250,0.9);
                    z-index: 3000;
                    transition: all 1s ease-in-out;
                }
                    .navbar-nav li a{
                        color:#F8B133!important;
                        font-weight:bold;
                        text-shadow:1px 1px 1px black;
                    }
                        .navbar-nav li a:hover{
                            color:black!important;
                        }
            .carousel{
                background-color: #004A78;
                width:100%!important;
                margin:0!important;
                padding:0!important;
                height:20%; 
            }

            #flotilla{
                padding:2%;
            }
            #flotilla p{
                background-color: #F8B133;
                padding:2%;
                border-radius: 6px;
            }

            #footer{
                background-color: #F8B133;
            }
                footer ul li{
                    display:block;
                }
                footer h3 span{
                    border-bottom:2px solid  white;
                    padding-left: 2%;
                    padding-right: 2%;
                    font-weight: bold;
                }
                footer p{
                    color:white!important;
                }        
                #notification {
                    position:relative;
                    top:50px;
                    left:0%;
                    width:100%;
                    margin-bottom: 10%;
                    z-index:105;
                    text-align:center;
                    font-weight:normal;
                    font-size:14px;
                    font-weight:bold;
                    color:white;
                    background-color:#F8B133;
                    padding:5px;
                }

    /*----------- widgets -----------------------------------------------------------------------------*/
        .cuadro_intro{
            padding: 0px;
            position: relative;
            overflow: hidden;
            width:100%;
        }
            .cuadro_intro .caption{
                position: absolute;
                top:150px;
                width: 100%;
            }
                .cuadro_intro .caption-text{
                    background-color:rgba(250,250,250,0.5);
                    z-index: 10;
                    color: #000;
                    position: absolute;    
                    text-align: center;
                    top:-100px;
                    width: 90%;
                    left:7%;
                    padding:2%;
                }
                    .caption-text h2{
                        font-size:1.5em!important;
                        font-weight: bold;
                    }