/* TEMPLATE STYLES */

/* Necessary for full page carousel*/
.full-height,
.full-height body,
.full-height header,
.full-height header .view,
.full-height body .view {
    height: 80%;
    max-height: 80vh;
}

@media (max-width: 740px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view,
    .full-height body .view {
        height: 700px;
        max-height: 700px;
    }
}

@media (min-width: 1000px) and (max-width: 1025px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view,
    .full-height body .view {
        height: 770px;
        max-height: 770px;
    }
}

@media (min-width: 1025px) {
    .view video {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }
}

.navbar {
    background-color: rgba(255, 255, 255);
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.navbar-brand{
    padding: 0%;
}
.top-nav-collapse {
    background-color: rgb(221, 221, 221);
}

footer.page-footer {
    background-color: #1C2331;
    margin-top: 0;
}

/*@media only screen and (max-width: 768px) {
    .navbar {
        background-color: rgb(190, 163, 40);
    }
}

/* Carousel*/
.flex-center {
    color: #fff;
}

.carousel-caption {
    height: 100%;
    padding-top: 7rem;
}

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}

.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}

.pagination.pg-dark .active .page-link {
    background-color: #1c2331;
}


.fea:hover {
    transition: 0.3s !important;
    transform: scale(1.2) !important; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.card{
    margin-left: 2%;
    margin-right:2%;
    margin-bottom:2%;
    
}

.card-title{
    padding:1%
}
.card-text{
    padding:1%
}

    
.proyect{
    padding-left: 8%;
    padding-right:8%;
    padding-bottom:4%;
}

.contact{
    padding-left: 20%;
    padding-right:20%;
}

#contact2{
    background-color: rgb(28, 71, 136)!important;
}

#imagen{
    height: 80% !important;
    max-height: 80vh !important;
}

.proyect{
    background-color: rgba(42, 66, 112, 0.26)!important;
}

#card1{
    margin:0% !important;
}
#map {
    width: 100%;
    height: 400px;
    padding:0%;
}

.counter{
    font-size: 36pt;
    -webkit-text-fill-color: rgb(13, 35, 80);
    text-align: center;
}

#c01{
    background-color: rgb(255, 245, 153);
}
#c02{
    background-color: rgb(255, 231, 153);
}
#c03{
    background-color: rgb(255, 202, 153);
}
#c04{
    background-color: rgb(255, 177, 153);
}

.scrollspy-example {
    height: 200px; 
}

#mision, #vision, #politica{
    font-size: 14pt;
    text-align: justify;
}

.proyectos2{
    text-align: justify;
    font-size: 14pt;
    padding: 0%;
}

.text2{
    padding: 0%;
    color: #fff !important;
}

#soluciones{
    background-color: #1C2331;
    padding: 0%
}



.contact{
    background-color:rgb(114, 114, 114);
}
a,.h2{
    padding: 1%;
    
    color: rgb(102, 22, 22) !important;
}

#llamar{
    font-size: 20pt;
}
p{
    margin: 0;
    padding:0;
}

#gif{
    height: 80vh !important;
    width: 100% !important;
}

.page{
    height: 100%;
    width: 100%;
}

#separator{
    width: 50px !important;
    height: 50px !important;
}

#iqn{
    padding-top:35px !important;
}







#RTS{
    padding-top: 25px;
}
#logo{
    width: 40%;
}

#moble{
    
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(mobile.gif);
    width: 100%;
    height: 50%;
}

#pt{
    background-size: cover;
    background-image: url(li.jpg);
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(211, 211, 211);
}


#RTS{
    margin-top: 25px;
    margin-bottom: 25px;
}

#mi{
    color: #fff;
    height: 60px;
    background-image: url(mi.jpg);
    background-size: cover;
    margin: 10px;
}

#vi{
    color: #fff;
    height: 60px;
    background-image: url(vi.jpg);
    background-size: cover;
    margin: 10px;
}

.lp{
    height: 50px;
    width: 50px;
    margin: 10px;
}

.lp2{
    height: 100px;
    margin-top: 10px;
    padding: 5px;
}

#serviciosp{
    background-image: url(VJi.gif);
    background-size: cover;
    /*background-color: rgb(199, 199, 199);*/
}

#cardimage{
    background-image: url(bg.jpg);
    background-size: cover;
}

#c1{
    background-color: rgba(53, 53, 53, 0.8) !important
}

#c2{
    background-color: rgba(29, 66, 134, 0.8) !important
}