.menu-normal{

    display: none;
}

nav img {
    width: 28vw;
    margin-top: 9vw;
    margin-left: 9vw;
}

.btn_menu{
    position: absolute;
    cursor: pointer;
    display: block;
   width: 20px;
    right: 11vw;
    z-index: 6;
    top: 8vw;
}

.mockupasas {
    width: 100%;
}

.text-sas h2{
	
	    width: 100%;
    text-align: center !important;
	    margin-top: 5% !important;
}
.nav.menu_opened {
    height: 165vw;
    width: 100%;
    z-index: 6;
    display: flex;
    position: absolute;
    left: 0%;
    background-color: #00168ad9;
    overflow: hidden;
    transition: .3s;
}
.menu-responsive {
    display: flex;
    flex-direction: column;
    line-height: 4;
    margin-top: 10%;
    margin-bottom: auto;
    margin-left: 9vw;
}

.menu-responsive a{
color:white; 
font-family: 'Karla-Bold'; 
font-size: 8vw;
height: 15vw;
}


.nav{
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    width: 100%;
        height: 16%;
}

.cont-header1 {
    display: none;
}

.cont-header2 img {
    width: 80%;
    margin: auto;
}

.contenedor {
    position: absolute;
    width: 100%;
    height: 66%;
}
.a-btn-show {
    display: none;
}
.imagen img {
    height: 30%;
    }

.puntos {
    position: absolute;
    top: 116%;
    text-align: center;
    right: 73%;
}

.slider-header {
    width: 30%;
    display: flex;
    position: relative;
    top: 102%;
    flex-direction: column;
    left: 53vw;
    height: 20vw;
}
.cont-header {
    display: flex;
    height: 66%;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url(../../_images/elementos_fondo.png);
    background-size: 128vw;
    background-position-x: -21vw;
    background-position-y: -10vw;
    background-repeat: no-repeat;
}

.cont-header2 h3 {
    text-transform: uppercase;
    font-family: 'TTLakes-Medium';
    color: #fff;
    font-size: 7vw;
    text-align: center;
    line-height: 1.3;}

.cont-header2>p {
    font-family: 'Effra_Std_Lt';
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 5vw;
    display: flex;
    flex-direction: column;
}

.btn-info-top {
    border-radius: 30px;
    background-color: #162cef;
    height: 17vw;
    width: 50vw;
    margin: auto;
    display: flex;
    flex-direction: column;
    transition: .6s;
}
.btn-info-top p {
    color: #fff !important;
    font-family: 'Effra_Std_Rg' !important;
    margin: auto !important;
    font-size: 4vw !important;
}


.slider-header div {

    flex-direction: row;

}

.slider-header a {
    border-radius: 50%;
    border: #546bc4 2px solid;
    height: 15.5vw;
    width: 16vw;
    display: flex;
    margin-right: 4vw;
}

.siguiente .colorfill {
    fill: #fff !important;
    width: 3.8vw;
    height: 6vw;
    margin: auto;
}

.slider-header .header-fizq {
    width: 3.8vw;
    height: 6vw;
    margin: auto;
    transform: rotate(180deg);
    fill: #fff !important;
}

.about-us {
    height: auto;
    flex-direction: column;
    padding-left: 1vw;
    padding-right: 1vw;
}


.about-us-a {
    width: 75%;
    display: flex;
    align-items: center;
    margin-left: 7vw;
}

.about-us-a h3 {
    color: #00059f;
    font-family: 'Karla-Bold';
    font-size: 11vw;
    margin: 0;
    margin-left: 4vw;
}

.about-us-b {
    width: 100%;
    margin-top: 0%;
}

.about-us-b p {
    font-family: 'Karla-Regular';
    color: #636363;
    font-size: 4vw;
    line-height: 1.2;
    margin-top: 10%;
    padding-left: 2vw;

}

.about-us-a hr {

    height: 21.5vw;
    width: 1vw;

}

.about-nosotros {
    display: inline-block;
    margin-bottom: 10%;
}
.logo-footer {padding-top: 5%;}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)
{


.services-i {height: 92% !important;}
.item-service {width: auto !important;}
footer {padding-bottom: 5% !important; height: auto !important; }
.header-f {height: 83% !important;}
.header-fn {height: 75% !important;}
.title-fn {top: -20px !important;}
.cont-img-header-fn {top: -30px !important;}
.header-fb {height: 75% !important;}
.section2-fb {height: 139% !important; }
.contact-container {height: 335vw !important;}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px){ 

    

.services-i {height: 90% !important;}


}


@media only screen and (min-device-width: 360px) and (max-device-width: 667px){ 

    
.header-f {height: 75% !important;}
.services-i {height: 60% !important;}
.nav {height: 18%;}
}

@media only screen and (min-device-width: 400px) and (max-device-width: 900px){ 

    
.header-f {height: 75% !important;}
.services-i {height: 60% !important;}

}

.services-i {

    flex-direction: column;
   
    height: 55%;
    
}

.item-service {
  width: 100%;
}

.logo-footer img {
    width: 40vw;
    margin-bottom: 3%;
}


.menu-footer div {
    display: flex;
    width: 50vw;
}

.menu-footer div {
    display: flex;

   }

   .menu-footer a {

    font-size: 4.5vw;

}

footer {
    
    height: auto;
    margin-top: 0px;
    padding-bottom: 5%;

}

.social-footer {
    
    width: 40%;
    margin-top: 3%;

}
.social-footer img {
    width: 6vw;
    height: 4vw;
    }

.cont-privacy-footer {

    margin-top: 10vw;
}
.privacy-footer {
    width: 100%;
    font-size: 3.4vw;
    margin-left: 5%;
    margin-right: 5%;
    }


.item-service>div {
    width: 70%;
    height: auto;
}
.btn-info-serv {

    height: 15vw;
    width: 45vw;
    margin-top: 5%;

}
.btn-info-serv p {
    font-size: 4vw;
}
.service-rows {

  left: 70%;
    bottom: 63%;
}

.service-rows a {

    height: 15vw;
    width: 15vw;
    margin-top: 0vw;
}

.service-rows div {
    height: 40vw;

}



.owl-carousel {
    width: 81% !important;
}


.header-f {

    background-size: 192vw;
    background-position-x: -43vw;
    background-position-y: 40vw;
	height: 80% !important;

}
.cont-title-f {
    justify-content: center;
    margin-top: 35%;
    height: auto;
    flex-direction: column;
    align-items: center;
    padding-right: 0vw;
}

.phfracx {
    padding:0px;
}

.title-f {

    font-size: 7vw;
         width: 94%;
        text-align: center;
        top: 10vw;

}

.cont-img-header-f {
    width: 80%;
    left: 0px;
    margin-top: 20%;
}
.img-header-f {
    width: 100%;
    }

.necesary-advantages {
    
    bottom: 22vw;
}
.section-mid-bot{

          padding-top: 5%;
}


.container-advantages-f {
 
    position: initial;
    align-items: center;
    flex-direction: column;
    padding-top: 15%;
    margin-left: 6vw;
    margin-right: 6vw;
    height: 200vw;
}

.title-advantages-fb {
    width: 55%;
    height: 17vw;
    position: relative;
    left: 23%;
    top: 70%;
}
.title-advantages-fb p {

    font-size:4.5vw;
}
.item-advantage-f {

    width: 100%;
    height: 50%;
    margin-bottom: 5%;

}
.title-item-f {

    font-size: 10vw;
        padding-bottom: 4vw;

}
.text-advantage-f {

    font-size: 4.5vw;

}
.btn-advantages {
    height: 15vw;
    width: 52vw;
    margin-top: 23%;
}

.btn-advantages p {

    font-size: 5vw !important;
}
.sector3 {
  
    bottom: 35vw;
}


.sector-back .rot {
    width: 4vw;
}

.sector-back {

    left: 55vw;
    height: 0px;
        bottom: 21vw;
 
}

.btn-advantages2 {

    height: 15vw;
    width: 52vw;
   margin-top: 23%;
}
.btn-advantages2 p {

    font-size: 5vw !important;
}

.sector3 {
    bottom: 50vw;
}

.sector4 {
    
    bottom: 68vw;
}
.title-sec2-f {

    font-size: 8vw;

}
.necesary-advantages h2 {

    font-size: 8vw;

}
.necesary-advantages p {

    font-size: 4vw;
    width: 80%;
}
.cont-more-adv {

    max-width: 80vw;
    margin-top: 10%;
    overflow: hidden;
    overflow-x: scroll;
}
.more-adv-f {
    width: 100%;
    max-width: 91vw;
    margin-right: 2%;
    height: 55vw;
}
.more-adv-f p {
    font-size: 5vw;
    width: 71vw;
}

.section3-f {
    display: flex;
    flex-direction: column;
}

.instalation-f {

    align-items: center;
    flex-direction: column;
    margin-left: 5vw;
    margin-right: 5vw;
}

.item-inst-f {
    height: 85vw;
    width: 100%;
    padding-bottom: 50%;
}
.instalation-f>h4 {
    font-size: 8vw;
}

.item-inst h4 {

    font-size: 3.5vw;
}

.system-fracx {
margin-left: 5vw;
    margin-right: 5vw;
}
.system-fracx img {
    width: 45vw;
    }

.system-fracx h4 {
    font-size: 8vw;
}



.btn-system-fracx {
    height: 15vw;
    width: 50vw;
}

.instalation-f {

    padding-bottom: 0%;
}

.btn-system-fracx p {
    font-size: 4vw !important;
}


.system-fracx p {
    color: #3e3e3e;
    font-size: 5vw;
}



.info-contact {

    height: 70%;
    margin-top: 15%;
}

.info-contact h4 {

    font-size: 8vw;
    
}
.info-contact p {
    width: 100%;
    font-size: 4vw;
}

.section-contacts input {
    width: 90%;
    height: 14vw;
    margin-top: 5%;
    padding: 1.5vw;

}
.section-contacts select {
    width: 94%;
    padding: 1.5vw;
    height: 15vw;
    margin-top: 5%;
    }
.section-contacts textarea {
    width: 91%;
    height: 30vw;
        padding: 1.5vw;
        margin-top: 5%;

}

.section-contacts {

  height: 120vw;
    flex-wrap: initial;
}
.menu-cont .svg {
    width: 10vw;
    height: 5.3vw;
    bottom: 2.5vw;
}

.menu-cont a {

    font-size: 7vw;

}

.menu-cont {

    margin-right: 9vw;
    margin-top: 9vw;
}

.btn-info-contact {
    height: 15vw;
    width: 47vw;
}


.btn-info-contact h4 {
    font-size: 5vw !important;
}

.container-advantages-ct {

    flex-wrap: wrap;
    margin-left: 0vw;
    margin-right: 0vw;
    justify-content: center;
}
.item-advantage-cont {
    width: 42vw;
    height: 30vw;
}


.header-f-contact {
    height: auto;
}


.item-advantage-cont p {
    font-size: 3.5vw;
}

.item-advantage-contl {
    width: 42vw;
    height: 30vw;

}

.item-advantage-contl p {

    font-size: 3vw;
    width: 39vw;
}
.sv1 {
 
    margin-top: 1% !important;
}

#footer_cut {
    padding-top: 0px;
}

.contact-container {
    height: 340vw;
}


 /* FRACX BUILDINGS*/

.cont-title-fb {

    height: max-content;
    flex-direction: column;
    align-items: center;
    padding-right: 0vw;
    padding-top: 20%;
}

.title-fb {

    font-size: 6vw;
    width: 55%;
    text-align: center;
}

.cont-img-header-fb {
    width: 77vw;
}


.header-fb {

    background-size: 194vw;
    background-position-x: -43vw;
    background-position-y: 38vw;
	height: 80% !important;

}


.item-advantage {
    background-color: #fff;
    width: 100vw;
    border-left: 7px #00059f solid;
    height: 45vw;
    display: flex;
    box-shadow: 0px 0px 54px -15px rgb(131, 133, 212);
}

.container-advantages-fb {
    margin-top: 20vw;
    position: inherit;
    max-width: 80vw;
    margin-top: 10%;
    overflow: hidden;
    overflow-x: scroll;
}

.section2-fb {
    height: 115%;
}


.text-advantage-fb {

    font-size: 3.3vw;
    color: #555;
    width: 73vw;

}

.p1-sec2-fb {
 
    width: 100%;
}

.p1-sec2-fb p {
    line-height: 1.5;
    font-size: 3.5vw;
   color: #555;
       margin-top: 15%;
}

.more-advantages-fb {
    position: relative;
    bottom: 46vw;
}
.more-advantages-fb h2 {

    font-size: 6vw;
}

.container-ma-fb {
    margin-top: 5vw;
    justify-content: normal;
    position: inherit;
    max-width: 80vw;
    margin-top: 10%;
    overflow: hidden;
    overflow-x: scroll;
}
.section3-fb {
    background-color: #e1e6ff;
      height: 135vw;
    display: flex;
    flex-direction: column;
}
.instalation-fb {
    display: flex;
    margin-left: 5vw;
    margin-right: 5vw;
    flex-direction: column;
    align-items: center;
        top: -38vw;
      
}
.instalation-fb h4 {
    font-size: 6vw;
}
.item-inst-fb {

    width: 100%;
    margin: auto;
    text-align: center;
    font-family: 'Effra_Std_Rg';
    line-height: 2;
    font-size: 1vw;
    padding: 1.8vw;
    font-size: 3.3vw;
    color: #555;
    height: 60vw;
}
.item-inst {

    width: 49%;
    height: 55%;

}

.section4-fb {
    height: 50vw;
}

.btn-info {
    border-radius: 30px;
    background-color: #162cef;
    height: 14vw;
    width: 52vw;
}
.section4-fb p {
    color: #00059f;
    font-family: 'Karla-Bold';
    font-size: 5vw;
    text-align: center;
    width: 75vw;
    margin: auto;
}
.btn-info p {

    font-size: 4vw !important;
}
.item-inst p {

    font-size: 4vw;

}




 /* FRACX NET*/
.cont-title-net {justify-content: center;flex-direction: column; padding-right: 0px;padding-top: 0px;width: 100%;margin-top: 50%;align-items: center;}
.title-fn {text-align: center;font-size: 8vw;width: 50%;margin-left: 0px;top: 0px;}
.header-fn {background-size: 157vw;background-position-x: -39vw;background-position-y: 62vw;height: 80% !important;}
.cont-img-header-fn {width: 65vw;height: auto;position: relative;left: 0px; top: 0px; }
.sectionsmall{display: flex !important;height: 10% !important;}
.title-advantages-fn {width: 37%;height: 10vw;top: -4vw;left: 31%;}
.title-advantages-fn p {font-size: 3vw;}
.section1-fn {height: 60%;margin-top: 5vw;margin-bottom: 6vw;justify-content: center;z-index: -1;padding-left: 6vw;padding-right: 6vw;}
.advantage-fn {width: 100%;height: 20%;}
.header-advantage h4 {font-size: 4.3vw;}
.text-advantage-fn {font-size: 3.1vw;}
.section1-fn {height: max-content;}
.section2-fn {height: auto;}
.section2-fn h2 {font-size: 7vw;}
.section2-fn h4 {font-size: 4.5vw;margin-left: 5%;margin-right: 5%;}
.cat-costs-fn { margin-left: 0px;margin-right: 0px;width: 100%;justify-content: space-around;margin-bottom: 5%;}
.cat-costs-fn a {font-size: 3.5vw;width: 25%;}
.dialog-cat-fn {position: relative; top: 0px;width: 90%;height: auto;left: 0%;margin-left: 5%;margin-right: 5%;}
.triangulo_sup {bottom: 0vw;left: 38.90vw;border-right: 10px solid #0000;border-left: 10px solid #0000;border-bottom: 16px solid #fffffff2;margin-top: 5%;left:13.625%;}
.title-dialog h3 {font-size: 4vw;}
.title-dialog {margin-left: 15vw;margin-right: 15vw;}
.title-dialog h5 {font-size: 4.5vw;}
.info-text-s3 p {font-size: 4vw;}
.section3-fn {height: auto;}
.info-text2-s3 h4 {font-size: 7vw;}
.info-text2-s3 p {font-size: 4vw;}
.table-info-s3{display: none;}




.tabla-info-small{
    display: flex;
    width: 100%;
    height: auto;
    border: 1px #e9e9e9 solid;
}

.tabla-small{
        width: 100%;
}

.row-table-small{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
.title-dialog-small-bot{

 text-align: inherit;
 width: 100%;
 padding-right: 1%;
 padding-left: 1.5%;

}
.title-dialog-small-bot h5{

    font-family: 'Karla-Bold';
    font-size: 3.5vw;
    margin-bottom: 3vw;

}
.title-dialog-small-bot h3{

font-family: 'Karla-Regular';
    font-size: 3.4vw;
    color: #8c8c8c;
    margin: 0;
    margin-bottom: 7vw;

}


.title-dialog-small{

 text-align: inherit;
 width: 35%;
 padding-right: 1%;
 padding-left: 1.5%;
}


.title-dialog-small h5{
    font-family: 'Karla-Bold';
    font-size: 3.5vw;
    margin-bottom: 3vw;
}


.title-dialog-small h3{
font-family: 'Karla-Regular';
    font-size: 3.4vw;
    color: #8c8c8c;
    margin: 0;
    margin-bottom: 7vw;
}


.section1-f-sas {height: 50%;}
.container-advantages-f-sas {height: 50%;overflow: hidden;max-height: 100%;overflow-x: scroll;display: -webkit-box;}
.item-advantage-f-sas {width: 93%; height: 100%;margin-right: 2%; margin-bottom: 0px;}
.divadvantages-f-sas {height: 100%;flex-direction: column; margin-left: 0%; margin-right: 2%;}
.tittle-sas p {line-height: 1.5;font-size: 4vw;}
.tittle-sas {margin-bottom: 23%;}
.section2-f {padding-top: 7%;}
.necesary-advantages-sas h2 {font-size: 6.5vw;margin-left: 5%;margin-right: 5%; margin-top: 19%;}
.necesary-advantages-sas p {font-size: 4.5vw;width: 100%;}
.divtext-sas {width: 90%;flex-wrap: wrap;margin-left: 5%;margin-right: 5%;}
.section3-f-sas {height: auto;padding-bottom: 10%;}
.necesary-advantages-sas h3 {padding-bottom: 6vw;font-size: 6vw;}
.cont-img-header-app {left: 8%;}
.img-header-app {height: auto;width: 40vw;}
.sas-image{width: 57vw;height: auto;position: relative;bottom: 9vw; margin-top: 0px;}
.sas-f{top: -7vw;     margin-bottom: 30%;}



.cont-title-cre {
    display: flex;
    flex-direction: column;
	padding-right: initial;
    margin-top: 40%;
	align-items: center;
justify-content: none;}


.container-advantages-f-cre {
  display: none;
}



.container-advantages-f-cresmall{
	
	display: flex;
    flex-wrap: wrap;
}

.loges{
    width: 45%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
 	margin-bottom: 10%;
	
}
.loges2{
	    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
}

.items-cre{
	width: 80%;
}

.mockupcre{
	
	width: 100%;
	    height: 100vw;
}
.instalation-cre{
	
	
	margin-left: auto;
}

.item-inst-cre {
    width: 100%;
    height: auto;
	padding-bottom: 20%;

}
.section1-f-cre {
	flex-direction: column;
	height: max-content;
}

.title-advantages-cre {
    width: 41%;
	height: 15vw;
	    bottom: 10%;
	
}
.title-advantages-cre p{
	font-size: 3.5vw;
}

.submenu{
    width: auto;
    right: auto;
    display: flex;
    transition: all .5s ease;
    z-index: 11111;
    padding-bottom: 2%;
    padding-right: 1.3%;
    padding-left: 2%;
    flex-direction: column;
    height: max-content;
    background-color: rgba(255,255,255,0);
    position: relative;
    margin-top: 10vw;
}

.submenu a{
    font-size: 4vw;
    height: 10vw;
}