/* - - - - - - - - - - - - - - - 
CSS principal
Desarrollado por: Upgrade Diseño Interactivo
Para: 
Fecha: 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* ====== F O N T S ====== */
@font-face {
    font-family: 'Effra_Std_Rg';
    src:url('../../_fonts/Effra/Effra_Std_Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra_Std_Lt';
    src:url('../../_fonts/Effra/Effra_Std_Lt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra_Std_Bd';
    src:url('../../_fonts/Effra/Effra_Std_Bd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'TTLakes-Medium';
    src:url('../../_fonts/TT Lakes/TypeType - TTLakes-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Karla-Bold';
    src:url('../../_fonts/Karla/Karla-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-Regular';
    src:url('../../_fonts/Karla/Karla-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ====== F O N T S (end) ====== */

/*Eliminamos márgenes del "body" */
html, body{ margin:0px; padding:0px; height: 100%;}

#big-container /* Div que va a manterner el "footer" siempre al fondo */
{
	height: 100% !important;
    min-height: max-content !important;
	
}

/* GENERAL */

a { text-decoration: none; }

/* HEADER */

header{
	height: 100%; 
	background-color: rgb(0,5,159); 
	display: flex; 
	flex-direction: column;
}

nav{
	display: flex; 
	justify-content: space-between;
    height: 9vw;
}


.nav-fracxBuildings{

	display: flex; 
	justify-content: space-between;
	height: 11vw;
}
.nav-fracx{

display: flex; 
	justify-content: space-between;


}

.nav-fracxsas{

	display: flex; 
	justify-content: space-between;
	height: 10vw;
}

.fracxnet{


	display: flex;
    justify-content: space-between;
    height: 10vw;
}

nav img{
	width: 10vw; 
	margin-top: 3vw; 
	margin-left: 6vw;
}
/* FOOTER */

#footer_cut { padding-top:50px; clear:both; }

footer { 
		margin-top: -50px;  
		height: max-content; 
		background-color: rgb(20,20,20);
		position: relative;
	}

.logo-footer{
	display: flex;
}	

.logo-footer img{
	width: 5vw; 
	margin-top: 1vw;
	margin-left: auto; 
	margin-right: auto;
}

.menu-footer{
	 
	display: flex; 
	justify-content: center; 
	margin-top: 2vw; 
	margin-bottom: 2vw;
}

.menu-footer div{
	display: flex; 
	width: 11vw; 
	margin-left: auto; 
	margin-right: auto; 
	justify-content: space-between;
}

.menu-footer a{
	color: white; 
	font-family: 'Effra_Std_Lt'; 
	font-size: 1.3vw;
	transition: .6s;
}

.cont-social-footer{
	
	display: flex; 
	justify-content: center; 
	margin-top: 4vw; 
	margin-bottom: 3vw;
}
.tabla-info-small{
	display: none;
}

.social-footer{
	display: flex; 
	width: 7vw; 
	margin-left: auto; 
	margin-right: auto; 
	justify-content: space-between;
}

.social-footer a{
	border-radius: 50%; 
	border: 2px solid white; 
	height: 40px; 
	width: 40px; 
	display: flex;
}

.social-footer img{
	width: 1vw; 
	height: 1vw; 
	margin: auto;
}

.cont-privacy-footer{
	display: flex; 
	justify-content: center; 
	margin-top: 4vw; 
	margin-bottom: 3vw;
}

.privacy-footer{
	display: flex; 
	width: 25vw; 
	margin-left: auto; 
	margin-right: auto; 
	justify-content: space-between;
}

.privacy-footer a{
	color: white; 
	font-family: 'Effra_Std_Lt';
	transition: .6s;
}

.element-footer{
	position: absolute; 
	left: 0; 
	bottom: 0; 
	width: 29vw; 
	height: 8vw;
}

.btn_menu{
    display: none;
    }    

.btn_close_menu { 
    display: none; 
}

.menu-responsive{
	display: none;
}

/* FOOTER */	


/* HOVER */	


.submenu {
    width:auto;
    right: auto;
    position: absolute;
    display: none;
    transition: all .5s ease;
    background: #2352f0;
    z-index: 11111;
    padding-bottom: 2%;
    padding-right: 1.3%;
    padding-left: 2%;
	
}
.submenu a {
    text-align: left;
    width: 100%;
    padding: .2em 0em;
    color: white;
    height: 0;
    transition: all .5s ease;
}


.menu2 .submenu a {
    text-align: right;
    padding-top: 9%;
}



 .menu2:hover .submenu { height: auto; display:flex; flex-direction: column; }
 .menu2:hover .submenu a { height:auto;}




.submenu a:hover {    
	color: #e1f150 !important;
    background-color: #0000 !important;
    border: none !important;}





.item-menu:hover{
	background-color: rgb(0,0,134);

}

.menu a:hover{
	background-color: rgb(0,0,134);
	border-bottom: 2px rgb(225, 241, 80) solid;
	color:  rgb(225, 241, 80);
}


.item-service a:hover {
	background-color: rgb(225, 241, 80);

}
.item-service a:hover p{
	color:  rgb(1, 43, 171);
}

.service-rows a:hover{

	border-color: rgb(40, 85, 241);
}

.border-header a:hover{

	border-color: white !important;
	border-width: 3px !important;
}

.social-footera img:hover{

	border-color: rgb(34, 74, 213);
}


.cont-header2 a:hover
{
	
	background-color: rgb(225, 241, 80);

}

.cont-header2 a:hover p
{
	
color: rgb(1, 43, 171) !important;

}

.item-inst-fb div:hover{

transform: scale(1.1);
box-shadow: 6px 8px 20px 1px #e1e7ff;
}

.item-inst-cre div:hover{
transform: scale(1.1);
box-shadow: 6px 8px 20px 1px #e1e7ff;
}

.section4-fb a:hover{
background-color: rgb(225, 241, 80);

}
.section4-fb a:hover p{
color: rgb(1, 43, 171) !important;

}

.social-footer a:hover{

	border-color: rgb(40, 85, 241);
}


.item-advantage-f a:hover{

		background-color: rgb(225, 241, 80);
}


.item-advantage-f a:hover p{

	color: rgb(1, 43, 171) !important;
}


.item-inst-f div:hover{

transform: scale(1.1);
box-shadow: 6px 8px 20px 1px #e1e7ff;

}

.menu-footer a:hover{

	color: #4f4f53;
	
}

.privacy-footer a:hover{

color: #4f4f53;

}

.info-text2-s3 a:hover{
background-color: rgb(225, 241, 80);
}

.info-text2-s3 a:hover p{
color: rgb(1, 43, 171) !important;
	
}

.section2-f a:hover{

background-color: rgb(225, 241, 80);

}

.section2-f a:hover p{

color: rgb(1, 43, 171) !important;

}


.last:hover .botfle{

	fill: rgb(35,82,240) !important;
			
}

.first:hover .botfle{

fill: rgb(35,82,240) !important;
			
	}


.btn-info-serv a:hover{

	background-color: rgb(225, 241, 80);
			
}

.btn-info-serv a:hover p{

		color: rgb(1, 43, 171) !important;
			
}

.system-fracx .btn-system-fracx:hover{

	background-color: rgb(225, 241, 80);
			
}

.system-fracx .btn-system-fracx:hover p{

		color: rgb(1, 43, 171) !important;
			
}

.container-advantages-f .btn-advantages:hover{
	background-color: rgb(225, 241, 80);

}


.container-advantages-f .btn-advantages:hover p{
	color: rgb(1, 43, 171) !important;
}

.btn-info-contact:hover{

	background-color: rgb(225, 241, 80);
}

.btn-info-contact:hover h4{

color: rgb(1, 43, 171) !important;
}



.slider-header:hover a{

color: rgb(1, 43, 171) !important;

}


.anterior:hover .header-fizq{


fill: rgb(225,241,80) !important;

}
.siguiente:hover .colorfill{


fill: rgb(225,241,80) !important;


}





/* HOVER */	


/* SLIDER */	

.contenedor {
	    	position: relative;
		    width: 72%;
		    height: 32vw;
		}
				
		.imagen {
			position: absolute;
			width: 100%;
			height: 100%;
			visibility: hidden;
			opacity: 0;
		}
		
		.imagen img {
			height: 100%;
			position: relative;

		}
		.texto {
			position: absolute;
			width: 100%;
			text-align: center;
			top: 85%;
			color: white;
			font-weight: bold;
		}
		

		.siguiente {
			left: 97%;
		}

		.siguiente .colorfill{

		fill: white !important;
		width: 0.8vw;
	    height: 2vw;
	    margin: auto;
		}


		.first .botfle{
			transform: rotate(180deg) !important;
			fill: #585858 !important;
    		
		}

		.last .botfle{

		fill: #585858 !important;
			
		}
		
		.boton {
			position: absolute;
			top: 5%;
			left: 95%;
		}


		.boton a{
		position: relative;
	    top: 17vw;
	    right: 10vw;
	}

		.puntos {
	        position: absolute;
		    top: 120%;
		    /* width: 100%; */
		    text-align: center;
		    right: 5%;
		}
		.punto {
			display: inline-block;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			border: 1px solid white;
			margin-right: 5px;
		}
		.punto:hover {
			cursor: pointer;
			background-color: rgb(225,241,80);
		}

		
		.actual {
			visibility: visible;
			opacity: 1;
			transition: visibility 1s, opacity 1s;
		}
		.activo {
			background-color: rgb(225,241,80);
		}


.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
     border: none !important;
     background: transparent !important; 
}




/* SLIDER */	



/* INDEX */	
.menu{
	width: 45%; 
	display: flex; 
	justify-content: space-around; 
	background-color: rgb(0,0,117);
}

.menu a {
    color: #fff;
    font-family: 'Effra_Std_Rg';
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    text-align: center;
	position: relative;
}

.menu .menu2{
    color: #fff;
    font-family: 'Effra_Std_Rg';
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
}

.cont-header{
	display: flex;
    height: max-content;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url(../../_images/elementos_fondo.png);
    background-size: 50vw;
    background-position-x: 25vw;
    background-position-y: -1vw;
    background-repeat: no-repeat;

}

.cont-header1{
	display: block; 
	margin-top: auto; 
	margin-bottom: auto; 
	margin-left: 3vw;
}

.cont-header1 hr{
	width: 7vw; 
	height: 2px; 
	background-color: rgb(219,244,49); 
	border: 0; 
	margin: 0;
}

.cont-header1 p{
	color: white; 
	font-family: 'Effra_Std_Lt'; 
	font-size: 1.5vw; 
	line-height: 2.2;
}

.cont-header2{
	display: flex; 
	flex-direction: column; 
	margin: auto; 
	line-height: 0.5;

}

.cont-header2 img{
	width: 15vw; 
	margin: auto;
}

.cont-header2 h3{
	text-transform: uppercase; 
	font-family: 'TTLakes-Medium'; 
	color: white; 
	font-size: 2vw; 
	text-align: center; 
	line-height: 1.5;
}

.cont-header2>p{
	font-family: 'Effra_Std_Lt'; 
	text-align: center; 
	color: white; 
	line-height: 1.5;
}

.btn-info{
    border-radius: 30px;
    background-color: #162cef;
    height: 3vw;
    width: 12vw;
    margin: auto;
    display: flex;
    transition: .6s;

}

.info_btn{
	margin-bottom: 7%
}

.btn-info-top{
    border-radius: 30px;
    background-color: #162cef;
    height: 6vw;
    width: 12vw;
    margin: auto;
    display: flex;
    transition: .6s;
}

.btn-info-top p{
	color: white !important; 
	font-family: 'Effra_Std_Rg' !important; 
	margin: auto !important;
	font-size: 0.8vw !important;
}

.btn-info p{
	color: white !important; 
	font-family: 'Effra_Std_Rg' !important; 
	margin: auto !important;
	font-size: 0.8vw !important;
}

.a-btn-show{
	width: 18vw; 
	height: 5vw;
}

.btn-show{
	width: 18vw; 
	height: 5vw; 
	background-color: white; 
	margin-top: auto; 
	display: flex;
}

.btn-showa{
	width: 75%; 
	display: flex;
}

.btn-showb{
	width: 25%; 
	float: right; 
	background-color: rgb(255,230,255); 
	display: flex;
}

.btn-showa h4{
	font-family: 'Effra_Std_Rg'; 
	margin: auto; 
	color: rgb(0,5,159); 
	font-size: 1.2vw;
}

.btn-showb img{
	width: 1.5vw; 
	height: 1.5vw; 
	margin: auto;
}

.about-us{
	height: max-content; 
	padding-top: 9vw;
	padding-bottom: 7vw;
	padding-left: 12vw;
	padding-right: 12vw;
}

.about-nosotros{
	
	display: flex;
	margin-bottom: 10%;
}

.about-us-a{
	width: 40%; 
	display: flex; 
	align-items: center;
}

.about-us-a div{
	display: flex; 
	margin-bottom: auto;
}

.about-us-a hr{
	background-color: rgb(0,5,159); 
	border: 0; 
	height: 3.5vw; 
	width: 0.3vw; 
	margin-top: 1vw;
}

.about-us-a h3{
	color: rgb(0,5,159); 
	font-family: 'Karla-Bold'; 
	font-size: 2vw; 
	margin: 0; 
	margin-left: 4vw;
}

.about-us-b{
	width: 60%;
}

.about-us-b p{
	font-family: 'Karla-Regular'; 
	color: rgb(47,47,47); 
	font-size: 1vw; 
	line-height: 1.8; 
	padding-left: 6vw;
}

.services-i {
    background-color: #e1e6ff;
    display: flex;
    justify-content: space-between;
    padding-left: 4vw;
    height: 35vw;
    padding-top: 6vw;

}
.items-services{
	display: flex; 
    justify-content: space-between;
    width: 88%;
}

.owl-carousel {

    width: 85% !important;

}

.item-service{
	display: flex; 
	flex-direction: column; 

	width: 90%;
    justify-content: center;
    height: 100%;
}

.item-service>div{
	width: 10vw; 
	height: 10vw; 
	margin-left: auto; 
	margin-right: auto;
}

.item-service img{
	width: 100%; 
	height: auto; 
	margin-left: auto; 
	margin-right: auto;
	max-height: 116px;
}

.item-service .ultimg{


	position: relative;

}
.item-service h2{
	font-family: 'TTLakes-Medium'; 
	color: rgb(22,44,241); 
	text-transform: uppercase; 
	text-align: center;
}

.item-service p{
	font-family: 'Karla-Regular'; 
	text-align: center;
	color: #737070;
}

.btn-info-serv{
	border-radius: 30px; 
	background-color: rgb(22,44,239); 
	height: 3vw; 
	width: 12vw; 
	margin-left: auto; 
	margin-right: auto; 
	display: flex;
	transition: .6s;
	margin-bottom: 10%;
}

.btn-info-serv p{
	color: white; 
	font-family: 'Effra_Std_Rg'; 
	margin: auto; 
	font-size: 1vw;
	position: relative;
}


.slider-header {
    display: flex;
    position: relative;
    top: 62%;
    right: 0vw;
}

.slider-header div{
	display: flex; 
	flex-direction: column; 
	margin: auto; 
	height: 6vw; 
	justify-content: space-between;
}

.slider-header a {
    border-radius: 50%;
    border:rgb(84,107,196) 2px solid;
    height: 3.5vw;
    width: 4vw;
    display: flex;
    margin-top: -2vw;
}

.slider-header img{
	width: 0.8vw; 
	height: 2vw; 
	margin: auto;
}

.slider-header .header-fizq{
	width: 0.8vw; 
	height: 2vw; 
	margin: auto;
    transform: rotate(180deg);
    fill: white !important;
}



.owl-nav{

	display: none !important;
}

.owl-dots{


	display: none !important;
}
     

.div-slider {
    display: flex;
        height: 30vw;
    text-align: center;
    flex-direction: column;
}


.service-rows {
    display: flex;
    width: 10%;
    position: relative;
    right: 3vw;
}

.service-rows div{
	display: flex; 
	flex-direction: column; 
	margin: auto; 
	height: 7vw; 
	justify-content: space-between;
}

.service-rows a {
    border-radius: 50%;
    border: 2px solid #b0b4bf;
    height: 3.8vw;
    width: 4vw;
    display: flex;
    margin-top: -2vw;
    justify-content: center;
}


.service-rows img{
	width: 0.8vw; 
	height: 1vw; 
	margin: auto;
}




/* INDEX */	

/* FRACX BUILDINGS */

.header-fb{
	height: 50% !important;
	position: relative;
	background-image: url(../../_images/elementos_fondo.png);
    background-size: 50vw;
    background-position-x: 43vw;
    background-position-y: 13vw;
    background-repeat: no-repeat;
}




.title-fb{
	text-transform: uppercase;
    font-family: 'TTLakes-Medium';
    color: white;
    font-size: 2.5vw;
    width: 20vw;
    margin-left: 6vw;
}

.cont-title-fb {
    display: flex;
    justify-content: space-between;
    padding-right: 21vw;
    margin-top: 1vw;
    margin-bottom: 6vw;
}

.cont-img-header-fb{
	width: 20vw;
	height: auto;
}

.img-header-fb {
    width: 100%;
    height: auto;
    padding-top: 6vw;
    z-index: 9999999;
}

.title-advantages-fb {
    width: 21%;
    height: 5vw;
    background-color: #dbf431;
    display: flex;
    position: absolute;
 	top: 46%;
    left: 5vw;
}
.section1-fb{
	background-color: rgb(225,230,255);
	height: 25vw;
}

.container-advantages-fb{
	margin-left: 10vw;
	margin-right: 10vw;

	display: flex;
	justify-content: space-between;
	position: relative;
    top:-13vw;
}

.title-advantages-fb p{
	font-family: 'Effra_Std_Rg';
    margin: auto;
    color: rgb(0,5,159);
    font-size: 1.2vw;
    text-transform: uppercase;
}

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

.text-advantage-fb{
	margin: auto;
	text-align: center;
	font-family: 'Effra_Std_Rg'; 
	line-height: 2;
    font-size: 1vw;
    padding: 1.8vw;
}

.text-advantage-fb strong{
	color: rgb(0,5,159);
}

.section2-fb{
	height: auto;
}


.mockupfraxbu{
	
    display: block;
    flex-direction: column;
    padding-bottom: 20%;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}


.mockupfb{
    width: 100%;
    max-width: 900px;
    height: auto;
}

.mockupasas{
 width: 50%;
 display: block;
	
	
}

.mockupasasimg{
width: 95%;
}


/*
.mockupizq{
    position: absolute;
    top: 90vw;
    left: 5vw;
    width: 70%;
    z-index: -1;
}
 .mockupder{
    position: absolute;
    top: 90vw;
    left: 25vw;
    width: 70%;
    z-index: -1;
}
*/
.p1-sec2-fb {
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
	    position: relative;
    bottom: 7vw;
}
.p1-sec2-fb p{
	font-family: 'Effra_Std_Rg'; 
	line-height: 2;
	font-size: 1.3vw;	
	
    
}


.mockups{
	margin-left: 10%;
}
.section3-fb{
	background-color: rgb(225,230,255);
    height: 35vw;
}

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

.more-advantages-fb h2{
	text-align: center;
    padding-bottom: 3vw;
    color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
}

.container-ma-fb{
	margin-left: 10vw;
	margin-right: 10vw;
	display: flex;
	justify-content: space-between;
}

.instalation-fb{
	display: flex;
	position: relative;
    bottom: 15vw;
    margin-left: 15vw;
    margin-right: 15vw;
    justify-content: space-around;
}

.instalation-fb h4{
	color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
}

.item-inst-fb{
	display: flex;
	flex-wrap: wrap;
	width: 45%;
	justify-content: space-around;
}

.item-inst{
	background-color: white;
	width: 48.7%;
    height: 49%;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    transition: .6s;
}

.item-inst h4{
	font-family: 'Effra_Std_Rg';
	font-size: 0.9vw;
	text-align: center;
	margin: auto;
	padding: 1.5vw;
	color: black;
	line-height: 1.8;
}

.item-inst p{
	font-family: 'Effra_Std_Rg';
	font-size: 0.9vw;
	text-align: center;
	margin: auto;
	padding: 1.5vw;
	color: black;
	line-height: 1.8;
}


.section4-fb{
	height: 20vw;
	padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    flex-direction: column;
}

.section4-fb p{
	color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 2vw;
    text-align: center;
    width: 58vw;
    margin: auto;
}
/* FRACX BUILDINGS */

/* FRACX */

.header-f{
	height: 50% !important;
	position: relative;
	background-image: url(../../_images/elementos_fondo.png);
    background-size: 50vw;
    background-position-x: 49vw;
    background-position-y: 10vw;
    background-repeat: no-repeat;
}


.cont-title-f{
	display: flex;
	justify-content: space-between;
    padding-right: 21vw;
  
}

.title-f{
	text-transform: uppercase;
    font-family: 'TTLakes-Medium';
    color: white;
    font-size: 3vw;
    width: 20vw;
    margin-left: 6vw;
        top: 4vw;
    position: relative;
}

.cont-img-header-f {
    width: 28vw;
    height: auto;
    position: relative;
    left: 11vw;
}

.img-header-f {
	width: 90%;

	    padding-top: 4%;

}



.fracx{
    display: flex;
    justify-content: space-between;
    height: 10vw;
}

.phfracx {
    padding-top: 35%;
}


.section1-f{
	background-color: rgb(225,230,255);
	height: 25vw;
}

.container-advantages-f {
    margin-left: 23vw;
    margin-right: 23vw;
    display: flex;
    position: relative;
    justify-content: space-between;
    bottom: 8vw;
}

.item-advantage-f{
	background-color: white;
	width: 46%;
	border-left: 7px rgb(0,5,159) solid;
	height: 18vw;
	display: flex;
	box-shadow: 0px 0px 54px -15px rgb(131, 133, 212);
	flex-direction: column;
}

.item-sector{


	opacity: 0;
    transition: 1.5s;
    z-index: -10;
}

.item-sector-show{


	opacity: 1 !important;
    transition: 3s !important;
}

.sector1{



    transition: 3s !important;
   
}
.sector2{



    transition: 3s !important;

}

.sector3{


	opacity: 0;
	bottom: 11vw;
    position: relative;
    transition: 1.5s !important;
   
}
.sector4{


	opacity: 0;
	bottom: 11vw;
    position: relative;
    transition: 1.5s !important;

}

.sector-back{

    width: 3.5vw;
    height: 0vW;
    position: relative;
    left: 16vw;
    bottom: 6vw;

}
.sector-back a{

 color:#00059f;
 font-family: 'Karla-Bold';
 cursor: pointer;

}

.sector-back .rot{

	position: relative;
    transform: rotate(90deg);
    top: 1.85vw;
    left: 6vw;
}
 

.text-advantage-f{
	margin: 0 auto;
    text-align: center;
    font-family: 'Effra_Std_Rg';
    line-height: 1.5;
    font-size: 1vw;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
}

.title-item-f{
	color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    text-align: center;
    font-size: 2vw;
    margin: 0;
    margin-top: 3vw;
}

.btn-advantages{
	border-radius: 30px;
    background-color: rgb(22,44,239);
    height: 3vw;
    width: 12vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: 2.5vw;
    transition: .6s;
}

.btn-advantages p{
	color: white !important;
    font-family: 'Effra_Std_Rg' !important;
    margin: auto !important;
    font-size: 0.8vw !important;
}

.btn-advantages2{
	border-radius: 30px;
    background-color: rgb(22,44,239);
    height: 3vw;
    width: 12vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: 1vw;
    transition: .6s;
}

.btn-advantages2 p{
	color: white !important;
    font-family: 'Effra_Std_Rg' !important;
    margin: auto !important;
    font-size: 0.8vw !important;
}
.section2-f{
	height: max-content;
}

.title-sec2-f{
	color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 2.5vw;
    text-align: center;
    width: 100%;
    margin-bottom: 5vw;
}

.cont-more-adv{
	margin-left: 10vw;
    margin-right: 10vw;
    display: flex;
    justify-content: space-between;
}

.more-adv-f{
	background-color: white;
    width: 23%;
    border-left: 7px rgb(0,5,159) solid;
    height: 11vw;
    display: flex;
  	box-shadow: 0px 0px 54px -15px rgb(131, 133, 212);
}

.more-adv-f p{
	margin: auto;
    text-align: center;
    font-family: 'Effra_Std_Rg';
    line-height: 1.5;
    font-size: 1vw;
    padding: 1.8vw;
}

.section3-f{
	background-color: rgb(225,230,255);
    height: max-content;
}

.necesary-advantages{

padding-bottom: 7%;
padding-top: 7%;
}

.necesary-advantages h2{
	text-align: center;
    padding-bottom: 3vw;
    color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
}

.necesary-advantages p{
	margin: auto;
    text-align: center;
    font-family: 'Effra_Std_Rg';
    font-size: 1vw;
    width: 47vw;
    line-height: 2;
}

.instalation-f{
	display: flex;
  
    margin-left: 15vw;
    margin-right: 15vw;
    justify-content: space-around;
    padding-top: 15%;
        padding-bottom: 10%;
}

.instalation-f>h4{
	color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
}

.item-inst-f{
	display: flex;
	flex-wrap: wrap;
	width: 52%;
	justify-content: space-around;
}

.system-fracx{
	display: flex;
	flex-direction: column;
	margin-left: 40vw;
    margin-right: 40vw;
    margin-top: 10vw;
    margin-bottom: 10vw;
}

.system-fracx img{
	width: 20vw;
	margin: auto;
}

.system-fracx h4{
	font-family: 'TTLakes-Medium';
    color: rgb(22,44,241);
    text-transform: uppercase;
    text-align: center;
    font-size: 2vw;
    margin: 0;
}

.system-fracx p{
	font-family: 'Effra_Std_Rg';
    font-size: 0.9vw;
    text-align: center;
}

.btn-system-fracx{
	border-radius: 30px;
    background-color: #00059f;
    height: 3vw;
    width: 12vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: 1vw;
    transition: 1s;
}

.btn-system-fracx p{
	color: #fefeff !important;
    font-family: 'Effra_Std_Rg' !important;
    margin: auto !important;
    font-size: 0.8vw !important;
}
/* FRACX */

/* FRACX NET*/

.header-fn {
    height: 60% !important;
    position: relative;
    background-image: url(../../_images/elementos_fondo.png);
    background-size: 50vw;
    background-position-x: 49vw;
    background-position-y: 6vw;
    background-repeat: no-repeat;
}




.cont-title-fn{
	display: flex;
	justify-content: space-between;
    padding-right: 21vw;
    margin-top: 15vw;
}


.cont-title-net {
    display: flex;
    justify-content: space-between;
    padding-right: 21vw;
    padding-top: 5vw;
}

.title-fn{
    text-transform: uppercase;
    font-family: 'TTLakes-Medium';
    color: #fff;
    font-size: 3vw;
    width: 20vw;
    margin-left: 6vw;
    top: 4vw;
    position: relative;
}

.cont-img-header-fn {
    width: 25vw;
    height: auto;
    position: relative;
    left: 5vw;
    top: 4vw;
}

.img-header-fn{
	width: 100%;
	height: auto;
}

.title-advantages-fn{
	width: 20%;
    height: 6vw;
    background-color: rgb(219,244,49);
    position: relative;
    top: -2.5vw;
    left: 6vw;
    display: flex;
}

.sectionsmall{
	display: none !important;
}

.title-advantages-fn p{
	font-family: 'Effra_Std_Rg';
    margin: auto;
    color: rgb(0,5,159);
    font-size: 1.2vw;
    text-transform: uppercase;
}

.section1-fn{
	height: 60%;
    margin-top: 11vw;
    margin-bottom: 6vw;
    display: flex;
    flex-wrap: wrap;
    padding-left: 4vw;
    padding-right: 4vw;
    justify-content: space-between;
    z-index: -1;
}

.advantage-fn{
	width: 30%;
	height: max-content;
}

.header-advantage{
	display: flex;
	padding-left: 2vw;
    padding-right: 2vw;
    align-items: center;
}

.header-advantage h4{
	font-family: 'Karla-Bold';
	color: rgb(0,5,159);
	font-size: 1.3vw;
	margin-left: 1vw;
}

.text-advantage-fn{
	font-family: 'Karla-Regular';
   
    font-size: 1.1vw;
    line-height: 2;
    padding-left: 2vw;
    padding-right: 2vw;
    text-align: justify;
    color: rgb(79,79,83);
}

.number-fn{
	border-radius: 50%;
    width: 30px;
    height: 30px;
    box-shadow: 6px 7px 42px -8px rgb(0,5,159);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.number-fn h4{
	position: absolute;
	margin: 0;
}



.section2-fn{
	background-color: rgb(225,230,255);
	height: 45vw;
	display: flex;
    flex-direction: column;
    position: relative;
}

.section2-fn h2{
	text-align: center;
    color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
    padding-top: 5vw;
}

.section2-fn h4{
	text-align: center;
    font-family: 'Effra_Std_Rg';
    font-size: 1.2vw;
    color: rgb(79,79,83);
    margin: 0;
}

.cat-costs-fn{
	display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 30vw;
    justify-content: space-between;
    margin-top: 5vw;
    text-align: center;
}

.cat-costs-fn a{
	font-family: 'Karla-Bold';
    font-size: 1.5vw;
    width: 10vw;
    color: black !important;
}

.a-fn{
	color: rgb(0,5,159) !important;
	text-decoration: underline;
}

.dialog-cat-fn {
    position: relative;
    top: 5vw;
    background-color: #fff;
    width: 40vw;
    height: 55vw;
    bottom: 0px;
    left: 30%;
    box-shadow: 7px 7px 20px 4px #0000002b;
    z-index: 9999;
    display: none;
}

.dialog-cat-op {
  
    display: block;

}

.triangulo_sup {

    bottom: -5vw;
    left:38.90vw;
    z-index: 99999;
    width: 0;
    height: 0;
    border-right: 21px solid #0000;
    /* border-top: 0px solid #0000; */
    border-left: 21px solid #0000;
    border-bottom: 40px solid #fffffff2;
    position: relative;
    transition: 1s;

}

.triangulo_sup_1 {

   left: 39%;

}

 .triangulo_sup_2 {

   left: 47.8%;

}
.triangulo_sup_3 {

   left: 57.5%;

}





.dialog-cat-fn h4{
	text-align: center;
    font-family: 'Effra_Std_Rg';
    font-size: 1.5vw;
    color: rgb(0,5,159) !important;
    padding: 1vw;
    border-bottom: 1px solid rgb(225,230,255);

}

.title-dialog{
	display: flex;
    margin-left: 10vw;
    margin-right: 10vw;
    justify-content: space-between;
    margin-top: 2vw;
    margin-bottom: 2.7vw;
}

.title-dialog h5{
	font-family: 'Karla-Bold';
    font-size: 1vw;
    margin: 0;
}
.title-dialog h3{

	font-family: 'Karla-Regular';
    font-size: 1vw;
    color: #8c8c8c;
    margin: 0;
}


.section3-fn {
    height: 83vw;
    margin-top: 5vw;
    margin-bottom: 6vw;
    display: flex;
    flex-wrap: wrap;
    padding-left: 4vw;
    padding-right: 4vw;
    align-items: center;
    flex-direction: column;
    justify-content: space-betwee
}

.table-info-s3 {
    width: 80%;
    height: 45%;
    display: flex;
    margin-bottom: 9vw;
}



.table-info{

	height: 100%;
    width: 100%;
    text-align: center;
    border: #dadada solid 1px;
}

.table-info th{

	font-family: Effra_Std_Rg;
    border-right: #dadada solid 1px;
    font-size: 1vw;

}
.table-info tr{

    border-right: #dadada solid 1px;

}
.table-info tr td:last-child {
    border: none;
}
.table-info tr th:last-child {
    border: none;
}
.table-info td{

	font-family: Karla-Regular;
	font-size: .9vw;
	color: #989898;
    border-right: #dadada solid 1px;

}


.info-text-s3 {
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.info-text-s3 p{
	font-family: 'Karla-Regular';
    font-size: 1.5vw;
    width: 80%;
    /* align-items: center; */
    text-align: center;
}



.info-text2-s3{

    display: flex;
    width: 100%;
    height: 34%;
    flex-direction: column;
    align-items: center;
}

.info-text2-s3 h4{

	color:rgb(35,82,240); 
	text-align: center;
	font-family: 'Karla-Bold';
	font-size: 1.7vw;


}
.info-text2-s3 p{
	width: 70%;
	font-family: 'Karla-Regular';
	color:rgb(82,82,82); 
	font-size: 1.2vw;
	text-align: center;
	align-items: center;


}

.info-text2-s3 a{

	margin-top: 5vw;
}
/* FRACX NET*/

/* FRACX SAS*/


.cont-img-header-app {
    display: flex;
    position: absolute;
    top: 90%;
    left: 5%;
}


.img-header-app {
    margin: 1vw;
    height: 4vw;
    width: 11vw;
}

.section1-f-sas{
	background-color: rgb(225,230,255);
	height: 50vw;
}



.container-advantages-f-sas {
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 15vw;    
    flex-wrap: wrap;
    height: 75%;
}


.item-advantage-f-sas{
	background-color: white;
	width: 30%;
	border-left: 7px rgb(0,5,159) solid;
	height: 15vw;
	display: flex;
	box-shadow: 0px 0px 54px -15px rgb(131, 133, 212);
	align-items: center;
	margin-bottom: 3vw;
}




.divadvantages-f-sas {
    margin-left: 10%;
    margin-right: 4%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    height: 52%;
    width: 90%;
}


.tittle-sas {
    display: flex;
    margin-left: 15%;
    flex-direction: column;
    margin-right: 15%;
    top: 19%;
    position: relative;
}

.tittle-sas p{
	font-family: 'Effra_Std_Rg';
    line-height: 2;
    font-size: 1.2vw;
    color: #585656;
}

.text-sas{
    color: #737373;
}
.text-sas h2{
    text-align: left !important;
    padding-bottom: 0vw !important;
    width: 45%;
    margin-left: 3%;
    height: 20vw;
    margin-bottom: auto;
    margin-top: auto;
	
}


.necesary-advantages-sas {
    position: relative;
    bottom: -4vw;
}



.necesary-advantages-sas h2{
	text-align: center;
    padding-bottom: 3vw;
    color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
}

.necesary-advantages-sas p{

    text-align: left;
    font-family: 'Effra_Std_Rg';
    font-size: 1.1vw;
    width: 47vw;
    line-height: 1.5;
    margin-bottom: 10%;

}
.divtext-sas{

	width: 100%;
    flex-wrap: wrap;
    display: flex;
}
    


.section3-f-sas{

	background-color: rgb(225,230,255);
    height: auto;

}


.necesary-advantages-sas h3 {
    text-align: center;
    padding-bottom: 3vw;
    color: #00059f;
    font-family: 'Karla-Bold';
    font-size: 2vw;
}
.padbutton{


	margin-top: 8%;
}

/* FRACX SAS*/

/* CONTACTO*/
.header-f-contact{
    height: 111vw;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.menu-cont{
    display: flex;
    justify-content: space-around;
    margin-right: 11vw;
    margin-top: 5vw;
}

.menu-cont a{
	color: rgb(25,82,235); 
	font-family: 'Effra_Std_Bd'; 
	font-size: 1.3vw;
	transition: .6s;
	margin-left: 1.5vw;


}

.menu-cont img {
    width: 1vw;
    height: 1.3vw;
    position: relative;
    bottom: 2.8vw;
}


.info-contact{

    display: flex;
    width: 100%;
    height: 18%;
    flex-direction: column;
    align-items: center;
}

.info-contact h4{

	color:rgb(35,82,240); 
	text-align: center;
	font-family: 'Karla-Bold';
	font-size: 3.3vw;
	margin-bottom: 1%;


}
.info-contact p{
	width: 70%;
	font-family: 'Karla-Regular';
	color:rgb(82,82,82); 
	font-size: 1.5vw;
	text-align: center;
	align-items: center;


}

.section-contacts {
    display: flex;
    background-color: #0000;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
 
}


.section-contacts input {
    width: 100%;
    height: 3vw;
    margin-top: 1vw;
    border: 1.1px #2352f047 solid;
    background-color: #0000;
    outline: none;
    border-radius: 5px;
    padding: 0vw 1vw;
    font-size: 0.8vw;
}
.section-contacts textarea{

    width: 100%;
    height: 12vw;
    background-color: #0000;
    resize: none;
    border: 1.1px #2352f047 solid;
    outline: none;
    border-radius: 5px;
    margin-bottom: 4vw;
    padding: 0vw 1vw;
    font-size: 0.8vw;
}
.section-contacts select{
  
    border:1.1px #2352f047 solid;
    width: 111%;
    height: 3.2vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    background-color: #0000;
   
    -webkit-appearance: none;
    outline: none;
    border-radius: 5px;
   color: #737070;
    padding-left: .5vw;
}

.section-contacts form{
	width: 20vw;
}

.section-contacts input::-webkit-input-placeholder { 
    font-size: 0.8vw;
}

.section-contacts textarea::-webkit-input-placeholder { 
    font-size: 0.8vw;
    padding-top: 1vw;
}


.section-contacts input:hover
{
	
	background-color: #e6ebff;
	border-color: rgb(35,82,240);
}

.section-contacts textarea:hover
{
	
	background-color: #e6ebff;
	border-color: rgb(35,82,240);
}

.section-contacts select:hover
{
	
	background-color: #e6ebff;
	border-color: rgb(35,82,240);
}

.swal-title {
    color: #2352f0 !important;
    }

.swal-text {
	color: black;
}

.swal-icon--success__line {
    height: 5px;
    background-color: #2352f0;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.swal-icon--success__ring {
    width: 80px;
    height: 80px;
    border: 4px solid #2352f0;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.btn-info-contact{


    border-radius: 30px;
    background-color: #2352f0;
    height: 5vw;
    width: 16vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    transition: .6s;
    outline: none;
    cursor: pointer;
}

.btn-info-contact h4{
color: #fff !important;
    font-family: 'Effra_Std_Rg' !important;
    margin: auto !important;
    font-size: 1.2vw !important;
}

.item-advantage-cont {
    background-color: #fff;
    width: 21vw;
    margin: 3vw;
    border-left: 7px #00059f solid;
    height: 17vw;
    display: flex;
    flex-direction: column;
        box-shadow: 0px 10px 50px 0px #cdd0ec;
    align-items: center;
}

.item-advantage-contl{
    background-color: #fff;
    width: 21vw;
    margin: 3vw;
    border-left: 7px #00059f solid;
    height: 17vw;
    display: flex;
    flex-direction: column;
      box-shadow: 0px 10px 50px 0px #cdd0ec;
    align-items: center;
}

.item-advantage-cont p{

    margin: auto;
    text-align: center;
    font-family: 'Effra_Std_Rg';
    line-height: 1.5;
    font-size: 1.3vw;
    padding: 1.8vw;
    color: #3e3e3ecc;
}

.item-advantage-contl p{
    margin: auto;
    text-align: center;
    font-family: 'Effra_Std_Rg';
    line-height: 1.5;
    font-size: 1.3vw;
    padding: 1.8vw;
    color: #3e3e3ecc;
}



.sv1{

  
    width: 16% !important;
    margin-top: 10% !important;
}



.svg{

fill: rgb(35,82,240) !important;
width: 20%;
margin-top: 11%;

}



.menu-cont .svg{

	fill: rgb(35,82,240) !important;
	transform: rotate(180deg); 
    width: 1vw;
    height: 1.3vw;
    position: relative;
    bottom: 0.8vw;


}

.container-advantages-ct {
    margin-left: 10vw;
    margin-right: 10vw;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 10vw;
}

/* CONTACTO*/


/* CREDENCIALIZACION*/

.section1-f-cre {
    background-color: #e1e6ff;
    height: 50vw;
	height: auto;
	display: flex;
}
.instalation-cre {

    display: flex;
    margin: auto;
    margin-left: 124px;
}

.item-inst-cre {
    display: flex;
    flex-wrap: wrap;
    width: 83%;
	height: 20vw;
    justify-content: space-around;
}
.instalation-cre h4{
	color: rgb(0,5,159);
    font-family: 'Karla-Bold';
    font-size: 3vw;
}

.mockupcre{
    width: 35vw;
    height: 45vw;
	max-width: 603px;
	max-height: 735px;
    margin-bottom: 5%;
    background-size: cover;
    background-position: center;

}

.select-contact{
	background: url(../../_images/flecha_down.png) no-repeat 99.5% center;
    background-position-x: 95%;
    background-size: 5%;
    padding: 0vw 1vw !important;
    font-size: 0.8vw;
}

.animatable::-webkit-input-placeholder { 
    	font-size: 2vw;
	}

.title-advantages-cre {
    width: 21%;
    height: 5vw;
    background-color: #dbf431;
	display: flex;
    position: relative;
    bottom: 5%;
    left: 5%;
}
.title-advantages-cre p {
    font-family: 'Effra_Std_Rg';
    margin: auto;
    color: #00059f;
    font-size: 1.2vw;
    text-transform: uppercase;
}

.container-advantages-f-cre {
      margin-left: 25%;
    margin-right: 25%;
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    top: 15vw;
    flex-wrap: wrap;
    height: 75%;
    margin-bottom: 10%;
}
.cont-title-cre {
    display: flex;
    justify-content: space-between;
    padding-right: 21vw;
    margin-top: 7%;
}


.fracxcreden {
    display: flex;
    justify-content: space-between;
	height: 30%;}



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

/* AVISO DE PRIVACIDAD */

.advice-p{
	width: 70%;
    font-family: 'Karla-Regular';
    color: rgb(82,82,82);
    font-size: 1vw !important;
    text-align: justify !important;
    align-items: center;
    line-height: 2;
}

.advice-l{
	font-family: 'Karla-Regular';
    color: rgb(82,82,82);
    font-size: 1vw !important;
    text-align: justify !important;
    align-items: center;
    line-height: 2;
    width: 100%;
}

.header-advice{
	height: max-content;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding-bottom: 5vw;
}

.list-advice{
	margin-right: auto;
    margin-left: 14vw;
}