body { background-color: black; cursor: default; }

header { position: absolute; width: 100%; }



.row-p-0 {margin-bottom:0;}

.p-0 { padding: 0; }


/*[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}


.vertical-align {
    display: flex;
    align-items: center;
}
*/

/* estilos menu principal */




.menu-principal ul { list-style: none; margin-right: 20px;}

.menu-principal li { float: left; }

.menu-principal li a {  line-height: 50px;
                        /*background-color: red;*/
                        font-size: 1.3em; color:rgba(225,255,255,1);
                        float: left;
                        padding: 0 20px;
                        border-bottom: 4px solid rgba(225,255,255,0);
                        -webkit-transition:all ease 300ms; }


.menu-principal li a:hover { 
                        border-bottom: 4px solid rgba(225,255,255,0.5); }

.menu-principal li a.active { 
                        border-bottom: 4px solid rgba(225,255,255,1); }

.ha-menu > ul > li.active > *:not(ul) { box-shadow: inset 0px -3px 0 0px #fff;}


.contacto-top p { color:white;
                  text-align: right;
                  font-size: 1.1em;
                  font-weight: 200;
                  opacity: 1;
                  margin-bottom:0;
                  -webkit-transition:all ease 300ms; }

.contacto-top p:hover { opacity: 1;}


.contacto-top p img {display: inline-block;}

.contacto-top a {color: white;}

.contacto-top a:hover {text-decoration: underline;}


/* estilos banner*/

#header-slider { background-size: cover !important;}

.header-portada { 
                  background: url(../img/banner/1.jpg) no-repeat top center;
                  
                  -webkit-transition:all ease-in 800ms;}




.header-proceso { 
                  background: url(../img/banner/bg-seccion-proceso.jpg) no-repeat top center;
                  
                  background-size: cover;}




.header-empresa { 
                  background: url(../img/bg-seccion-4.jpg) no-repeat top center;
                  
                  background-size: cover;}



.header-servicios { 
                  background: url(../img/bg-seccion-8.jpg) no-repeat top center;
                  
                  background-size: cover;}


.header-capacidades { 
                  background: url(../img/bg-seccion-6.jpg) no-repeat top center;
                  
                  background-size: cover;}



.header-contacto { 
                  background: url(../img/bg-seccion-9.jpg) no-repeat top center;
                  
                  background-size: cover;}



               
.bgm-seccion-5 { 
                  background: url(../img/bg-seccion-5.jpg) no-repeat top center;
                  
                  background-size: cover;}


.header-titulo-1 { /*background-color: rgba(225,200,55,1);*/
                      margin-top: 260px;}

.header-titulo-1 h1 { 
                      font-size: 3em;
                      text-transform: uppercase;
                      font-weight: 100; }


.header-titulo-1 h3{ 
                      font-size: 2.1em;
                      text-transform: uppercase;
                      font-weight: 100;
                      border-left:6px solid rgba(255,0,0,1); }

.header-titulo-1 h1 strong { font-weight: bold; }


.btn-header { display: inline-block;
              font-weight: 200;
              line-height: 40px;
              border:1px solid rgba(255,0,0,1);
              background:rgba(0,0,0,0);
              -webkit-transition:all ease 300ms;}


.btn-header:hover { background:rgba(0,0,0,0.4);
                    color: white; }

/* estilos botons */
.btn-flat {border-radius: 0;
            padding: 20px;
            box-shadow: none !important;
            color:white;
            background-color: rgba(170,150,40,0.5);
            -webkit-transition: all ease 300ms;}


.btn-flat:hover {
            color:white;
            background-color: rgba(170,150,40,1);}


.btn-flat:focus {
            color:white;}


.btn-flat-blue {background-color: rgba(30,30,45,0.5);}

.btn-flat-blue:hover {background-color: rgba(30,30,45,1);}



.contenedor-sombra {   
                      -webkit-clip-path: polygon(0 0, 0 100%, 92% 100%, 100% 88%, 100% 0);
                      clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
                      box-shadow: 0 0 20px rgba(0,0,0,0.4);}



.contenedor-sombra-2 {   
                      
                      box-shadow: 0 0 20px rgba(0,0,0,0.4);}




.bgm-3 { background:url(../img/bg-seccion-3.jpg) no-repeat bottom;
          background-size: cover; }








/* estilos portada */

.intro-portada { /*background-color: rgba(240,240,240,1);
                  padding: 80px 100px 80px 40px;*/}


.intro-portada-span { display: block;
                      width: 80px;
                      height: 80px;

                      background:url(../img/boton-portada-azul.png) no-repeat center;
                      background-size: 80px 80px; 
                      margin-top: -40px;
                      margin-left: 100px;}


.intro-portada h2 {}

.intro-portada h4 { color:rgba(150,150,150,1);
                    font-size: 1.5em;
                    font-weight: 200;
                    line-height: 2em; }


.intro-portada ol li {  font-size: 1.3em;
                        color:rgba(150,150,150,1);
                        font-weight: 200;
                        line-height: 1.7em;
                        margin-bottom: 10px; }


.intro-servicios ul { padding:20px 40px; }

.intro-servicios ul li { font-size:1.5em; }


.intro-servicios-2 ul { padding-left: 0; margin-left: 0; }

.intro-servicios-2 ul li { font-size:1.5em; margin-bottom: 10px;
                      list-style: none; padding-left: 0;}

.seccion-2 { background: url(../img/bg-seccion-2.jpg) no-repeat;
              background-size: cover; }

.seccion-portada-2 {  background:url(../img/bg-portada-servicios-2.jpg) no-repeat center;
                      background-size: cover; }



.seccion-portafolio { background-color: rgba(255,255,255,1); }


.seccion-portafolio ul { padding-left: 0; margin-left: 0; }

.seccion-portafolio ul li {font-size:1.5em; margin-bottom: 10px;
                      list-style: none; padding-left: 0; color: white;
                      font-style: italic;}


.row-portada-2 { background-color: rgba(54,60,86,1); margin:0; padding: 60px 80px;}


.seccion-portada-2 h2 { color:white;
                        font-weight: 200;
                        text-align: right; }


.seccion-portada-2 p {  color:white;
                        font-weight: 200;
                        font-size: 1.4em;
                        line-height: 2em; }



.pleca-corta { width: 100px; height: 4px; display:inline-block; }  

.pleca-corta-amarilla { background-color:rgba(170,150,40,1);  }                        
                   




.portada-servicios img {border-bottom: 0px solid rgba(0,77,120,0);
                          opacity: 1;
                        -webkit-transition:ease all 400ms;}


.portada-servicios img:hover {border-bottom: 0px solid rgba(0,77,120,1);
                          opacity: 0.8;}






/* nosotros */



.nosotros-imagen { position: absolute; top: -200px; }

.intro-nosotros { /*background-color: rgba(240,240,240,1);*/
                  padding: 20px 40px;}



.intro-nosotros h2 {}

.intro-nosotros h4 { color:rgba(150,150,150,1);
                    font-size: 1.5em;
                    font-weight: 200;
                    line-height: 2em; }


.intro-nosotros-2 { /*background-color: rgba(240,240,240,1); */
                  padding: 20px 40px;}



.intro-nosotros-2 p { font-size: 1.3em; font-weight: 200; line-height: 2em;color:rgba(150,150,150,1); }

.intro-nosotros-2 li { font-size: 1.3em; font-weight: 200; line-height: 2em; color:rgba(150,150,150,1);}



/* servicios */

.intro-servicios-2 li { font-size: 1.3em; font-weight: 400; line-height: 1.7em; color:rgba(150,150,150,1);}

.intro-servicios-2 li:hover { color:rgba(0,110,88,1);}



.modalidades-seccion {background:url(../img/bg-modalidades-seccion.jpg) no-repeat center;
                      background-size: cover; }

.modalidades-container {background-color: rgba(54,60,86,1);}

.columna-modalidades { background-color: rgba(240,240,240,1); }


.table-servicios td:first-child { width: 40%; }

.table-servicios tr {background: rgba(0,0,0,0) !important;
                      -webkit-transition:ease all 300ms;}

.table-servicios tr:hover {background: rgba(0,0,0,0.2) !important;}




.table-servicios table{ font-size: 1.3em;
                    font-weight: 200;
                    background:none !important;
                    color:white;  }




.columna-modalidades h2 small {font-size: 0.8em;}

.columna-modalidades ul {list-style: none;}

.columna-modalidades li {font-size: 1.5em;}

.columna-modalidades li a { padding: 10px 30px 10px 0;
                            font-weight: 400;
                            color: rgba(140,140,140,1);
                            display: block;
                            background: none;
                            background-position: right;
                            background-size: 20px 40px;
                            -webkit-transition:all ease 300ms;
                            }


.columna-modalidades li a:hover {
                            color: rgba(8,18,60,1);
                            
                            }


.columna-modalidades li a.active {  color: rgba(8,18,60,1);
                                    background: url(../img/caret-modalidades.png) no-repeat right;}



/* colores */

.c-blue-alchemy { color:rgba(25,30,55,1); }

.bgm-lightgray { background-color: rgba(220,220,220,1); }






/* seccion footer */

.seccion-footer {  background:url(../img/bg-footer-2.jpg) no-repeat center;
                      background-size: cover; }



.bgm-blue-3 { background-color: rgba(27,30,43,1); }



.row-portada-2 { margin: 0 -15px; }


@media (max-width: 768px) {
  .row-portada-2 { padding: 20px;}
}