/* - - - - - - - - - - - - - - - 
CSS para pantallas medianas (Tablets)
Ultima modificación por:
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */


/* - - - - - - - - - - - - - - - 
INDEX HEADER
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
nav {height: 10%;}
.menu {width: 60%;}
nav img {width: 13vw;margin-top: 5vw;}
.cont-header {background-size: 100vw;background-position-x: -4vw;background-position-y: -7vw; margin-top: 5%;height: 80vw;}
.cont-header1 hr {width: 11vw;}
.cont-header1 p {font-size: 1.3em;}
.contenedor {width: 70%;height: 100%;}
.cont-header2 img {width: 31vw;}
.cont-header2 h3 {font-size: 4vw;line-height: 1.3;}
.cont-header2>p {line-height: 1.3;font-size: 1.3em;}
.btn-info-top {height: 17vw;	width: 27vw;}
.btn-info-top p {font-size: 1em ;}
.slider-header a {height: 6.5vw;width: 7vw;}
.slider-header div {height: 14vw;}
.slider-header {top: 73%;right: 5vw;}
.puntos {top: 126%;right: 14%;}
.punto {width: 22px;height: 22px;}
.a-btn-show {width: 30vw;	height: 10vw;}
.btn-show {width: 100%;	height: 100%;}
.btn-showa h4 {font-size: 1.3em;}
.btn-showb img {width: 2.5vw;	height: 2.5vw;}
.btn-info-top p {font-size: 1em !important;}

.submenu {width: auto;right: auto;padding-right: 1%;}

/* - - - - - - - - - - - - - - - 
ACERCA DE NOSOTROS
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.about-us {padding-left: 5vw;	padding-right: 5vw;}
.about-us-a h3 {font-size: 6vw;}
.about-us-b p {font-size: 2.2vw;line-height: 1.3;}
.about-us-a {width: 30%;}
.about-us-b {width: 70%;}



/* - - - - - - - - - - - - - - - 
SLIDER BOT CONTENT
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.services-i {height: max-content;padding-bottom: 5%;}
.item-service>div {width: 26vw;	height: 20vw;}
.btn-info-serv {height: 8vw;	width: 25vw;}
.service-rows div {height: 17vw;}
.service-rows a {height: 7.9vw;	width: 7.9vw;}
.btn-info-serv p {font-size: 2vw;}

/* - - - - - - - - - - - - - - - 
FOOTER
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

footer {z-index: -1;}
.menu-footer div {	width: 20vw;}
.menu-footer a {	font-size: 1.3em;}
.social-footer {width: 18vw;}
.social-footer a {height: 60px;	width: 60px;}
.social-footer img {width: 3vw;	height: 3vw;}
.privacy-footer {	width: 65vw;margin-bottom: 5%;}
.privacy-footer a {	font-size: 1.2em;}
.element-footer {width: 45vw;height: 14vw;	z-index: -1;}
.logo-footer {	height: 10vw;}
.logo-footer img {	width: 15vw;}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX BUILDINGS HEADER
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.header-fb {background-position-x: -4vw;background-position-y: 4vw; background-size: 130vw;}
.nav-fracxBuildings {height: 20%;}
.cont-title-fb {margin-top: 11vw;}
.title-fb {	font-size: 3.2vw;}
.cont-img-header-fb {	width: 35vw;}
.img-header-fb {padding-top: 0vw; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SECTION 1 FB
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.title-advantages-fb {width: 27%;height: 9vw;top: 43%;}
.title-advantages-fb p {	font-size: 2vw;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SECTION 2 FB
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.section2-fb {	height: max-content;}
.container-advantages-fb {margin-left: 5vw;	margin-right: 5vw;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 10%;}
.item-advantage {height: 26vw;	width: 46%;margin: 1%;}
.text-advantage-fb {line-height: 1.5;font-size: 1.8vw;padding: 1vw;}
.p1-sec2-fb {width: 80%;	margin-bottom: 10%;}
.p1-sec2-fb p {	font-size: 2vw;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SECTION 3 FB
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.section3-fb {height: auto;}
.more-advantages-fb {bottom: 45vw;}
.more-advantages-fb h2 {font-size: 4.5vw;	padding-bottom: 25vw;}
.container-ma-fb{margin-left: 5vw;margin-right: 5vw;display: flex;flex-wrap: wrap;justify-content: center;}
.instalation-fb {bottom: 30vw;margin-left: 4vw;	margin-right: 4vw;}
.instalation-fb h4 {font-size: 4.5vw;}
.item-inst-fb {	width: 57%;height: auto;}
.item-inst {	height: 82%;}
.item-inst p {	font-size: 1.5vw;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SECTION 4 FB
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */



.section4-fb p {font-size: 2.5vw;	width: 75%;}
.btn-info {height: 7vw;	width: 23vw;}
.btn-info p {font-size: 2vw !important;}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SISTEMAS FRACX HEADER
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.header-f {background-size: 130vw;background-position-x: -4vw;	background-position-y: 0vw;}
.title-f {	font-size: 4vw;top: 18vw !important;}
.fracx {height: 20%;}
.cont-img-header-f {width: 40vw;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX  ADVANTAGES
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.container-advantages-f {margin-left: 2vw;	margin-right: 2vw;}
.item-advantage-f {	height: 30vw;}
.title-item-f {font-size: 4vw;}
.item-advantage-f {	width: 48%;}
.text-advantage-f {line-height: 1.3;font-size:2vw;padding-left: .8vw;padding-right: .8vw; width: 97%;}
.btn-advantages {height: 6vw;	width: 23vw;}
.btn-advantages2 {height: 6vw;	width: 23vw;}
.btn-advantages p {	font-size: 2vw !important;}
.btn-advantages2 p {	font-size: 2vw !important;}
.sector-back {left: 19vw;	bottom: 7.5vw;}
.sector4 {bottom: 21vw;}
.sector3 {bottom: 16vw;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX  SECTION MID BOT
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.title-sec2-f {	font-size: 4.5vw;}
.cont-more-adv {margin-left: 5vw;margin-right: 5vw;flex-wrap: wrap;	display: flex}
.more-adv-f {width: 48%;height: 25vw;margin: auto;margin-bottom: 1vw;}
.more-adv-f p {	font-size: 2.3vw;}
.necesary-advantages h2 {	font-size: 4.5vw;}
.necesary-advantages p {	font-size: 2vw;width: 70%;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX  SECTION  BOT
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */



.instalation-f {margin-left: 2vw;margin-right: 2vw;padding-bottom: 30%;}
.instalation-f>h4 {	font-size: 4.5vw;}
.item-inst-f {	width: 75%;}
.item-inst h4 {font-size: 2vw;padding: 1vw;line-height: 1.5;}
.system-fracx {	margin-top: 25vw;margin-left: auto;margin-right: auto;width: 72%;}
.system-fracx img {width: 40vw;}
.system-fracx h4 {	font-size: 4.5vw;}
.system-fracx p {	font-size: 2.4vw;}
.btn-system-fracx {height: 7vw;	width: 24vw;}
.btn-system-fracx p {	font-size: 2vw !important;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX NET HEADER
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */


.header-fn {background-size: 130vw;background-position-x: -3vw;	background-position-y: 4vw;}
.fracxnet {height: 18%;}
.cont-title-net {	padding-top: 10vw;}
.title-fn {	font-size: 4.5vw;}
.cont-img-header-fn {width: 40vw;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX NET OPTIONS
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.section1-fn {	height: auto;}
.title-advantages-fn {width: 27%;height: 9vw;	top: -5.5vw;}
.title-advantages-fn p {font-size: 2vw;}
.advantage-fn {	width: 50%;}
.header-advantage h4 {	font-size: 3vw;}
.text-advantage-fn {font-size: 2vw;	line-height: 1.5;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX NET COSTOS
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */



.section2-fn {height: auto;}
.section2-fn h2 {font-size: 4.5vw;}
.section2-fn h4 {font-size: 3vw;}
.cat-costs-fn {	width: 75vw;}
.cat-costs-fn a {font-size: 2.5vw;width: 16vw;}
.dialog-cat-fn {top: 5vw;width: 75%;height: 60vw;margin-left: auto;margin-right: auto; left: 0px;}
.title-dialog h5 {font-size: 2vw;}
.title-dialog h3 {	font-size: 1.5vw;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX NET TABLE
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.section3-fn {	height: auto; padding-left: 1vw;padding-right: 1vw;}
.table-info-s3 {width: 100%;height: 60%;}
.table-info th {font-size: 2vw;}
.table-info td {font-size: 1.5vw;}
.info-text-s3 p {font-size: 2.5vw;}
.info-text2-s3 h4 {font-size: 4vw;}
.info-text2-s3 p {width: 90%;	font-size: 2vw;}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX SAS 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */


.img-header-app {height: 9vw;	width: 18vw;}
.tittle-sas p {	font-size: 2vw;}
.container-advantages-f-sas {margin-left: 2%;	margin-right: 2%;}
.section1-f-sas {height: 65vw;}
.item-advantage-f-sas {width: 31%;	height: 21vw;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FRACX SAS 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.necesary-advantages-sas h2 {padding-top: 5vw;}
.necesary-advantages-sas p {	font-size: 2vw;}
.section3-f-sas {	height: auto;}
.divtext-sas {	padding-bottom: 5%;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CONTACTO
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.header-f-contact {	height: auto;}
.menu-cont .svg {width: 3vw;	height: 3vw; bottom: 1vw;}
.menu-cont a {	font-size: 4vw;}
.info-contact h4 {font-size: 4.3vw;}
.info-contact p {font-size: 2.5vw;}
.info-contact {	height: 25%;}
.section-contacts { width: 100%;}
.form-index{width: 90%;}
.section-contacts input {	width: 100%;height: 9vw;font-size: 2vw;}
.section-contacts textarea {width: 100%;height: 23vw;	font-size: 2vw;}
.section-contacts select {width: 101.5%; font-size: 2vw; height: 10vw;}
.btn-info-contact {height: 8vw;	width: 26vw;}
.btn-info-contact h4 {font-size: 2.2vw !important;}
.container-advantages-ct {margin-left: 3vw;margin-right: 3vw;width: 95%;	padding-bottom: 25%;}
.item-advantage-cont {width: 32%;	margin: 1vw; height: 23vw;}
.item-advantage-contl {width: 32%;margin: 1vw;	height: 23vw;}
.svg {width: 25%;}
.item-advantage-cont p {font-size: 2vw;}
.sv1 {	width: 21% !important;}
.item-advantage-contl p {	font-size: 2vw;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CREDENCIALIZACION
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.cont-img-header-f {left: 16vw;}
title-advantages-cre {    width: 25%;    height: 8vw;    bottom: 3%;}
.title-advantages-cre p {	font-size: 2vw;}
.instalation-cre {    padding-bottom: 20%;    margin-bottom: 5%;    margin-top: 5%;    margin-left: 35px;}
.mockupcre {margin-top: 0%; width: 40vw;}
.item-inst-cre {	width: 98%;}
.title-advantages-cre {    width: 27%;	height: 10vw;}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HORIZONTAL
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */





@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */


.cont-header1 p {	font-size: 1.9vw;}


}

.container-advantages-f-cre {
    margin-left: 5%;
	margin-right: 5%;}