* {
    margin:0;
    padding:0;
}

/** General Style Info **/
body {
    background: #fff;
    color: #0f3553;
    font-family: 'Lato', sans-serif;
    margin: 50px 0 0 0;
    font-size: 20px;
}
a {
    text-decoration: underline;
    font-size: 14px;
}
a:hover {
    text-decoration:none;
}
a img {
    border:none;
}
h1, h2, h3, h4 {

}
h1 {

}
h2 {

}
h3 {

}
h4 {

}
ul, li {
    margin: 0 8px;
    list-style: none;
}
p {

    margin: 0 0 1em 0;
}


/*Generales*/
header{
    text-align: center  
}
.logo{

    padding: 0;
    z-index: 9;
}
.socials{
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #0f3553;
}

.redes{
    display: initial; 
}

footer{
    background-color: #0f3553;
    margin-top: 40px;
}

footer .row{
    margin: 0px;
    color: #fff;
    font-size: 17px;
}


footer .row a{
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}

footer .row div{
    padding: 30px 0 10px 0;        
    /*! word-wrap: anywhere; */
    overflow: hidden;
}


footer .row div:nth-child(2) {
    font-size: 13px;
    padding-top: 35px;        
}

footer .row div:nth-child(5) a {
    padding-right: 20px

}
footer .row div:last-child{
    position: relative;
    padding: 25px 0 0 0;
    text-align: center;
}
footer .row div:last-child img{
    position: absolute;
    width: 40px;
}

/*Menu*/
.responisve{
    position: absolute;
    background-color: #dde3e3;
    z-index: 100;
    border-radius: 10px;
    top: 50px;
    margin: 0;

    right: 38px;
    max-width: 500px;
}

.responisve li{
    display: block;
    text-align: center;
    padding: 14px 0;
    float: none
}

.responisve .icon{
    /*! display: none; */
    position: absolute;
    top: 2px;
    right: 13px;
    color: #000;
}

.responisve li a,.responisve .dropdown>a{
    color: #0f3553;
    text-decoration: none;
    font-size: 35px;
}

.responisve .buscador {
    display: none;
}
.topnav {
    /*! overflow: hidden; */
    position: relative;
    border-bottom: 1px solid;
    margin: 0 1%;
    padding: 0;
}

.topnav a {
    float: left;
    display: block;
    color: #0f3553;
    text-align: center;
    padding: 14px 18px;
    text-decoration: none;
    font-size: 16px;
}

.topnav a.active {
    color: #00b4eb;
}

.topnav .icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    margin: 0;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    padding: 14px 44px;  
    margin: 0;
    border-radius: 10px 10px 0 0;
    background-color: transparent;
    width: 100%;
}

.dropdown:hover{

    overflow: visible;
}
.dropdown:hover .dropbtn {
    background-color: #dde3e3;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #dde3e3;
    min-width: 160px;
    z-index: 9999;
    border-radius: 0 0 10px 10px;
    max-width: 100%;
    top: 47px;
    margin: 0;
}

.dropdown-content a {
    float: none;
    color: #0f3553;
    padding: 8px 0px;
    text-decoration: none;
    display: block;
    text-align: left;
    background: #dde3e3;
}


.topnav a:hover {  
    color: #00b4eb;
}

.dropdown-content a:hover {
    background-color: #005296;
    color: #fff;
}
.dropdown-content li:last-child .miniline{
    display: none;
}
.dropdown-content li:hover .miniline{
    width: 0px;
} 
.dropdown:hover .dropdown-content {
    display: block;
}

.responisve .dropdown:hover .dropdown-content {
    border: 1px solid;
    border-radius: 10px;
}

@media (max-width: 1199.98px) {
    .topnav a{
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
        margin-right: 100px;
    }
}

@media (max-width: 1199.98px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }

    .topnav {
        border-bottom:0px solid;

    }
}

/*Globales*/
.oswald{
    font-family: 'Oswald', sans-serif;

}
.marg39{
    margin: 39px;
}

.miniline{
    width: 26px;
    height: 2px;
    margin: 0 0 6px 0;
}
.white{
    background-color: #fff;
}

.darkblue{
    background-color: #0f3553;
}

.titulo{
    font-size: 77px;   
    letter-spacing: -2px;
    line-height: 142px;

    font-weight: 200;
}
.lghtblue{
    background-color: #00b4eb;
}
.lgblue{
    color: #00b4eb;

}

.subtitulo{
    font-size: 18px;   
}
.grey{
    color: #aeb4c0;
}
.btna{
    margin: 20px 0;
}
.btna a{
    text-decoration: none;
    border: 1px solid;
    border-radius: 10px;

    padding: 10px;
    letter-spacing: 3px;
    font-size: 12px;
}

.row{
    margin: 0px
}

.green{
    background-color: #84bc27;
}
/******************/

.sociales{    
    width: 45px;
    position: absolute;
    top: 0;
    left: 40px;
    text-align: center;
    height: 100%;
    display: table-footer-group;
}
.sociales>div{

    position: relative;
    left: 0;
}

.sociales>div:nth-child(1){

    position: absolute;
    bottom: 30%;
}
.sociales>div:nth-child(2){ 
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 13px;
    width: 208px;
    position: absolute;
    bottom: 20%;
    left: -81px;
    letter-spacing: 5px;
}

.imgcont {
    position: fixed;
    bottom: 6%;
    right: 40px;
    z-index: 999;
}
/******************/

/*HOME*/
.sliderHome .slides li .row>div:nth-child(2){
    margin-top: 3%;
}
.sliderHome .slides li .row>div>div:first-child{
    font-size: 76px;
    line-height: 81px;
    font-weight: 200;
}
.sliderHome .slides li .row>div>div:last-child{
    font-size: 26px;
    line-height: 32px;
    width: 40%;
    margin: 6% 1% 1% 20%;
    font-weight: 200;
    text-align: right;
    background-image: url(../img/disslider.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-right: 7px;
    padding-bottom: 5px;
    background-size: contain;
}

.sliderhome ul.slides li{
    position: relative;
}
.sliderhome ul.slides li a{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:9999999;

}

.sliderHome .numberslide{
    display: flex;
}

.sliderHome .numberslide .miniline{
    height: 1px;
    width: 100%;
}


.sliderHome .numberslide .miniline.activo{
    height: 2px;
}
.sliderHome .numberslide>div:first-child,.sliderHome .numberslide>div:last-child{
    color:#0f3553;
    font-size: 22px;
}

.sliderHome .numberslide>div{
    color:transparent;
    font-size: 22px;
}

.sliderHome{
    position: relative;
    background-image: url(../img/bcksliderhome.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 160px;
    margin-top: -80px;
}


.sliderHome .flexslider{
    background: transparent;
}

.infoHome{

    margin: 100px;
    text-align: center;
}

.nuestrosprod{

    background-image: url(../img/bckWP2.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 83px 0 169px;
}


.nuestrosprod>.row>div:nth-child(2)>div.subtitle .miniline{

    margin: 13px 12px 15px 0;
}

.nuestrosprod>.row>div:nth-child(2)>div.subtitle{
    font-weight: bold;
    font-size: 15px;

    color: #aeb4c0;
}


.nuestrosprod>.row>div:nth-child(2)>div.title{

    font-size: 55px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 61px;
    width: 55%;
    margin: 22px 0;
}

.nuestrosprod>.row>div:nth-child(2)>div.listprod{
    box-sizing: content-box;
}

.nuestrosprod>.row>div:nth-child(2)>div.listprod>div{

    padding: 0 35px;
}
.nuestrosprod>.row>div:nth-child(2)>div.listprod .info{
    background: #fff;
    border-radius: 14px;
    position: relative;
    padding: 0;
    /*! width: 227px; */
    overflow: hidden;
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info .num{
    position: absolute;

    background-image: url(../img/bcknum.png);
    background-size: cover;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 8px;
    background-repeat: no-repeat;
    z-index: 1;
}

.nuestrosprod>.row>div:nth-child(2)>div.listprod .info .arrow{
    position: absolute;        
    background-image: url(../img/arrowblue.png);
    background-size: inherit;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    right: 20px;
    top: 20px;
    z-index: 1;
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info .img img{
    width: 100%;
    filter: grayscale(1);
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info .title{
    text-align: center;
    font-size: 28px;
    padding: 20px 12px 0 12px;
    line-height: 33px;
    font-weight: 200;
    height: 148px;
    overflow: hidden;
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info .intro{
    text-align: center;
    font-size: 17px;
    padding: 10px 14px 10px 14px;
    line-height: 22px;
    font-weight: 200;
    overflow: hidden;
    height: 131px;
    color: #b9bec8;
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info:hover{
    background-color: #005296;
    -webkit-box-shadow: 23px 23px 30px 9px rgba(0,0,0,0.44);
    -moz-box-shadow: 23px 23px 30px 9px rgba(0,0,0,0.44);
    box-shadow: 23px 23px 30px 9px rgba(0,0,0,0.44);
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info:hover .num{
    background: none;
    color: #0bb7ec;
}
.nuestrosprod>.row>div:nth-child(2)>div.listprod .info:hover .img img{
    filter: grayscale(0);
}

.nuestrosprod>.row>div:nth-child(2)>div.listprod .info:hover .title{
    color: #fff;
}


.nuestrosprod>.row>div:nth-child(2)>div.listprod .info:hover .arrow{
    background-image: url(../img/arrowwhite.png);
}

.secback1{
    background-image: url(../img/bck3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding-top: 150px;
}
.ourserv .sliderserv .row .texto .subtitle{
    display: ruby;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 2px;
}

.ourserv .sliderserv .row .texto .info{

    display: flex;
}

.ourserv .sliderserv .row .texto .title{
    font-size: 57px;
    font-weight: 300;
}
.ourserv .sliderserv .row .texto .title span{
    margin-right: 25px;
}

.ourserv .sliderserv .row .texto .intro{
    font-size: 18px;    
    margin: 20px 0 0 0;
    text-align: justify;
}

.ourserv .sliderserv .row .texto .btns{
}

.ourserv .sliderserv .row .texto .btns a{
    border: 2px solid;
    text-decoration: none;
    padding: 8px;
    font-size: 12px;
    border-radius: 6px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 20px 0 0;
}

.ourserv .sliderserv .row .texto .btns a:hover{
    color: #fff;
    background-color: #00b4eb;

}

.noticia .img img{
    max-width: 100%;
}

.noticia .imgdis{
    position: absolute;
    left: -45px;
}
.noticia .fecha{
    font-size: 18px;
    font-weight: 600;
}
.noticia .author{
    font-size: 18px;
    display: block ruby;
}

.noticia .author .miniline{
    height: 4px;
}

.noticia .texto .titulo{
    font-size:36px;
    line-height: 40px;  
    margin: 20px 0;

}

.noticia .texto{
    margin-top: 20px
}

.noticia .texto .intro{
    font-size: 18px;
    text-align: justify;

}

.noticia .enlaces{
    margin: 20px 0
}
.noticia .enlaces a.vermas{
    border: 2px solid;
    text-decoration: none;
    padding: 8px;
    font-size: 12px;
    border-radius: 6px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 20px 0 0;
    color: #00b4eb;
}

.clientes{
    background-color: #aeb4c06e;
    color: #fff;
    position: relative;
    padding: 65px 0;
    margin: 150px 0 40px 0;
}

.clientes .title{
    font-size: 58px;    
    font-weight: 200;
    line-height: 58px;

    padding: 3% 0 0 0;
}

.clientes .flexslider {
    background: none;
}

.clientes .arrowflex a {
    text-decoration: none;
    width: 50px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.clientes .arrowflex{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0f3553;
    z-index: 9;
}
.clientes .arrowflex a::before {
    font-family: "flexslider-icon";
    font-size: 25px;
    content: '\f001';
    color: #fff;
}

.clientes .arrowflex a.flex-next::before {
    content: '\f002';
}
.marcas{
    text-align: center; 
    color: #5e5e5e;
}
.marcas .listbrand img{
    margin: 20px
}

/*QUIENES SOMOS*/
.qsomos{
    padding-top: 100px;
    background-image: url(../img/bck4.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.qsomos .texto .titulo{
    padding-left: 50%;
    font-size: 100px ;
    line-height: 100px;

    padding-bottom: 11%;
    z-index: 9;
    position: inherit;
    -webkit-text-stroke: 1px #fff;
}
.qsomos .texto .info{
    font-size: 18px;    
    text-align: justify;
    color: #4b4b4b;

}
.qsomos .img img{
    max-width: 100%;
}
.qsomos>.titulo{
    font-size: 80px;
    text-align: center;
}
.qsomos .btna a{
    border: 2px solid;
    padding: 10px 40px;
}

/*Contactenos*/

.contactus{
    padding-top: 100px;
    background-image: url(../img/bck4.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.contactus .texto .titulo{
    font-size: 100px;
    line-height: 160px;
    margin-bottom: 50px;
}
.form{
    margin-top: 10%;
}
.form input,.form textarea{
    border: 2px solid #d3d3d3;
    border-radius: 10px;
    width: 100%;
    font-size: 12px;
    padding: 9px 10px;
    margin: 12px 0;
}
.form input[type="checkbox"]{
    width: 9px;
}

.form label{
    text-transform: uppercase;
    font-size: 12px;

    color: #00b4eb;
}

.form .submit {
    width: 100%
}

.form .submit input{ 
    background-color: #00b4eb;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 700;
}

/*novedades*/
.novedades{
    padding-top: 100px;
    background-image: url(../img/bck4.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.novdos .noticia{
    margin-bottom: 30px;
}

.ltnovedades .noticia{
    margin-bottom: 30px;
}
.secnot .secback1{

    margin-top: -144px;
}

/*SERVICIOS*/
.servicio{
    padding-top: 100px;
    background-image: url(../img/bck4.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.servicio .texto .titulo{
    font-size: 100px ;
    line-height: 100px;
    padding-bottom: 11%;
    z-index: 9;
    position: inherit;
    -webkit-text-stroke: 1px #fff;
}
.servicio .texto .info{
    font-size: 18px;    
    text-align: justify;
    color: #4b4b4b;

}
.servicio .img img{
    max-width: 100%;
}
.servicio>.titulo{
    font-size: 80px;
    text-align: center;
}
.servicio .btna a{
    border: 2px solid;
    padding: 10px 40px;
}
.contactanos .form{
    margin-top: 41px;
}
.contactanos{
    padding: 97px 0;
}

.contactanos .titulo{
    font-size: 57px;   
}

.contactanos .info{
    font-size: 18px;   
}
/*NOVEDAD*/
.novedad .img{
    margin: 20px 0
}
.novedad .img img{
    max-width: 100%;
}
.novedad .info{
    margin: 66px 0 0 0;
}
.buscador{   
    position: absolute;
    width: 26px;
    right: 0;
    padding-top:21px;
}

.buscador i{
    font-size: 15px
}
.buscador .form{
    display: none;
    position: absolute;
    left: -275px;
    width: 375px;
}
.buscador .form input{
    text-align: center;
    width: 100%;
}
/*responsive*/

@-ms-viewport {width: device-width;}

@media (max-width: 1600px) {
    .sliderHome .slides li .row > div > div:first-child {
        font-size: 50px;
        line-height: 62px;
        font-weight: 200;
    }


    .nuestrosprod > .row > div:nth-child(2) > div.title {
        font-size: 49px;
        line-height: 56px;
        width: 78%;
    }
    .nuestrosprod > .row > div:nth-child(2) > div.listprod > div {
        padding: 0 7px;
    }
    .ourserv .sliderserv .row .texto .title {
        font-size: 55px;

    }
    .clientes .title {
        font-size: 44px;
        line-height: 49px;
    }
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .titulo {
        font-size: 49px;
        line-height: 100px;
    }
    .sliderHome {
        padding-top: 0;
        margin-top: 0px;

    }
    .sliderHome .slides li .row > div > div:last-child {
        background: none;
    }

    .sociales > div:nth-child(1) {
        bottom: 38%;
    }

    .scroll img{
        height: 80px;
    }

    .clientes .title {
        font-size: 32px;
        line-height: 43px;
        padding: 0;
        text-align: center;
    }

    .nuestrosprod {
        padding: 46px 0 82px;
    }
    .secback1 {
        padding-top: 80px;
    }

    .secnot .secback1 {
        margin-top: 0;
        padding: 0;
    }
    .clientes {
        padding: 62px 0;
        margin: 95px 0 40px 0;
    }

    .qsomos .texto .titulo {
        padding-left: 38%;
        font-size: 80px;
        line-height: 85px;
        padding-bottom: 8%;
    }
    .qsomos > .titulo {
        font-size: 50px;
    }

    .contactus .texto {
        text-align: center;
    }
    .contactus .texto .titulo {
        font-size: 80px;
        line-height: 72px;
    }

    .servicio .texto .titulo {
        font-size: 80px;
        line-height: 71px;
        padding-bottom: 7%;
    }
}


/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
    body {
        font-size: 26px;
    }
    footer .row div:last-child {
        padding: 0;
    }

    footer .row{
        text-align: center;
        font-size: 30px;
    }
    footer .row div:nth-child(2) {
        font-size: 22px;
    }
    footer .row a {
        font-size: 30px;
    }
    .sliderHome .slides li .row > div > div:first-child {
        font-size: 55px;
        line-height: 62px;
        text-align: center;
    }

    .sliderHome .slides li .row > div > div:last-child {
        font-size: 30px;
        line-height: 36px;
        width: 70%;
        margin: 6% 1% 1% 15%;
        text-align: center;
    }

    .sociales {
        width: 89%;
        position: relative;
        top: 0;
        left: 40px;
        text-align: center;
        height: auto;
        display: block;
    }

    .socials {
        font-size: 35px;
        width: 40px;
        height: 40px;
    }
    .sociales > div:nth-child(2) {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 22px;
        width: 100%;
        position: inherit;
        bottom: 0;
        left: 0;
        letter-spacing: 3px;
        display: contents;
    }
    .sociales > div:nth-child(1) {
        position: initial;
        width: 100%;
        display: block;
    }
    .titulo {
        font-size: 49px;
        line-height: 52px;
    }
    .subtitulo {
        font-size: 30px;
    }
    .btna a {
        font-size: 23px;
    }
    .infoHome {
        margin: 50px;
    }
    .nuestrosprod > .row > div:nth-child(2) > div.subtitle {
        font-size: 25px;
    }
    .nuestrosprod > .row > div:nth-child(2) > div.title {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 300;
        line-height: 38px;
        width: 100%;
        margin: 22px 0;
    }

    .nuestrosprod > .row > div:nth-child(2) > div.listprod .info .num {
        width: 100px;
        height: 100px;
        font-size: 30px;
        padding-top: 25px;
    }
    .nuestrosprod > .row > div:nth-child(2) > div.listprod .info .title {
        font-size: 38px;
        line-height: 42px;
        height: 148px;
    }

    .nuestrosprod > .row > div:nth-child(2) > div.listprod .info .intro {
        font-size: 29px;
        line-height: 34px;
        height: auto;
    }

    .ourserv .sliderserv .row .texto {
        padding-bottom: 100px;
    }
    .ourserv .sliderserv .row .texto .title {
        font-size: 46px;
    }

    .ourserv .sliderserv .row .texto .subtitle {
        font-size: 25px;
        line-height: 26px;
    }

    .ourserv .sliderserv .row .texto .intro {
        font-size: 28px;
    }
    .ourserv .sliderserv .row .texto .btns a {
        font-size: 20px;
    }

    .noticia .fecha {
        font-size: 23px;
    }
    .noticia .author {
        font-size: 24px;
    }

    .noticia .texto .titulo {
        font-size: 42px;
        line-height: 45px;
    }
    .noticia .texto .intro {
        font-size: 26px;
    }

    .noticia .enlaces a.vermas {
        font-size: 22px;
    }

    .clientes .title {
        font-size: 39px;
        line-height: 56px;
        padding: 11px 0;
    }
    .qsomos {
        padding-top: 44px;
    }
    .qsomos .texto .titulo {
        padding-left: 0;
        font-size: 70px;
        line-height: 70px;
        text-align: center;
    }

    .qsomos .texto .info {
        font-size: 31px;
    }

    .novedades .sociales {
        width: 89%;
        top: 0;
        left: 0;
        text-align: center;
        height: 45px;
        display: block;
        position: absolute;
    }

    .buscador svg{
        font-size: 34px;
    }
    .buscador {

        padding-top: 41px;
    }

    .novdos{

        margin-top: 22px;
    }
    .form input, .form textarea {
        width: 100%;
        font-size: 24px;
        padding: 9px 10px;
        margin: 12px 0;
    }
    .form label {
        font-size: 22px;
    }

    .servicio .texto .info {
        font-size: 28px;
    }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .ourserv .sliderserv .row .texto .btns a {
        width: 100%;
    }
}

@media (max-width: 575.98px) { 

}