html {
  height: 100%;
}
body {
    background-color: #e9e9e9 !important;
    height: 100%;
    min-height: 100%;
}
body {
    overflow: scroll !important;
    margin: 0; padding: 0;font-family: 'Lato', sans-serif;  font-size: 16px; overflow: hidden;}

.ws-title div {text-transform: uppercase;}
#wowslider-container1 .ws-title span {
    font-size: 22px !important;
    line-height: 1.35em;
    text-transform: uppercase; !important;
}
#wowslider-container1 .ws-title div {
    display: block;
    margin-top: 0.1em;
    font-size: 2.3em !important;
    line-height: 1.15em;
}
.logo{
    margin-top: 25px !important;
}
.arriba{
    margin-top: 25px !important;

}
.numero{
    font-size: 57px;
    margin-top: 18px;

}
.aboutus{
    background-color: #e9e9e9;
    font-weight: 600;
    font-size: 29px;
    padding: 20px;
    margin-top: 0px;
}
.serv{    padding: 75  px 0px 16px 0px;}

.serv li, .serv p{    font-size: 21px;
    margin-top: 10px;}

    h5 {
    font-size: 19px;
    }
.caja{
    background-color: #026ab2;
    border-radius: 10px;
    padding: 11px;
    margin-bottom: 15px !important;
}
.caja1{
    background-color: #e9e9e9;
    padding: 15px 15px 0px 15px;
    display: inline-block;

}
.caja1 p{
    padding: 0px 0px 0px 0px;
}
.caja2{
    background-color: #ef6f0f;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}
.caja2:hover {background: red;}
ul.fancy li p{
    margin-top: 7px;
    font-size: 15px;
}
header {
    padding: 0;
    position: relative;
    height: 100% !important;
}

.container {
    width: 94%;
}

.espacio{padding: 0;}

.marca{
    background-color: #e9e9e9;

}
.marca2{
    background-color: #000;

}
.marcas img{
    width: 300px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 0px;
    margin-top: 33px ;
    margin-left: 35px;

}
.video{
    width: 100%;
    height: 300px;
    background: #000;
}
.circu{
    border-radius: 25px;
    max-width: 240px;
    border-color: #fff;
    border-style: solid;
    border-width: 8px;
}
.circu2{
    max-width: 60% !important;
    border-radius: 25px;
    border-color: #fff;
    border-style: solid;
    border-width: 8px;
}
.titu4{
    color: #026ab2;
    font-weight: 900;
    font-style: italic;
}
.titu5{
    color: #fff;
    font-weight: 900;
    font-style: italic;
}
.grupo1{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #026ab2;
}
.grupo2{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;

}
.grupo2 p{
    color: #026ab2 !important;
}
.grupo2 h5{
    color: #026ab2 !important;
}
.grupo3{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #026ab2;
}
.grupo4{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;

}
.grupo4 p, .grupo4 ul li{
    color: #026ab2 !important;
}
.grupo4 h5{
    color: #026ab2 !important;
    text-transform: uppercase !important;
}
.grupo5{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #026ab2;
}
.grupo6{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.grupo6 p{
    color: #026ab2 !important;
}
.grupo6 h5{
    color: #026ab2 !important;
}
.grupo7{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #026ab2;
}
.grupo7 h4{
    color: #fff !important;
}

#header-1 {padding: 0; position: relative; max-height: 740px !important; border-top:10px solid #d5b692;}
a {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:hover {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
.dropdown a:visited {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:active {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
.cont-top {position: absolute; top: 0; width: 100%; z-index: 999;}
.cover {background:url(../img/grain.png);}
nav {min-height: 80px; box-shadow: none !important;}
nav .ul-menu {display: block;}
nav .ul-menu li {display: block; float: left;}
nav .ul-menu li a {display: block; padding: 10px 15px; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; background: rgba(0,0,0,0.5);}
nav .ul-menu li a.active {background: #026ab2;}

.link-social {float: center; margin:auto;}
.side-nav li a {font-size: 14px; text-transform: uppercase; font-weight: 700;}
.has-scroll {overflow: scroll; height: 300px; width: 100%; }
.has-scroll li {text-align: left !important; border-bottom: 1px solid #eee; }
.has-scroll li button{text-align: left !important;margin-left: 15px; }
/* ============= section css ============= */
h2 .divider {width: 30%; margin: 15px auto;}
h5 .divider {width: 30%; margin: 15px auto;}

section {padding: 20px 0; min-height: 100px;}
section#nosotros {
    background-color: #8a89896b;
}

#wowslider-container1 .ws-title {
    font: 1.8em 'Oswald', Arial, Helvetica, sans-serif !important;
    background-color: none !important;
}

section#productos {background-color: #fff; background-position: 0, -60px; height: auto; min-height: 650px; transition:all 0.7s ease;}

section#servicios {
/*background: rgb(201,217,229);
background: -moz-linear-gradient(top, rgb(201,217,229) 0%, rgb(41,137,216) 72%, rgb(19,117,195) 100%);
background: -webkit-linear-gradient(top, rgb(201,217,229) 0%,rgb(41,137,216) 72%,rgb(19,117,195) 100%);
background: linear-gradient(to bottom, rgb(201,217,229) 0%,rgb(41,137,216) 72%,rgb(19,117,195) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d9e5', endColorstr='#1375c3',GradientType=0 );*/
background-image: url(../img/bg1.jpg);
    padding: 43px 0;
    min-height: auto;
}
.abajo{
    margin-bottom: 15px;
}
.nosotros p{
    margin: 0px 0px 0px 145px;
}
/*textarea:focus {border-bottom: 2px solid #009544 !important;}*/

.campos{background: rgb(255, 255, 255) !important;
    border-radius: 3px !important;
    padding: 3px !important;
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 3px #ddd !important;
    border-radius: 4px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

textarea {
    background: #fff ;
    min-height: 91px;
    color: #000;
    border-radius: none !important;
}
.cont-g ul li {
    float: left;
    list-style: none;
    border: none !important;
    margin: 1%;
    width: 14%;
}

/*input:focus {
     border-bottom: 2px solid #009544 !important;
     }*/

.btn {
    background-color: #000 !important;
        margin-bottom: 9px;
}

.formulario{
    margin-bottom: 28px;
    background-color: #e9e9e9;
    padding: 10px 21px 16px 15px;
}
.formul{
    padding: 0px 60px;
}
.footerlogo{
    padding-left: 15px;
}
footer {
    margin-top: 0 !important;
    padding: 40px 0 0;
    background:url(../img/fondofooter.jpg) !important;
    background-repeat: cover;
    border-top: 12px solid rgba(0,0,0,0.3);
}
.ul-footer {margin-top: 10px;}
.ul-footer li {padding: 5px 10px; margin: 10px 0;}
.ul-links-1  {margin-top: 30px;}
.ul-links-1 li {margin-left:20px; }

.pink {
    background-color: #b79874 !important;
}

.amber.darken-2 {
    background-color: #d5b692 !important;
}

.min {
    text-transform: uppercase;
    font-size: 20px;
}

/* ============= section css ============= */
.titles {font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #1a237e;}
.img-mio {display: block; margin: 0 auto;}
.hover-box { transition:all .4s ease;}
.hover-box:hover {background: rgba(0,0,0,0.5); transition:all .4s ease;}
a .lnr {font-size: 14px !important;}
.lnr {font-size: 120px;}
.iconos-margin {margin: 140px 0; display: block;}
.iconos-margin-2 {margin: 40px 0; display: block;}
.list-servicio {padding-top: 50px;}
.list-servicio li {list-style: circle !important; }
#map-canvas {height: 500px;}

.footer {background-color: #000; min-height: 200px;}

h1, h2, h3,
h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
.title-nosotros {text-transform: uppercase; font-size: 18px;}
.title-1 {font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-top: 21px;}
.title-footer {font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: 10px; font-size: 1em !important;}
.footer-copyright {height: auto !important;}
.divider {margin: 20px 0;}
.azul{
    color: #026ab2;
}
.proyect{

}
.titulo1{
    color: #026ab2;
    font-size: 27px;
    margin-top: 43px;
}.rayita{
    float: center !important;
    text-align: center !important;
    align-items: center;
    margin-bottom: 25px;
    margin-top:25px;
}
.servi{
    margin-left: 100px;
}
.fondoabajo{
    padding-top: 17px;
}
/* Galeria */
.cont-g {height: auto;overflow: hidden;float: left;margin-top: 25px;margin-bottom: 25px;}
.cont-g ul {margin: 0;padding: 0;}
.cont-g ul li {float: left;list-style: none;background: none;margin: 1%;width: 31.3%; }
.cont-g ul li a img {
transition: opacity 0.4s ease 0s;
-webkit-transition: opacity 0.4s ease 0s;
width: 100%;}
.cont-g ul li a img:hover {opacity: 0.7;
transition: opacity 0.4s ease 0s;
-webkit-transition: opacity 0.4s ease 0s;}
.cont-g {
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
}


.cont-g2 ul {
margin: 0;
padding: 0;}

.cont-g2 ul li {
    float: left;
    list-style: none;
    margin-left: 98px;
    width: 16%;

}

.cont-g2 ul li a img {
     transition:all 0.8s ease;
width: 100%;}

.cont-g2 ul li a img:hover {
opacity: 0.9;
   transition:all 0.8s ease;}

.cont-g2 ul li{
transition: all .50s ease-in-out;}
.cont-g2 ul li:hover{opacity: 0.9;}

.buttoms {
    margin: 20px auto 20px auto;
}
.marcas{
    padding-top: 25px;
}
#wowslider-container1 .ws-title div {
    display: block;
    margin-top: 0.1em;
    font-size: 28px !important;
    line-height: 1.15em;
}

.navegador{
    line-height: normal !important;
    height: 0px !important;
    min-height: 0px !important;
}



@media screen and (max-width: 1220px) {
.container {
    width: 94%;
}

}


@media screen and (max-width: 1304px) {

    .container {
    width: 91%;
    margin: 0 auto !important;
}
section#productos {
    height: auto;
    min-height: auto;
    /* background: rgba(0, 0, 0, 0); */
    background-position: -12px, -132px;
}

.serv {
    padding: 31px 0px 16px 0px;
}
.serv li, .serv p {
    font-size: 18px;
    margin-top: 7px;
}
h4 {
    font-size: 22px;
}
section#nosotros {
    margin-top: -7px;
}
}


@media screen and (max-width: 992px) {

    .circu{
    max-width: 75% !important;
    border-radius: 25px;
    max-width: 240px;
    border-color: #fff;
    border-style: solid;
    border-width: 8px;
}
    .circu2 {
    max-width: 77% !important;
    }
    .cont-g2 ul li {
    float: left;
    list-style: none;
    margin-left: 11px;
    width: 23%;
}
    .nosotros p {
    margin: 0px 0px 0px 0px;
}
    .call{
    font-size: 14px !important;
    }
    .numero {
    font-size: 37px;
    margin-top: 15px;
}
    .servi{
    margin-left: 0px !important;
}
    /*.bg{    height: 669px !important;}*/

   .cont-top {
    background-color: #060b0e !important;
}
    nav .button-collapse i {color: #fff !important;}
    .container {
    width: 91%;
    margin: 0 auto !important;
    margin-bottom: 15px !important;
}
    header {min-height: 300px;}
    .logo1 {display: none !important;}
    .logo2 {display: block !important;}
    .desplegable {display: block !important;}
    section#nosotros {position: relative;}
    section#productos {background:#fff; transition:all 0.7s ease;}
    .cont-top {position: relative; top: 0; width: 100%;}
    .link-social {margin-bottom: 15px;}
    .carousel-caption h4 {font-size: 22px;}

    #servicios .container {padding: 0; margin: 0;}
    .button-collapse {color: #373a47;}
    .button-collapse:hover {color: #ed1c8f;}
    .logo {z-index: 99;}
    .logo img {display: block; margin: 0 auto;}
    section#productos { min-height: 350px;}
    .footer-copyright a {display: block; float: none !important; text-align: center;}
    #wowslider-container1 .ws-title {left: 0em !important;}
    .btn-fantasma  {display: block !important; width: 100%;}
    .ul-menu, .cm {display: none !important;}
    .box-img {
    margin-top: 20px;
    position: relative;
    min-height: 115px;
    }
    nav .button-collapse {margin-top: 40px !important;}
    .mini {display: block;}
    .fixed-action-btn {display: none;}

    .cont-g ul li {
    width: 30%;
}

.head {font-size: 7px;
    height: 595px;
}
section#nosotros {
    margin-top: -7px;
}

}

@media screen and (max-width: 768px){

    section#servicios {
        background: url(../img/bg1.jpg) fixed;
        background-size: cover;
    }
.cont-g ul li {
    width: 98% !important;
}
.cont-g2 ul li {
    float: left;
    list-style: none;
    margin-left: 18px;
    margin-bottom: 13px;
    width: 86%;
}
    .caja1{
    margin-bottom: 19px;
    }
    .titulo1 {
    color: #026ab2;
    font-size: 23px;
    margin-top: 27px;
}
    h5.mini1{
    font-size: 16px;
    padding: 5px;
    }
.nosotros p{
    margin: 0px 0px 0px 0px !important;
}

    section#servicios {
    padding: 20px 0;
}
.cont-g ul li {
    width: 46%;
}

#wowslider-container1 .ws-title {
    font: 2.5em 'Oswald', Arial, Helvetica, sans-serif !important;
}

.container {
    width: 93%;
    padding: 0;
}
	header .call-to .slogan {margin-top: 130px;}
	.list-servicio li {text-align: center; list-style: none !important;}
	.list-servicio li:last-child {margin-bottom: 15px;}
    .ws-title {
        display: none !important;
    }

}