html, p, div, ul, ol, li, a{
        font-family: 'Lato', sans-serif;
    }
    /* Informacion superior */
    .header-data{
        background-color: #e5e5e5;
        color:#a0a0a0;
    }
    .header-data a{
        color:#a0a0a0;
    }
    .header-data a:hover{
        color:#cccccc;
    }
    .header-data .d-flex{
        background-color: #e5e5e5;
    }
    .header-data .d-flex span{
        font-size:15px;
    }
    /* Menu principal */
    .header-menu{
        background-color:#021f6b;
    }
    .header-menu .nav-link{
        color:#ffffff;
        font-size:18px;
        text-align:center;
    }
    .header-menu .active .nav-link{
        color:#f49102;
        border-bottom: 4px solid #f49102;
    }
    .navbar-toggler:focus{
        outline: none;
    }
    .navbar-toggler-icon{
        color:#fff;
        outline: none;
    }
    /* Titulo del carousel */
    #carouselCaptions .carousel-inner .carousel-item {
        max-height:530px;
    }
    .carousel-caption{
        left:0%;
        right:0%;
        background-color: rgba(0, 0, 0, 0.3);
        bottom:0;
        padding-top:40px;
    }
    /*.carousel-caption p::first-line{
        font-size: 14px;
    }*/
    .carousel-caption p{
        font-size: 18px;
        font-family: 'Ubuntu Condensed', sans-serif;
		text-shadow: 1px 1px 2px #f49102;
    }
    .carousel-caption-main {
        position: absolute;
        right: 15%;
        top: 20px;
        left: 15%;
        z-index: 10;
        color: #fff;
        text-align: center;
        font-size:30px;
        font-family: 'Ubuntu Condensed', sans-serif;
    }
    /* Bienvenida */
    .middle-welcome{
        background-color:#021f6b;
        color:#ffffff;
    }
    .middle-welcome h3{
        font-size:40px;
        margin-bottom:0px;
    }
    .middle-welcome h5{
        font-size:20px;
    }
    .middle-welcome p{
        font-size:14px;
    }
    /* Botones */
    .btn-customer{
        background-color:#f49102;
        color:#021f6b;
    }
    /* Logos */
    .middle-logos img{
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(1);
        /* Google Chrome & Safari 6+ */
    }
    .middle-logos img:hover{
        filter: none;
        -webkit-filter: none;
    }
    .middle-logos{
        font-size:32px;
    }
    /* Servicios y Proyectos */
    /*.middle-sp{
        background: url({{ asset('images/bg-services.jpg') }});
        background-repeat:repeat;
        background-position: top center;
    }*/
    .middle-sp .bservices{
        color:#ffffff;
        background: rgba(2,31,107,0.9);
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
    .middle-sp .bservices span{
        color:#f49102;
    }
    .middle-sp .bservices a{
        color:#fff;
        text-decoration:none;
    }
    .middle-sp .bservices a:hover{
        color:#f49102;
    }
    .middle-sp .bservices a:hover span{
        color:#fff;
    }
    .middle-sp .bservices h2{
        font-size:38px;
        padding-left:2.5rem;
    }
    .middle-sp .bservices li{
        border-top:1px solid #818181;
        padding: 15px 0;
        font-size:17px;
    }
    .middle-sp .bservices li:last-child{
        border-bottom:1px solid #818181;
    }
    .middle-sp .bservices .spaceservice{
        max-width:400px;
        margin-right:2rem;
    }
    .middle-sp .bservices li{
        padding-right:4rem;
    }
    .middle-sp .bprojects{
        background: rgba(244,145,2,0.7);
        padding-top: 4.5rem;
        padding-bottom: 3.5rem;
        color:#ffffff;
    }
    .middle-sp .bprojects .spaceproject{
        max-width:360px;
        margin-left:0rem;
    }
    .middle-sp .bprojects h2{
        font-size:38px;
    }
    .middle-sp .bprojects li{
        background:rgba(255,255,255,0.7);
        padding:10px 1rem 10px 6rem;
        font-size:14px;
        line-height:20px;
        margin-bottom:2rem;
        border:1px solid #fff;
        min-height: 110px;
    }
    .middle-sp .bprojects li .fa-li{
        padding-left:2.5rem;
        padding-top:5px;
        color:#a8a8aa;
    }
    .middle-sp .bprojects li a{
        font-size:12px;
        color:#021f6b;
        text-decoration:none;
    }
    .middle-sp .bprojects li:hover{
        background:rgba(244,145,2,0.5);
        border:1px solid #1e3b67;
    }
    .middle-sp .bprojects li:hover .fa-li{
        color:#1e3b67;
    }
    .middle-sp .bprojects li:hover a{
        color:#fff;
    }
    .middle-sp .bprojects li:hover span{
        color:#1e3b67;
    }
    .caption-bottom {
        position: absolute;
        right: 0%;
        bottom: 0%;
        top: 0%;
        left: 0%;
        z-index: 10;
        background-color:rgba(100,100,102,0.8);
        text-align: center;
    }
    .caption-bottom p{
        color: #fff;
        font-size:14px;
        text-align: center;
    }
    .caption-bottom .centered{
        width:450px;
    }
    .bg-blue{
        background-color:#021f6b;
        color:#fff;
        font-size:14px;
        border-top:1px solid #fff;
        padding-bottom:2.5rem;
    }
    .bg-blue small{
        color:#646466;
    }
    .bg-blue a{
        color:#fff;
    }
    .bg-blue a:hover{
        color:#ccc;
    }
    .logo img{
        max-width:250px;
    }
    /* Nuestra Empresa */
    /*.middle-company_bg{
        background: url({{ asset('images/bg-company.jpg') }}) repeat;
        background-position:center center;
    }*/
    .middle-company-yellow{
        background-color:rgba(244,145,2,0.8);
        color:#021f6b;
    }
    .middle-company-blue{
        background-color:rgba(2,31,107,0.7);
        color:#fff;
    }
    .middle-company h3{
        font-size:40px;
        margin-bottom:0px;
    }
    .middle-company h5{
        font-size:20px;
    }
    .middle-company p{
        font-size:20px;
    }
    .values{
        color:#2b354e;
        padding-top:3.5rem;
        padding-bottom:3.5rem;
    }
    .values .card h5{
        font-size:18px;
    }
    /* Pagina Servicios */
    /*.middle-services{
        background: url({{ asset('images/bg-redes.jpg') }}) repeat;
        background-position:center center;
        color:#fff;
    }*/
    .middle-services .container-fluid{
        background: rgba(2,31,107,0.7);
    }
    .middle-services .nav-pills .nav-link{
        color:#fff;
    }
    .middle-services .nav-pills .nav-link.active{
        color:#fff;
        background-color:rgba(242,144,2,0.9);
    }
    .middle-services .nav-pills .nav-link span{
        color:#f49102;
    }
    .middle-services .nav-pills .nav-link.active span{
        color:#021f6b;
    }
    .middle-services .nav-tabs .dropdown-toggle{
        border:0;
    }
    .middle-services .nav-tabs .dropdown-toggle.active{
        background-color:#f49102;
        color:#021f6b;
    }
    .middle-services .nav-tabs .nav-link{
        background-color:#021f6b;
        color:#fff;
    }
    .middle-services .nav-tabs .dropdown-menu.show{
        background-color:#f49102;
    }
    .middle-services .nav-tabs .dropdown-menu .dropdown-item{
        color:#021f6b;
    }
    .middle-services .nav-tabs .dropdown-item:hover{
        background-color:#2f4274;
        color:#fff;
    }
    .middle-services .nav-tabs .dropdown-menu .dropdown-item.active{
        background-color:#021f6b;
        color:#fff;
    }
    .middle-services .nav-tabs .dropdown.show .dropdown-toggle{
        background-color:#f49102;
        color:#fff;
    }
    /* Pagina Servicios */
    /*.middle-projects{
        background: url({{ asset('images/proyectos.jpg') }}) repeat;
        background-position:center center;
        color:#021f6b;
    }*/
    .middle-projects .container-fluid{
        background: rgba(244,145,2,0.9);
    }
    .middle-projects .card{
        background:rgba(255,255,255,0.7);
        font-size:14px;
        border:1px solid #fff;
        cursor:pointer;
    }
    .middle-projects .card-title span{
        color:#a8a8aa;
    }
    .middle-projects .card:hover{
        background:rgba(244,145,2,0.9);
        font-size:14px;
        border:1px solid #1e3b67;
        color:#fff;
    }
    .middle-projects .card:hover .card-text{
        color:#fff;
    }
    .middle-projects .card:hover span{
        color:#1e3b67;
    }
    .tooltip-inner {
        background-color:#021f6b;
    }
    .tooltip .arrow::before{
        border-top-color:#021f6b;
    }
    /*.middle-partners{
        background: url({{ asset('images/bottom.jpg') }}) repeat;
        background-position:top center;
        color:#fff;
    }*/
    .middle-partners .container-fluid{
        background-color:rgba(116,121,127,0.9);
    }
    .middle-contact .container-fluid{
        background-color:rgba(116,121,127,0.7);
    }
    /*.middle-contact{
        background: url({{ asset('images/contact.jpg') }}) repeat;
        background-position:center center;
        color:#fff;
    }*/
    /* small - display 1  */
@media (min-width: 576px) { 
    /*.carousel-caption p::first-line{
        font-size: 18px;
    }*/
    .carousel-caption p{
        font-size: 20px;
    }
    .carousel-caption-main {
        top: 20px;
        font-size:30px;
		color:#f49102;
		text-shadow: 1px 1px 2px #fff;
    }
    .middle-sp .bservices .spaceservice{
        margin-right:3rem;
    }
}
/* medium - display 2  */
@media (min-width: 768px) {
    /*.carousel-caption p::first-line{
        font-size: 20px;
    }*/
    .carousel-caption p{
        font-size: 30px;
    }
    .carousel-caption-main {
        top: 50px;
        font-size:50px;
    }
    .middle-sp .bprojects{
        padding-left:5rem;
        padding-right:2rem;
    }
    .caption-bottom p{
        font-size:22px;
    }
    .caption-bottom .centered{
        width:500px;
    }
    .logo img{
        max-width:360px;
    }
}

/* large - display 3 */
@media (min-width: 992px) {
    /*.carousel-caption p::first-line{
        font-size: 30px;
    }*/
    .carousel-caption p{
        font-size: 40px;
    }
    .carousel-caption-main {
        top: 80px;
        font-size:88px;
    }
    .middle-sp .bservices{
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
    .middle-sp .bservices .spaceservice{
        max-width:400px;
        margin-right:6rem;
    }
    .middle-sp .bservices li{
        padding-right:4rem;
    }
    .middle-sp .bservices .spaceservice{
        margin-right:6rem;
    }
    .middle-sp .bprojects{
        padding-left:9rem;
    }
}

@media (min-width: 1200px) {
   
}