body{

    margin: 0;

    font-family: 'Lato', sans-serif;

}

.container{

    width: 1300px;

    margin: auto;

}

header{

    background-color: #224757;

    border-radius: 0 0 15px 15px;

    padding: 15px 25px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.logo > img{

    width: 372px;

}

.logo2 > img {

    width: 135px;

}

nav.menu {

    z-index: 1000;

}

.menu ul{

    display: flex;

    list-style: none;

    padding-right: 15px;

}

.menu ul li:hover ul{

    display: block;

}

.menu ul li a{

    padding: 6px 2px;

    color: #fff;

    text-decoration: none;

    background-image: url(../images/hoverMenu.jpg);

    background-repeat: no-repeat;

    background-position: bottom right;

    transition: all 1s;

    margin: 0 15px;

    display: block;

}

.menu ul li a:hover{

    background-position: bottom left;

}

.menu ul li a:active{

    background-position: bottom left;

}

.menu ul li ul{

    display: none;

    position: absolute;

    padding-inline-start: 0px;

    background: #69AC45;

    margin: 0 15px;

    padding: 0;

    box-shadow: 1px 5px 6px #0000004f;

    width: 181px;

    z-index: 1000;

}

.menu ul li ul li a:hover{

    background-color: #224757;

}

.menu ul li ul li a {

    padding: 15px;

    margin: 0;

}

.banner{

    position: relative;

}

.banner > img{

    margin: auto;

   display: block;

}

.introFill {

    padding: 15px 46px 0;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    display: flex;

    justify-items: center;

    background-color: #224757;

    width: 723px;

    border-radius: 15px 15px 0 0;

    align-items: center;

    margin: auto;

}

.introFill  span{

    padding-left: 15px;

    margin-left: 15px;

    border-left: solid 3px #69ac45;

}

.introFill  span p{

    color: #69ac45;

    font-weight: 900;

    font-size: 22px;

}

.TexInicio{

    background-color: #224757;

    border-radius: 15px;

    padding:20px 50px;

}

.TexInicio > p {

    color: #fff;

    font-size: 20px;

    text-align: center;

}

.OurSome{

    display: grid;

    grid-template-columns: 50% 50%;

    align-items: center;

    justify-content: center;

    padding: 50px;

    gap: 35px;

}

h1.HomeServices{

    font-size: 35px;

    font-weight: 900;

    color: #224757;

    margin: 0;

}

.OurSome p{

    font-size: 18px;

    color: #224757;

    margin: 15px 0 0;

}

.OurPhoto{

    display: block;

    margin: auto;

    border-radius: 30px;

}

.TextRight{

    padding-right: 15px;

    display: flex;

    flex-direction: column;

}

.ButtonServices{

    background-color: #69AC45;

    color: #fff;

    padding: 13px 70px ;

    border: none;

    margin-top: 15px;

    cursor: pointer;

    transition: 0.5s;

    width: 77px;

    text-align: center;

    text-decoration: none;

}

.ButtonServices:hover{

    background-color: #224757;

}

.HomeTechnologies{

    font-size: 35px;

    font-weight: 900;

    color: #69AC45;

    margin: 0;

    text-align: right;   

}

.TextLeft{

    display: flex;

    flex-direction: column;

    padding-left: 26px;

}

.TextLeft > p{

    text-align: right;

}

.ButtonTechnologies{

    color: #fff;

    padding: 13px 70px ;

    border: none;

    margin-top: 15px;

    cursor: pointer;

    transition: 0.5s;

    background-color: #224757;

    justify-self: right;

    display: block;

    align-self: end;

    width: 77px;

    text-align: center;

    text-decoration: none;

}

.left{

    align-self: flex-start;

}

.ButtonTechnologies:hover{

    background-color: #69AC45;

}

footer{

    background-color: #224757;

    border-radius: 15px 15px 0 0 ; 

    padding: 30px 80px 15px;

    display: flex;

    justify-content: space-between;

}

.infoFooter{

    display: grid;

    grid-template-columns: 35px 1fr;

    grid-gap:15px 5px;

}

.infoFooter img{

    grid-column: 1/2;

    margin: 0 auto;

}

.infoFooter p{

    grid-column: 2/3;

    color: #fff;

    margin: 0;

    margin-block-start: 0em;

    margin-block-end: 0em;

}

footer h4{

    font-size: 28px;

    color: #69AC45;

    margin: 10px 0 15px;

}

.RedesSociales{

    margin: 35px 0;

}

.RedesSociales a{

    margin: 5px 10px 5px 0px;

}

.RedesSociales a img{

    transition: all 0.2s;

}

.RedesSociales a img:hover{

    transform: translateY(-12px);

}

.FormFooter {

    display: grid;

    grid-template-columns: 250px 250px;

    gap: 15px;

}

.FormFooter > label{

    display: none;

}

.FormFooter > input, .FormFooter > textarea{

    padding: 15px 10px 11px;

    border-radius: 10px;

    border: none;

    outline: none;

   font-size: 20px;

}

.FormFooter > input::placeholder, .FormFooter > textarea::placeholder{

    color: #69AC45;

    font-size: 19px;

}

.FormFooter > p{

    grid-column: 1/3;

    margin: -7px 0 0px;

    color: #fff;

    font-size: 14px;

}

.FormFooter > textarea{

    grid-column: 1/3;

    font-size: 19px;

    font-family: 'Lato', sans-serif;



}

.buttomFooter{

    font-size: 17px;

    grid-column: 1/3;

    justify-self: center;

    border-radius: 10px;

    border: solid 2px #69AC45;

    width: 35%;

    text-align: center;

}

.AdOne{

    float: right;

    margin: 0px -50px -7px;

}   



/* inicio de de Aoubt us */ 



.aboutUsContent {

    display: grid;

    grid-template-columns: 516px 1fr;

    gap: 52px;

    padding: 48px 109px;

    align-items: center;

}

.AUs-Column-1{

    background-color: #fff;

}

.AUs-Column-1 p{

    font-size: 18px;

    color: #224757;

    margin: 15px 0 0;

    text-align: justify;

}

.AUs-Column-1 h1{

    color: #69AC45;

    font-size: 49px;

    margin: 15px 0;

    font-weight: 900;

}

.Aus-Column-2 {

    position: relative;

    height: 437px;

    width: 100%;

}

img.parte1 {

    position: absolute;

    transform: scale(0.6);

    top: 192px;

    animation-name: particula;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-direction: alternate;

}

@keyframes particula{

    0%{

        transform: translateY(-6px);

    }

    100%{

        transform: translateY(6px);

    }

}

img.parte2 {

    position: absolute;

    bottom: 0;

    right: 117px;

    transform: scale(0.7);

    animation-name: particula;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-direction: alternate-reverse;

}

img.parte3 {

    position: absolute;

    right: 53px;

    animation-name: particula;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-direction: alternate-reverse;

}

.photo-main {

    margin: auto;

    display: block;

}

.aboutButtom{

    width: 100%;

    display: block;

    margin: auto;

    border-radius: 15px;

    grid-column: 1/3;

}

.TextRight ul li p{

    font-size: 18px;

    color: #224757;

    margin: 5px 0 0;

}

.TextRight ul {

    list-style-image: url(../images/icon_list.png);

}

.Change-our {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 50px;

    padding: 15px 0 45px;

}

.colum1img {

    position: relative;

}

img.particula1 {

    position: absolute;

    animation: particula;

    bottom: 50px;

    left: -26px;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-direction: alternate-reverse;

}

.particula2 {

    position: absolute;

    right: 0;

    animation: particula;

    animation-duration: 0.5s;

    animation-iteration-count: infinite;

    animation-direction: alternate-reverse;

}

.particula3 {

    position: absolute;

    bottom: 0;

    right: 15px;

    transform: scale(0.8);

    animation: particula;

    animation-duration: 2.5s;

    animation-iteration-count: infinite;

    animation-direction: alternate-reverse;

}

.colum2img h5 {

    font-size: 35px;

    font-weight: 900;

    color: #224757;

    margin: 0;

}

.Back-Change{

    margin: auto;

    display: block;

}

.SendConct{

    font-size: 28px;

    color: #69AC45;

    margin: 10px 0 15px;

}

.ContactForm input, .ContactForm textarea{

    border: solid 1px #224757 ;

    padding: 6px 10px 6px;

}

.ContactForm input::placeholder, .ContactForm textarea::placeholder{

    color: #224757;

}

.ContactForm > p{

    grid-column: 1/3;

    margin: -7px 0 0px;

    color:#224757;

    font-size: 14px;

}

.AdOneF2{

    align-self: flex-end;

    position: absolute;

    right: 62px;

}

.slideTech{

    display: grid!important;

    grid-template-columns: repeat(2, 551px);

    align-content: center;

    padding: 34px 0px;

    justify-content: center;

    justify-items: center;

    width: 100%;

    background-color: #fff;

 

}

.center {

  

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    z-index: 1000;

}

.slidesTechnologies{

    display: grid;

    grid-template-columns: 50px 1200px 50px;

}

.bouttonsTech{

    display: grid;

    grid-template-columns: 50% 50%;

    gap: 5px;    

}

.ButtonTechno{

    background-color: #224757;

    color: #fff;

    border-radius: 9px;

    transition: 0.3s;

    padding: 12px 15px;

    border: none;

    font-size: 16px;

    text-align: center;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ButtonTechno:hover{

    background-color: #69AC45;

}

.invertir {

    transform: rotateY(180deg);

}

.colum2img {

    display: flex;

    flex-direction: column;

}

.NameProduct {

    border-bottom: solid 14px #69AC45;

}

.NameProduct > h1{

    color: #224757;

    text-transform: uppercase;

    font-size: 72px;

    line-height: 69px;

}

.GreenContent{

    background: #69ac45; /* Old browsers */

    background: -moz-linear-gradient(top,  #69ac45 46%, #69ac45 64%, #387717 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top,  #69ac45 46%,#69ac45 64%,#387717 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom,  #69ac45 46%,#69ac45 64%,#387717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ac45', endColorstr='#387717',GradientType=0 ); /* IE6-9 */

    border-radius: 15px;

    padding: 50px;

    margin-bottom: 26px;

}

.One-Column{

    display: grid;

    grid-template-columns: 550px;

    align-content: center;

    justify-content: center;

}

.two-Column{

    display: grid;

    grid-template-columns: 500px 500px;

    align-content: center;

    justify-content: center;

    gap: 35px;

}

.three-Column{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 35px;

}

.contentProduct{

    display: flex;

    align-items: center;

    flex-direction: column;

    background-color: #fff;

    border-radius: 15px;

    box-shadow: 0 0 10px #224757;

    padding: 20px 36px;

}

.contentProduct h2{

    font-size: 28px;

    color: #224757;

    text-align: center;

    line-height: 30px;

    margin-bottom: 1px;

    font-weight: 900;

}

.contentProduct p{

    text-align: center;

    color: #224757;

    font-size: 17px;

}

.contentProduct h4 {

    text-align: center;

    margin: 12px 0 0;

    font-size: 19px;

    font-weight: 900;

    color: #224757;

}

.imagenPoducto{

    width: 314px;

}
/*INICIO LABELING EQUIPMENT*/

div#SemAuRoundsProducts{
    justify-content: center;
    height: 620px;
}

div#SemAutoFLatOvalProducts {
    justify-content: center;
    height: 620px;
}

div#AutoRoudProducts{
    justify-content: center;
    height: 680px;
}

div#AutoFrontBack{
    justify-content: center;
    height: 680px;
}

div#PrintApply{
    justify-content: center;
    height: 570px;
}

div#StandAlone{
    justify-content: center;
    height: 570px;
}

/*FIN LABELING EQUIPMENT*/

/*INICIO INLINE SORTING, FILLING & CAPPING EQUIPMENT*/

div#SemAuOverflowFiller{
    justify-content: center;
    height: 600px;
}

div#AuOverflowFiller{
    justify-content: center;
    height: 600px;
}

div#PistonFiller {
    justify-content: center;
    height: 620px;
}

div#GearPump {
    justify-content: center;
    height: 620px;
}

div#Cappers {
    justify-content: center;
    height: 550px;
}

div#sortersElevators {
    justify-content: center;
    height: 550px;
}

/*FIN INLINE SORTING, FILLING & CAPPING EQUIPMENT*/

/*INICIO PRE WASHING & WASHING EQUIPMENT FOR 5 LT AND 19 LT CONTAINERS*/

div#CompleteWashing{
    justify-content: center;
    height: 640px;
}

div#ExteriorC{
    justify-content: center;
    height: 640px;
}

/*FIN PRE WASHING & WASHING EQUIPMENT FOR 5 LT AND 19 LT CONTAINERS*/

/*INICIO SPARE PARTS FOR THE BOTTLING INDUSTRY*/

div#FillinVal{
    justify-content: center;
    height: 405px;
}

div#CreowningP{
    justify-content: center;
    height: 405px;
}

div#BottleC{
    justify-content: center;
    height: 420px;
}

div#BottleL{
    justify-content: center;
    height: 420px;
}

div#BottleH{
    justify-content: center;
    height: 500px;
}

div#Elevation{
    justify-content: center;
    height: 500px;
}

div#GripCl{
    justify-content: center;
    height: 500px;
}

div#AirDistri{
    justify-content: center;
    height: 500px;
}

div#Cylindrical{
    justify-content: center;
    height: 500px;
}

div#Reconstruction {
    justify-content: center;
    height: 500px;
}

/*FIN SPARE PARTS FOR THE BOTTLING INDUSTRY*/













div#CreowningP{
    justify-content: center;
    height: 405px;
}

div#BottleL{
    justify-content: center;
    height: 417px;
}









.slideTech2{

    display: grid;

    grid-template-columns: 33% 33% 33%;



}

.slidePadding{

    margin: 15px 0 0;

}

.Profesional-main{

    width: 94%;

    display: block;

    margin: 64px auto;

}

.slidesProfessinal{

    grid-template-columns: 90%;

    height: 301px;

}

.TexInicio h1 {

    text-align: center;

    color: #69ac45;

    font-weight: 900;

}

.ourAbout{

    display: flex;

    grid-template-columns: none;

}

.ourAbout .OurPhoto{

    margin: 0;

}

.RedesSociales > a {

    display: none;

}

.av-Center > .av-container{

    grid-column: 1/3;

}

.menumovil{

    display: none;

}

.HomeTechnologies, .TextLeft > p{

    text-align: left;

}

.ButtonTechnologies{

    justify-self: left;

    align-self: start;

}

.TextLeft {

    padding-left: 0;

}

.OurSome img{

    order: 1;

}

.OurSome .TextLeft, .OurSome .TextRight {

    order: 2;

}

.bouttonsTech3{

    grid-template-columns: 1fr 1fr 1fr;

}