body {
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}
.bg-blue {
    background-color: #0b5aa3;
}
.bg-darkblue {
    background-color: #162940;
}
.text-blue {
    color: #0b5aa3 !important;
}
.text-darkblue {
    color: #162940 !important;
}
.btn-darkblue {
    color: #fff;
    background-color: #162940;
    border-color: #162940;
}
/******************* NAVBAR ******************/
.nav-border-blue {
    border-bottom: 2px solid #0b5aa3;
}
.navbar {
    -webkit-transition: all 0.18s ease;
    -moz-transition: all 0.18s ease;
    -o-transition: all 0.18s ease;
    transition: all 0.18s ease;
}
.navbar img {
    -webkit-transition: all 0.18s ease;
    -moz-transition: all 0.18s ease;
    -o-transition: all 0.18s ease;
    transition: all 0.18s ease;
}
.navbar-brand img {
    height: 85px;
}
.nav-link {
    font-size: 1.2rem;
    padding-bottom: 0;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff;
    border-bottom: 2px solid #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    border-bottom: 2px solid transparent;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}
#navbar-blanco .navbar-nav .nav-link {
    text-shadow: none;
}
#navbar-blanco .navbar-nav .active > .nav-link, #navbar-blanco .navbar-nav .nav-link.active, #navbar-blanco .navbar-nav .nav-link.show, #navbar-blanco .navbar-nav .show > .nav-link {
    color: #0b5aa3;
    border-bottom: 2px solid #0b5aa3;
}
#navbar-blanco .navbar-nav .nav-link:focus, #navbar-blanco .navbar-nav .nav-link:hover {
    color: #0b5aa3;
    border-bottom: 2px solid #0b5aa3;
}
.navlogo-small {
    height: 65px !important;
}
/******************* HOME ******************/
#mainsection {
    position: relative;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#mainsection .position-absolute{
    width: 100%;
    height: 100%;

}
#mainsection .carousel{
    width: 100vw;
}
#mainsection .carousel-item img {
    height: 100vh;
    object-fit: cover;
}
.soporte {
    background-color: rgba(9, 51, 115, 0.7);
    /* background-blend-mode: multiply; */
    /* mix-blend-mode: multiply; */
}
.soporte img {
    /* mix-blend-mode: unset;
    isolation: isolate; */
}
#quienessomos {
    padding-top: 9rem;
    padding-bottom: 9rem;
}
#quienessomos h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
}
#quienessomos p {
    font-size: 1.3rem;
}
.border-darkblue {
    border: 3px solid #162940 !important;
}
.nosotros-bg {
    background-image: url("../images/nosotros-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20rem;
}
#nosotros {
    padding-top: 5rem;
    margin-bottom: 6rem;
    overflow: hidden;
}
#nosotros h3 {
    font-family: 'Roboto', sans-serif;
}
#nosotros p {
    font-size: 1.3rem;
}
/****** PENDIENT CORREGIR LAS VIÑETAS *********/
#nosotros ul {
    font-size: 1.3rem;
    list-style-type: none;
}
#nosotros ul > li {
    text-indent: -5px;
}
#nosotros ul > li:before {
    content: "-";
    text-indent: -15px;
}

.titulo-container {
    margin-bottom: 6rem;
}
.titulos span:before {
    display: block;
    content: "";
    width: 90px;
    height: 50px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    border-bottom: 3px solid #162940;
    border-left: 3px solid #162940;
}
.titulos:after {
    display: block;
    content: "";
    width: 90px;
    height: 50px;
    position: absolute;
    top: -6px;
    right: -2px;
    border-top: 3px solid #162940;
    border-right: 3px solid #162940;
}
.titulos h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
}
.bg-mision .body {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bg-vision .body {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bg-valores .body {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
#clientes {
    padding-top: 2rem;
    padding-bottom: 9rem;
}
#clientes .titulo-container {
    padding-bottom: 4rem;
}
#clientes hr {
    border: 1px solid #162940;
}
/***** SERVICIOS *****/
.bgimg-diseno {
    background-image: url("../images/diseno-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
}
.bgimg-obras {
    background-image: url("../images/obras-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
}
.bgimg-telecomunicaciones {
    background-image: url("../images/tele-01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
}
.bgimg-servicios {
    background-image: url("../images/servicio-01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
}

/****** PENDIENT CORREGIR LAS VIÑETAS *********/
#servicios{
    overflow: hidden;
    margin-top: 5rem;
}
#servicios ul {
    font-size: 1.3rem;
    list-style-type: none;
}
#servicios ul > li {
    text-indent: -5px;
}
#servicios ul > li:before {
    content: '';
    display: inline-block;
    height: 13px;
    width: 13px;
    background-image: url("../images/arrow-right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 1rem;
}
.nosotros-text {
    padding: 2rem 2rem;
}
#contacto {
    overflow: hidden;
    margin-top: 5rem;
}
#formulario {
    /* background-image: url("../images/contacto-bg.jpg");*/
    background-position: center;.
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 4rem;
}
#formulario #videoContainer::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
}
#formulario .form-control {
    background-color: transparent;
    border: 2px solid #ced4da;
    padding: .875rem 1.75rem;
    color: #fff;
}
#formulario p {
    font-size: 1.2rem;
}
footer a {
    color: #fff;
    text-decoration: none;
}
footer a:hover {
    color: #fff;
    text-decoration: underline;
}
@media (min-width: 576px) {
    #quienessomos h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 4rem;
    }
    .titulos h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 4rem;
    }
    .bg-mision .body {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 5rem;
    }

    .bg-vision .body {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-right: 3rem;
    }

    .bg-valores .body {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 5rem;
    }
    .bg-mision {
        background: #ffffff;
        background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #162940 50%, #162940 100%);
        background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#162940 50%,#162940 100%);
        background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#162940 50%,#162940 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#162940',GradientType=1 );
    }
    .bg-vision {
        background: #ffffff;
        background: -moz-linear-gradient(left, #0b5aa3 0%, #0b5aa3 50%, #ffffff 50%, #ffffff 100%);
        background: -webkit-linear-gradient(left, #0b5aa3 0%,#0b5aa3 50%,#ffffff 50%,#ffffff 100%);
        background: linear-gradient(to right, #0b5aa3 0%,#0b5aa3 50%,#ffffff 50%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5aa3', endColorstr='#ffffff',GradientType=1 );
    }
    .bg-valores {
        background: #ffffff;
        background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #162940 50%, #162940 100%);
        background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#162940 50%,#162940 100%);
        background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#162940 50%,#162940 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#162940',GradientType=1 );
    }
}
@media (min-width: 768px) {
    #quienessomos h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 4.5rem;
    }
    .titulos h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 4.5rem;
    }
    .nosotros-text {
        padding: 3rem 4rem;
    }
    .servicios-left {
        width: 720px;
    }
    .servicios-right {
        width: 720px;
    }
    #servicios{
        margin-top: 7rem;
    }
    #contacto{
        margin-top: 7rem;
    }
}
@media (min-width: 992px) {
    .navbar-brand img {
        height: 85px;
    }
    .nosotros-text {
        padding: 5rem 8rem;
    }
}