@charset "utf-8";

/* Menu */
.menu1{
    text-align: left;
    left: 10%;
    padding-bottom: 14%;
}

.fondo-menu{
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.navbar, .navbar-nav {
    width: 100%;
}

.index-logo {
    height: 5em;
    width: 20em;
}

.img-logo {
    max-width: 100%;
    max-height: 100%;
    float: left;
}

.navbar li {
    text-align: center;
}

.navbar-light .navbar-nav .nav-link {
    color: black !important;
}
.menu{
    position: absolute;
   
}

.desc-caption{
    font-family: "Bold";
    font-size: 40px;
    text-align: left;
}
.desc-caption2{
    font-family: "Black";
    font-size: 80px;
    color: #ec9e24	;
    text-align: left;
}
.nav-item{
    margin: auto;
   
}
.nav-link{
    font-family: "Bold";
    font-size: 20px;
    color: black !important;
}
.nav-link:hover{
    border-top: 5px solid #ec9e24;	
    border-bottom: 5px solid #ec9e24;
}
.btn-yellow{
    background-color: #ec9e24;
    color: white;
    font-family: "Regular";
    font-size: 23px;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 1%;
    padding-top: 1%;
    border-radius: 14px;
}
.footer1{
    justify-content: center;
    text-align:center;
    padding-top: 1%;
    padding-bottom: 1%;
    border-bottom: 12px solid #ec9e24;
}

.footer3{
    justify-content:center;
}
.footer4{
    font-family: "Regular";
    font-size: 15px;
    color: white;

}
.footer5{
    padding-top:3%;
    background-color: #394c5b;
}
.footer6{
    background-color:white;
    padding-top: 1%;
    padding-bottom: 1%;
}
.img-logo2 {
    max-width: 100%;
    max-height: 100%;
    float: left;
}
.index-logo2 {
    height: 6em;
    width: 20em;
}
.carousel-control-next, .carousel-control-prev{
    font-size: 40px;
}
/* Index */
.index1{
    max-width: 100%;
    max-height: 100%;
}
.index2{
    font-family: "Bold";
    font-size: 48px;
    color:white;
    letter-spacing: 2px;
}

.index3{
    font-family: "Regular";
    font-size: 23px;
    text-align: justify;
    color:white;
    padding-top: 6%;
    padding-bottom: 6%;
    padding-right: 33%;
    line-height: 112%;
}
.index5{
    background-color: #1a2630;
 /*   margin: auto;*/
    justify-content: center;
  /*   margin-right: 0px; */
    text-align: center;
}
.index4{
    margin:auto;
    padding-left:4%;
    padding-right:15px;
}
.index6{
    color:black;
}
.index7{
  /*  margin:auto;*/
    background-color: white;
    text-align:  center;
    padding: 5%;
    margin-right: 0px;
}
.index8{
    font-family: "Regular";
    font-size: 25px;
    color:black;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 22%;
    padding-left: 22%;
}
.index10{
    background-color: #ec9e24;
}
.index11{ margin:auto; }
.index12 {
   /* position: absolute;
    background-color: rgb(0,0,0,0.7);*/
    margin-top: -29%;
    width: 100%;
    right: 0%;
    height: 83%;
    
}
.index13{
    font-family: "Bold";
    font-size: 50px;
    text-align: right;
    color:white;
    margin:auto;
    padding-right: 5%;
    padding-top: 5%;
    letter-spacing: 2px;
}
.index14{
    max-width: 30%;
    max-height: 30%;
    margin-left: 36%;
}
.index15{
    max-width: 106%;
    max-height: 100%;
}
.index17{
    float: right;
    max-width: 100%;
    max-height: 100%;
    
}
.index18{
    padding-right: 0px;
    padding-left: 0px;
}
.index19{
    margin-left: 26% !important;
    max-width: 50%;
    max-height: 50%;
}
.index20{
    font-family: "Light";
    font-size: 30px;
    color: white;
    text-align: left;
}

.index21{
    font-family: "Regular";
    font-size: 25px;
    color: white;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 22%;
    padding-left: 22%;
    text-align: center;
}
.index22{
    font-family: "Bold";
    font-size: 48px;
    color:white;
    letter-spacing: 2px;
    margin: auto;
}
.index23{
    text-align: center;
    margin-top: -14%;
    width: 100%;
    right: 0%;
    height: 83%;
}
.index24{
    background-color: teal;
    height: 500px;
    width: 100%;
    z-index: 1;
}
.btn-yellow3{
    float: right;
    margin-right: 5%;
}

.sinpad{
    padding: 0px;
}
.nos1{
    font-family: "Bold";
    font-size: 30px;
    color:white;
    padding:3%;
    background-color: #ec9e24;
    text-align: center;
    margin: auto;
}
.nos2{
    font-family: "Regular";
    font-size: 20px;
    color:white;
    padding: 6%;
    text-align: left;
}
.nos3{
    font-family: "Bold";
    font-size: 30px;
    color:white;
    padding:1%;
    background-color: #ec9e24;
    text-align: center;
    margin: auto;
    max-width: 20%;
}
.nos4{
    font-family: "Bold";
    font-size: 20px;
    color:white;
    text-align: center;
    padding-top:10%;
}

.prod1{
    text-align: center;
    margin-top: -10%;
}
.prod2{
    background-color: white;
    padding: 0px;
}
.prod3{
    margin: 0px;
    padding-left: 20%;
    width: 100%;
}
.prod4{
    background-color: #ec9e24;
    margin:auto;
    padding:3%;
    font-family: "Bold";
    font-size: 30px;
    color:white;
}
.prod5{
    padding-top: 3%;
    padding-left: 8%;
    padding-bottom: 6%;
    font-family: "Regular";
    font-size: 20px;
    padding-right: 10%;
}
.prod6{
    padding-top:7%;
    padding-bottom:7%;
    max-width: 20%;
    max-height: 20%;
}
.prod8{
    margin:auto;
    padding: 0px;
}
.prod9{
    color:white;
    padding: 7%;
    font-family: "Regular";
    font-size: 20px;
    text-align: center;
    margin: auto;
    justify-content: center;
    background-color: #394c5b;
    width: 22em;
    height: 7em;
}
.prod10{
    padding: 5%;
    width: 100%;
    padding-bottom: 27%;
}
.prod11{
    padding-bottom: 3%;
    padding-left: 13%;
}

.prod12{
    background-color: #2a3744;
    color:white;
    max-width: 10%;
    max-height: 10%;
    text-align: center;
    font-family: "Bold";
    font-size: 50px;
}
.prod13{
    background-color: #ec9e24;
    padding-left:5%;
    color:white;
    font-family: "Bold";
    font-size: 23px;
    max-height: 100%;
    padding-top: 1em;
}
.prod14{
    color:white;
    font-family: "Regular";
    font-size: 20px;
    border-left: 8px solid #2a3744;
    margin-left: 2%;
    padding-left: 12%;
    line-height: 170%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.prod15{
margin: auto;
background-color: #ec9e24;
padding: 7%;
}
.prod16 {
    padding-left: 17%;
}
.pre1{
    color:#2a3744;
    font-family: "Bold";
    font-size: 48px;
    text-align: center;
    padding:3%;
}
.pre2{
 max-width: 100%;
 max-height: 100%;
 padding-top: 3%;
 padding-bottom: 3%;
}
.pre3{
 background-color: white;
 text-align: center;
 padding-bottom: 3%;
}
.pre4{
    color:white;
    font-family: "Bold";
    font-size: 34px;
    padding-top:3%;
}
.pre5{
    color:white;
    font-family: "Regular";
    font-size: 23px;
    padding-top:1%;
    padding-left: 30%;
    padding-right: 30%;
    padding-bottom: 2% ;
    line-height: 100%;
}
.pre6{
    color:white;
    font-size: 2em;
}
.pre7{
    width: 63%;
    float: left;
}
.btn-yellow4{
    background-color: #ec9e24;
    color: white;
    font-family: "Regular";
    font-size: 23px;
    padding-left: 2%;
    padding-right: 2%;
    border-radius: 0px;
    margin-top: 2%;
    padding-bottom: 0%;
    padding-top: 0%;
    margin-bottom: 2%;
}
#contactForm {
    padding-bottom: 40px;
    margin: 0 auto;
    padding-top: 14px;
    color: white;
}
.con1{
    color: white;
    font-family: "Bold";
    font-size: 18px;
    text-align: right;
    margin: auto;
   
}
.con2{
    width: 92%;
    margin-bottom: 2%;
    margin-top: 2%;
    height: 2.5em;
}
.con3{
    color: white;
    font-family: "Regular";
    font-size: 16px;
    text-align: left;
    margin: auto;
}
.con4{
    padding-left: 19%;
}
@media (max-width: 1824px){
    .index23 {
        margin-top: -17%;
    }
}
@media (max-width: 1620px){
    .index23 {
        margin-top: -18%;
    }
    .index2 {
        font-size: 42px;
    }
    .index3{
        padding-right: 22%;
        font-size: 20px;
    }
}

@media (max-width: 1420px){

    .con4{
        padding-left: 3%;
    }
    .con2 {
        width: 95%;
    }    
    .prod3 {
        padding-left: 17%;
    }
    .prod5 {
        padding-bottom: 3%;
    }
    .prod4{
        font-size: 27px;
        padding: 2%;
    }
    .prod6{
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .index23 {
        margin-top: -21%;
    }
    .index2 {
        font-size: 35px;
    }
    .index3{
        padding-right: 22%;
        font-size: 20px;
    }
}
@media (max-width: 1241px){
    .index23 {
        margin-top: -28%;
    }
}
@media (max-width: 1150px){
.con5{
    padding-top: 9%;
}
}
@media (max-width: 1200px){
    .con3 {
        font-size: 14px;
    }
    .con4{
        padding-right: 0px;
    }
    .prod5{
        padding-right: 3%;
    }
    .prod3 {
        padding-left: 10%;
    }
    .prod4 {
        font-size: 25px;
    }
    .prod6 {
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .nos4 {
        font-size: 16px;
    }    
    .index8{
        
    padding-right: 10% ;
    padding-left: 10% ;

    }
    .index2 {
        font-size: 31px;
    }
    .index3 {
        padding-right: 20%;
        font-size: 17px;
    }
    .nav-link {
        font-size: 17px;
    }
    .desc-caption{
        font-family: "Bold";
        font-size: 30px;
        text-align: left;
    }
    .desc-caption2{
        font-family: "Black";
        font-size: 65px;
        color: #ec9e24	;
        text-align: left;
    }
    .btn-yellow {
        font-size: 18px;
    }
}
@media (max-width:1100px){
    .prod5 {
        font-size: 19px;
    }
    .prod4 {
        font-size: 24px;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index13 {
        font-size: 40px;
        padding-top: 2%;
    }
    .index6{
        font-size: 33px !important;
    }
    .index2 {
        font-size: 26px;
    }
    .index3 {
        padding-right: 26%;
        font-size: 16px;
    }
    .carousel-control-next, .carousel-control-prev{
        font-size: 30px;
    }
    .index-logo2 {
        height: 4em;
        width: 20em;
    }
}
@media (max-width: 991px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .con4 {
        padding-left: 19%;
    }
    .con5{
        padding-top: 0%;
    }
    .prod10{
        margin: auto;
        padding: 0%;
        width: 100%;
        padding-bottom: 5%;
    }
    .prod5 {
        font-size: 19px;
        padding-right: 0px;
    width: 100%;
    }
    .prod4 {
        font-size: 24px;
    }
    .nos2 {
        font-size: 17px;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index22 {
        font-size: 33px;
    }
    .index23 {
        margin-top: -36%;
    }
    .index19{
        margin-left: 40% ;
    }
    .index14 {
        margin-left: 40%;
    }
    .index12 {
        margin-top: -20%;
        width: 100%;
        /* right: 0%; */
        max-height: 100%;
        /* max-width: 101%; */
    }
    .index2 {
        font-size: 20px;
    }
    .index3 {
        padding-right: 27%;
        font-size: 13px;
    }
    .nav-link {
        font-size: 15px;
    }
    .img-logo {
        max-width: 85%;
        max-height: 85%;
    }
    .img-logo2 {
        max-width: 85%;
        max-height: 85%;
    }

    .index-logo2 {
        height: 5em;
        width: 12em;
        margin-right: 0px;
    }.index-logo {
        height: 5em;
        width: 12em;
        margin-right: 0px;
    }
    .desc-caption2 {
        font-family: "Black";
        font-size: 50px;
        color: #ec9e24;
        text-align: left;
    }
    .desc-caption {
        font-family: "Bold";
        font-size: 25px;
        text-align: left;
    }
    .btn-yellow {
        font-size: 16px;
    }
    .menu1 {
        padding-bottom: 6%;
    }
}
@media (max-width: 856px){
    .pre7 {
        width: 91%;
    }
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .prod9 {
        font-size: 19px;
    }    
    .nos3{
        max-width: 26%;
    }
    .nos1 {
        font-size: 26px;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index23 {
        margin-top: -36%;
    }
}
@media (max-width: 783px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .prod9 {
        font-size: 18px;
    }    
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index23 {
        margin-top: -36%;
    }
    .index21 {
        font-size: 20px;
    }    
}
@media (max-width:768px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .footer4 {
        font-size: 13px;
    }
    .desc-caption {
        font-size: 15px;
    }
    .desc-caption2 {
        font-size: 37px;
    }
    .btn-yellow {
        font-size: 12px;
    }
    
}
@media (max-width:767px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .prod13 {
        background-color: #ec9e24;
        padding-left: 5px;
    }

    .index4{
        padding-left:10%;
    }
    .nos3{
        max-width: 100%;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index12 {
        margin-top: -22%;
    }
    .index2 {
        font-size: 35px;
        padding-top: 3%;
    }
    .index20{
        padding-top: 3%;
    }
    .index3 {
        padding-right: 4%;
        font-size: 19px;
    }
    .btn-yellow2 {
        font-size: 15px !important;
        margin-bottom: 4%;
    }
}
@media (max-width:627px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index23 {
        margin-top: -40%;
    }
}
@media (max-width:600px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .prod9 {
        font-size: 18px;
    }    
    
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index13 {
        padding-top: 1%;
    }
    .index8 {
        font-size: 21px;
    }
    .menu1 {
        padding-bottom: 6%;
    }
    .desc-caption {
        font-size: 13px;
    }
    .desc-caption2 {
        font-size: 25px;
    }
    .btn-yellow {
        font-size: 9px;
    }
    
}
@media (max-width:576px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .index21 {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .index2 {
        font-size: 30px;
        padding-top: 3%;
    }
    .index3 {
        padding-right: 4%;
        font-size: 16px;
    }
}
@media (max-width:767px){
    .pre5{
        padding-left: 13%;
    padding-right: 13%;
    }
    .con1 {
        text-align: center;
    }
    .con6{
        text-align: center;
    }
    .con4 {
        padding-left: 5%;
    }
    .con5{
        padding-right: 4%;
    }
}
@media (max-width: 500px){
    .pre1{
        font-size: 33px;
    }
    .prod9 {
        font-size: 15px;
    }    
    
    .index21 {
        font-size: 18px;
        padding-right: 5% !important;
        padding-left: 5% !important;
        line-height: 107%;
    }
    .index12 {
        margin-top: -25%;
    }
    .index8 {
        font-size: 18px;
        padding-right: 0%;
        padding-left: 0%;
    }
    .carousel-control-next, .carousel-control-prev{
        font-size: 20px;
    }
    .img-logo {
        max-width: 85%;
        max-height: 85%;
    }

    .index-logo {
        height: 5em;
        width: 12em;
        margin-right: 0px;
    }
    .img-logo2 {
        max-width: 85%;
        max-height: 85%;
    }

    .index-logo2 {
        height: 5em;
        width: 12em;
        margin-right: 0px;
    }
}
@media (max-width:450px){
    .con5{
        padding-right: 0%;
    }
    .prod9 {
        font-size: 10px;
    }    
    
    .prod14 {
        font-size: 13px;}
    .prod13 {
        font-size: 15px;
        padding-top: 0em;
    }
    .prod12 {
        font-size: 20px;
    }
    .prod4 {
        font-size: 22px;
    }
    .prod5 {
        font-size: 17px;
    }
    .index20 {
        font-size: 27px;
    }
    .index2 {
        font-size: 26px;
        padding-top: 3%;
    }
    .index21 {
        font-size: 16px;
        padding-right: 0% !important;
        padding-left: 8% !important;
        line-height: 107%;
        padding-top: 0%;
    }
    .index22 {
        font-size: 26px;
        padding-left: 8%;
    }
    .index13 {
        font-size: 30px;
        padding-top: 0%;
    }
    .index3 {
        padding-right: 4%;
        font-size: 17px;
    }
    .fondo-menu {
        
        position: relative;}
        .img-logo {
            max-width: 70%;
            max-height: 70%;
        }
        .index-logo {
            height: 5em;
            width: 10em;}
            .img-logo2 {
                max-width: 70%;
                max-height: 70%;
                padding-top: 4%;
            }
            .index-logo2 {
                height: 5em;
                width: 10em;}
}

/*Fonts*/
@font-face {
    font-family: "Bold";
    src: url("../fonts/Roboto-Bold.ttf");

    }
@font-face {
        font-family: "Black";
        src: url("../fonts/Roboto-Black.ttf");
    
        }
        @font-face {
            font-family: "Regular";
            src: url("../fonts/Roboto-Regular.ttf");
        
            }
            @font-face {
                font-family: "Light";
                src: url("../fonts/Roboto-Light.ttf");
            
                }