@charset "UTF-8";
@import url("Fonts/stylesheet.css");

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	overflow-x: hidden;
}

.section{
	position: relative;
	width: 100%;
}

:root {
    
    /*COLORES*/
    --amarillo: #e0a300;
    --morado: #4f1859;
    --marino: #6dc0af;


    /*COLORES WEMATH*/
    --azulOscuro: #1e2852;
    --amarillo: #e3b244;
    --naranja: #fc6c21;
	
	/*TIPOS DE LETRAS*/
    --bold: 'montserratbold';
    --extrabold: 'montserratextrabold';
    --light: 'montserratlight';
    --regular: 'montserratregular';
    --semibold: 'montserratsemibold';
    --bold_S: 'basic_sansbold';
    --black: 'montserratblack';
   

}

a:hover{
    text-decoration: none;
}

.dNone{ display: none !important; }
.btn{
	cursor: pointer;
}
.opacity0{ opacity: 0; }
.transicion05{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.transicion1{
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
}
.degra_n{
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(left,  #1e5799 0%, #f6e075 0%, #e0a300 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #1e5799 0%,#f6e075 0%,#e0a300 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #1e5799 0%,#f6e075 0%,#e0a300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e0a300',GradientType=1 ); /* IE6-9 */
}
/*NAVBAR WEMATH*/
.navBar{
    position: fixed;
    width: 100%;
    height: 55px;
    top: 0;
    left: 0;
    z-index: 2;
}
.img_navbar{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
}
.ul_nav a{
    font-family: var(--semibold);
    font-size: 12px;
    color: var(--morado);
}
.navbar-light .navbar-nav .nav-link{ color: var(--azulOscuro); }
.nav-item{
    cursor: pointer;
    margin: 0px 12px;
    border-radius: 6px;
}
.ul_nav{
    position: relative;
    right: 4%;
    top: 0;
}
.logo_var{
    position: relative;
    width: 90px;
    left: 2.5%;
    top: 21px;
}
.casita{
    position: relative;
    width: 20px;
    top: -2px;
    left: 4px;  
}
.navbar-light .navbar-toggler-icon{
    background-image: url(../images/more.svg);
}
.navbar-toggler{
    background: #282756; /* Old browsers */
    background: -moz-linear-gradient(left,  #282756 0%, #ff3227 20%, #f5a933 40%, #95c295 60%, #048ce1 80%, #20275b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #282756 0%,#ff3227 20%,#f5a933 40%,#95c295 60%,#048ce1 80%,#20275b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #282756 0%,#ff3227 20%,#f5a933 40%,#95c295 60%,#048ce1 80%,#20275b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282756', endColorstr='#20275b',GradientType=1 ); /* IE6-9 */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.nav-link:hover{
    font-family: var(--black) !important;
    color: var(--azulOscuro) !important;
}
.active_nav_link{
    font-family: var(--black) !important;
    color: var(--azulOscuro) !important;
}
/*NAVBAR WEMATH*/

/*VIDEO VAR*/

.cnt_video{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: none;
    align-content: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
}
.video_var{
    position: relative;
    width: 70%;
}

/*VIDEO VAR*/
/*VIDEO VAR*/

.cnt_img6_1{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
}
.img_ana{
    position: relative;
    width: 80%;
    cursor: pointer;
    max-width: 1100px;
}
.close{
    position: absolute;
    top: 20px;
    width: 40px;
    right: 30px;
    opacity: 1;    
    cursor: pointer;
}

/*VIDEO VAR*/

/*BARRA INFORMACION*/
.barra_info{
    position: fixed;
    bottom: 0;
    width: 95%;
    height: 85px;
    display: flex;
    align-items: center;
    padding: 7px 0px;
    z-index: 5;
    justify-content: space-around;
    max-width: 600px;
    left: 0;
    right: 0;
    margin: auto;
}
.img_info{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -3px;
}
.cnt_opI{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 18px;
    cursor: pointer;
}
.iconI_1{
    position: relative;
    width: 21px;
    margin-right: 5px;
}
.pI_1{
    position: relative;
    font-family: var(--semibold);
    color: #979797;
    margin: 0px;
    font-size: 11px;
    line-height: 13px;
}
/*BARRA INFORMACION*/
/*BOTON BACK*/
.back{
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80px;
    height: 28px;
    background-image: url(../images/back.png);
    background-size: cover;
    border-radius: 15px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	border: 1px solid white;
}
.back:hover{
	background-position-x: -83px;
}
/*BOTON BACK*/
/*CONTACTOS*/

.cnt_contanctos{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
}
.contactos{
    position: relative;
    width: 90%;
    background-image: url(../images/fondo_contacto.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.pC_1{
    position: relative;
    width: 100%;
    font-family: var(--semibold);
    text-align: center;
    color: white;
    font-size: 16px;
    letter-spacing: 2px;
}
.pC_1:before{
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #de6c2c;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -5px;
}
.icon_contact{
    position: relative;
    width: 32px;
    margin-right: 12px;
}
.pC_2{
    position: relative;
    font-family: var(--regular);
    font-size: 13px;
    color: white;
}

/*CONTACTOS*/
/*SECTION 1*/

.section_1{
    background-image: url(../images/section_1/fondo.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
}
.cnt_bar1_1{
    position: relative;
    width: 100%;
    height: 45px;
    background: #282756; /* Old browsers */
    background: -moz-linear-gradient(left,  #282756 0%, #ff3227 20%, #f5a933 40%, #95c295 60%, #048ce1 80%, #20275b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #282756 0%,#ff3227 20%,#f5a933 40%,#95c295 60%,#048ce1 80%,#20275b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #282756 0%,#ff3227 20%,#f5a933 40%,#95c295 60%,#048ce1 80%,#20275b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282756', endColorstr='#20275b',GradientType=1 ); /* IE6-9 */
    display: flex;
    align-items: flex-end;
}
.bar1_1{
    position: relative;
    width: 100%;
    height: 87%;
    background: var(--azulOscuro);
}
.log1_1{
    position: relative;
    width: 185px;
}
.btn1_1{
    position: relative;
    width: 140px;
    background: var(--amarillo);
    font-family: var(--bold);
    font-size: 12px;
    color: white;
    text-align: center;
    border-radius: 20px;
    padding: 6px 0px;
    margin: 23px;
}
.btn1_1:hover{
    box-shadow: 0 0 15px 3px white;
    -webkit-box-shadow: 0 0 15px 3px white;
    -moz-box-shadow: 0 0 15px 3px white;
    color: white;
}


/*SECTION 1*/
/*SECTION 2*/

.section_2{
	background-image: url(../images/section_2/fondo.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;	
}
.log2_1{
    position: relative;
    width: 240px;
    margin: auto;
    display: block;
}
.p2_1{
    position: relative;
    font-family: var(--regular);
    color: var(--azulOscuro);
    font-size: 14px;
    width: 90%;
    text-align: center;
    line-height: 15px;
    margin: 30px auto;
}
.btn2{
    position: relative;
    width: 250px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    display: flex;
    align-items: center;
    padding: 0px 14px;
    margin-bottom: 10px;
    border: 2px solid;
    z-index: 1;
}
.p_btn2{
    font-family: var(--bold);
    width: 180px;
    color: white;
    font-size: 14px;
    margin: 0px;
    text-align: center;
}
.btn2_1{ background: #de6c2c;border-color: #de6c2c;  }
.btn2_1 .log_btn{ background-image: url(../images/section_2/lg_1.png); }
.btn2_2{ background: #e3b244;border-color: #e3b244;  }
.btn2_2 .log_btn{ background-image: url(../images/section_2/lg_2.png); }
.btn2_3{ background: #791f76;border-color: #791f76;  }
.btn2_3 .log_btn{ background-image: url(../images/section_2/lg_3.png); }
.btn2_4{ background: #60d0e9;border-color: #60d0e9;  }
.btn2_4 .log_btn{ background-image: url(../images/section_2/lg_4.png); }
.btn2_5{ background: #0053a5;border-color: #0053a5;  }
.btn2_5 .log_btn{ background-image: url(../images/section_2/lg_5.png); }
.log_btn{
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    left: -12px;
    margin: 3px 0px 3px 0px;
}
.p2_2{
    position: relative;
    font-family: var(--bold);
    color: var(--azulOscuro);
    text-align: center;
    width: 100%;
    font-size: 16px;
    margin: 0px;
}
.img2_1{
    position: relative;
    width: 130px;
    border-bottom-right-radius: 50px;
    -webkit-box-shadow: 10px 10px 19px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 19px -11px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 19px -11px rgba(0,0,0,0.75);
    display: block;
    margin: 15px auto;
}
.p2_3{
    position: relative;
    width: 100%;
    text-align: center;
    font-family: var(--extrabold);
    color: var(--azulOscuro);
    margin: 0px;
    font-size: 14px;
}
.p2_4{
    position: relative;
    width: 100%;
    text-align: center;
    font-family: var(--semibold);
    color: var(--azulOscuro);
    margin: 0px;
    font-size: 11px;
}
.mancha2_1{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 72%;
    max-width: 800px;
}
.svg_avion{
    position: absolute;
    width: 44%;
    margin: auto;
    display: block;
    right: 10%;
    top: -70%;
    max-width: 500px;
}
#theMotionPath{
    fill:none;
    stroke:#B8C7E8;
    stroke-width:2.095;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:0,6.262;
}
.avion_img{ display: none; }

/*SECTION 2*/
/*SECTION 3*/

.section_3{
    background: #00bddf; /* Old browsers */
    background: -moz-linear-gradient(top,  #00bddf 0%, #0077b9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00bddf 0%,#0077b9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00bddf 0%,#0077b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bddf', endColorstr='#0077b9',GradientType=0 ); /* IE6-9 */
    padding-top: 135px;
    overflow: hidden;
}
.cnt_fondo3{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/section_3/fondo.png);
    background-size: 100% auto;
    background-position: center;
    left: 0;
    top: 0;
}
.ttl3_1{
    position: relative;
    width: 230px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid white;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.img_ttl{
    position: relative;
    width: 50px;
    left: -7px;
}
.p_ttl3{
    position: relative;
    font-family: var(--bold);
    color: white;
    margin: 0px 20px;
}
.p3_1{
    position: relative;
    width: 100%;
    font-family: var(--regular);
    color: white;
    font-size: 13px;
    margin: 15px 0px;
    line-height: 15px;
}
.cnt_pasos3{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img3_1{
    position: relative;
    width: 30%;
    left: 3%;
}
.img3_2{ left: 0; }
.img3_3{ left: -2.5%; }
.diag_A3{
    position: relative;
    width: 100%;
    background-color: var(--amarillo);
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-family: var(--semibold);
    font-size: 13px;
    text-align: center;
    padding: 6px;
    margin: 14px 0px;    
}
.trg_3{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: var(--amarillo) transparent transparent transparent;
    left: 20px;
    bottom: -10px;
}
.p3_2{
    position: relative;
    width: 100%;
    font-family: var(--regular);
    color: white;
    font-size: 13px;
    line-height: 15px;
}
.img_nn{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 280px;
}
.img3_4{
    position: relative;
    width: 90%;
    max-width: 430px;
    margin: auto;
    display: block;
}
.img3_5{
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 430px;
}

/*SECTION 3*/
/*SECTION 4*/

.section_4{
    background: #791d72; /* Old browsers */
    background: -moz-linear-gradient(top,  #791d72 0%, #202852 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #791d72 0%,#202852 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #791d72 0%,#202852 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#791d72', endColorstr='#202852',GradientType=0 ); /* IE6-9 */
    padding-top: 135px;
    overflow: hidden;
}
.ttl4_1{
    width: 250px;
}
.diag_students{
    position: relative;
    width: 240px;
    background-color: var(--naranja);
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-family: var(--bold);
    font-size: 13px;
    text-align: center;
    padding: 6px;
    margin: 14px 0px;    
    cursor: pointer;
}
.trg_4{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: var(--naranja) transparent transparent transparent;
    left: 20px;
    bottom: -10px;
}
.lista4_1{
    position: relative;
}
.opcion4_1{
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0px;
    cursor: pointer;
}
.cnt_fl{
    position: relative;
    width: 20px;
    height: 20px;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
}
.active_fl4_1{ background-image: url(../images/section_4/fl_a.png); }
.active_fl4_2{ background-image: url(../images/section_4/fl_b.png); }
.p4_1{
    position: relative;
    font-family: var(--regular);
    color: white;    
    font-size: 13px;    
    margin: 0px;
    line-height: 15px;
}
.diag_docentes{
    position: relative;
    width: 240px;
    background-color: var(--amarillo);
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-family: var(--bold);
    font-size: 13px;
    text-align: center;
    padding: 6px;
    margin: 14px 0px;    
    cursor: pointer;
}
.lista4_2{
    position: relative;
}
.trg_4_2{ border-color: var(--amarillo) transparent transparent transparent; }
.img_nn_4{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 340px;
}
.svg_avion4{
    position: absolute;
    width: 84%;
    bottom: 0;
    right: 0;
    max-width: 860px;
}
#theMotionPath4{
    fill:none;
    stroke:#1A7E5C;
    stroke-width:2.095;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:0,6.284;
}
.p4_2{
    position: relative;
    width: 100%;
    text-align: center;
    color: white;
    font-family: var(--extrabold);
    font-size: 22px;
}
.p4_3{
    position: relative;
    width: 100%;
    text-align: center;
    color: white;
    font-family: var(--regular);
    font-size: 13px;
    line-height: 15px;
}
.btn_grados{
    position: relative;
    width: 110px;
    background-color: white;
    font-family: var(--semibold);
    color: black;
    border: 1px solid white;
    font-size: 11px;
    text-align: center;
    border-radius: 19px;
    padding: 5px 7px;
    margin: 5px;
    cursor: pointer;
}
.btn_grados:hover{
    background-color: transparent;
    color: white;
}
.cnt_bnt_grados{
    position: relative;
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    max-width: 370px;
    margin: 20px auto;
    justify-content: center;
}
.cnt_bnt_grados a{ text-decoration: none !important; }
.avion_4{ display: none; }
.img4_1{
    position: relative;
    width: 210px;
    display: block;
    margin: auto 0px 10px auto;
}
.mac_4{
    position: relative;
    width: 350px;
    display: block;
    margin: auto;
}
.p4_4{
    position: relative;
    width: 100%;
    text-align: center;
    font-family: var(--bold);
    font-size: 13px;
    line-height: 15px;
    color: white;
}
.cpu4_1{
    position: relative;
    width: 65%;
    margin: auto;
    display: block;
}
.video4_1{
    position: absolute;
    width: 61%;
    left: -0.2%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*SECTION 4*/
/*SECTION 5*/

.section_5{
    background: #f54e62; /* Old browsers */
    background: -moz-linear-gradient(top,  #f54e62 0%, #ff2921 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f54e62 0%,#ff2921 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f54e62 0%,#ff2921 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54e62', endColorstr='#ff2921',GradientType=0 ); /* IE6-9 */
    padding-top: 135px;
    overflow: hidden;
}
.cnt_fondo5{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/section_5/fondo.png);
    background-size: 100% auto;
    background-position: center;
    left: 0;
    top: 0;
}
.ttl5_1{ width: 215px; }
.cnt_pas5_1{
    position: relative;
    width: 170px;
    margin: auto;
    margin-right: 70px;
}
.p5_1{
    position: relative;
    font-family: var(--regular);
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 16px;
}
.p5_2{ top: -40px; }
.p5_3{ top: 39px; }
.img5_1{
    position: relative;
    width: 230px;
    margin: 10px;
    top: -4px;
}
.img5_2{
    position: relative;
    width: 290px;
    margin: 10px;
    top: -60px;
}
.img5_3{
    position: relative;
    width: 320px;
    margin: 10px;
    left: -100px;
}
.img5_4{
    position: relative;
    width: 240px;
    margin: 10px;
    top: -60px;
}
.img5_5{
    position: relative;
    width: 390px;
    margin: 20px 0px 20px 0px;
    left: -176px;
}
.img5_6{
    position: relative;
    width: 130px;
    margin: auto;
    display: block;
    margin-bottom: 15px;
}

/*SECTION 5*/
/*SECTION 6*/

.section_6{
    background: #231b53; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #231b53 20%, #00b8d5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #231b53 20%,#00b8d5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #231b53 20%,#00b8d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231b53', endColorstr='#00b8d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding-top: 135px;
    overflow: hidden;
}
.cnt_fondo6{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/section_6/fondo.png);
    background-size: 100% auto;
    background-position: center;
    left: 0;
    top: 0;
}
.btn6_1{
    position: relative;
    width: 100%;
    font-family: var(--bold);
    background-color: white;
    color: var(--azulOscuro);
    border-radius: 25px;
    margin: 10px auto;
    font-size: 13px;
    border: 2px solid white;
    max-width: 215px;
}
.btn6_1:hover{
    background-color: transparent;
    color: white;
}
.p6_1{
    position: relative;
    width: 180px;
    height: 193px;
    color: white;
    font-family: var(--regular);
    font-size: 12px;
    line-height: 14px;
    background-color: rgba(38,44,82,.7);
    padding: 17px;
    text-align: center;
    border-radius: 30px;
    margin: auto;
}
.p6_1_1{ padding-top: 50px; }
.p6_1_2{ margin-top: 40px; padding-top: 68px; }
.p6_1_3{ padding-top: 70px; }
.foco{
    position: absolute;
    top: -40px;
    width: 200px;
    left: 4px;
    right: 0;
    margin: auto;
}
.libro{
    position: absolute;
    bottom: 56px;
    width: 200px;
    left: 3px;
    right: 0;
    margin: auto;
}
.trofeo{
    position: absolute;
    top: -29px;
    width: 183px;
    left: -12px;
    right: 0;
    margin: auto;
}
.diag6_1{
    position: relative;
    width: 70%;
    background-color: var(--azulOscuro);
    color: white;
    border-radius: 9px;
    font-family: var(--bold);
    font-size: 12px;
    text-align: center;
    padding: 8px;
    margin: 25px auto;
    border: 1.5px solid white;
}
.diag6_1_1{ background-color: #fc6c21; }
.diag6_1_2{ background-color: #f4b437; }
.trg_1{
    position: absolute;
    width: 34px;
    top: -15px;
    left: 20px;
}
.trg_2{
    position: absolute;
    width: 34px;
    top: -16px;
    left: 20%;
}
.p6_2{
    position: relative;
    width: 100%;
    text-align: center;
    font-family: var(--bold);
    color: #00ffff;
    font-size: 20px;
}
.p6_3{
    position: relative;
    width: 70%;
    text-align: center;
    font-family: var(--regular);
    color: white;
    font-size: 12px;
    line-height: 15px;
    display: block;
    margin: auto;
}
.cnt_op_compr_1{
    position: relative;
    width: 70%;
    display: flex;
    align-items: center;
    margin: 12px auto;
}
.img_log_1{
    position: relative;
    width: 50px;
    margin: 10px;
}
.p6_4{
    position: relative;
    font-family: var(--regular);
    color: white;
    font-size: 12px;
    line-height: 15px;
    margin: 0px;
}
.tele_1{
    position: relative;
    width: 400px;
    margin: auto;
    display: block;
}
.tele_2{
    position: absolute;
    width: 400px;
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
}
.img6_1{
    position: relative;
    width: 230px;
    margin: 30px auto;
    display: block;
}
.activo6_1{
    background-color: transparent;
    color: white;
}
.plp_6_1{
    position: absolute;
    width: 177px;
    height: 103px;
    background-color: white;
    left: 174px;
    right: 0;
    top: -21%;
    bottom: 0;
    margin: auto;
}
.plp_6_A{
    animation: ppl 1s infinite;
    -webkit-animation: ppl 1s infinite;
    -moz-animation: ppl 1s infinite;
}
@keyframes ppl{ 0%{ opacity: 1;transform: scale(1); } 100%{ opacity: 0;transform: scale(1.1); } }
@-webkit-keyframes ppl{ 0%{ opacity: 1;transform: scale(1); } 100%{ opacity: 0;transform: scale(1.1); } }
@-moz-keyframes ppl{ 0%{ opacity: 1;transform: scale(1); } 100%{ opacity: 0;transform: scale(1.1); } }
.plp_6_2{
    background: url(../images/section_6/analitica1.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.cnt_mac6_1{
    position: relative;
}

/*SECTION 6*/
/*SECTION 7*/

.section_7{
    background-image: url(../images/section_7/fondo.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    padding-top: 135px;
    overflow: hidden;
}
.ttl7_1{
    background-color: var(--azulOscuro);
    width: 210px;
}
.p7_1{
    position: relative;
    width: 70%;
    font-family: var(--regular);
    font-size: 13px;
    color: var(--azulOscuro);
}
.cnt_servicios{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.person_img{
    position: relative;
    width: 50px;
    margin: 10px;
}
.p7_2{
    position: relative;
    width: 70%;
    font-family: var(--regular);
    font-size: 13px;
    color: var(--azulOscuro);
    margin: 0px;
}
.img7_1{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}
.svg_avion_7_1{
    position: absolute;
    width: 54%;
    margin: auto;
    display: block;
    left: 0;
    bottom: 0;
    max-width: 700px;
}
#theMotionPath7_1{
    fill:none;
    stroke:#C7D9CF;
    stroke-width:3;
    stroke-miterlimit:10;
    stroke-dasharray:3;
}
.avion7_1{ display: none; }
.sobre{
    position: relative;
    width: 240px;
    margin: 300px 10px 10px 10px;
}

/*SECTION 7*/
/*OWL CAROUSEL WEMATH*/
.cnt_carousel{
    position: relative;
}
.owl-theme .owl-nav [class*='owl-']:hover{
    background: transparent;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}
.owl-nav{
    position: absolute;
    height: 40px;
    top: 0;
    bottom: 0;
    left: -15%;
    right: 0;
    margin: auto;
    margin-top: auto !important;
    width: 130%;
    display: flex;
    justify-content: space-between;
}
.owl-carousel{
    width: 350px;
    margin: auto;
}
.owl-carousel .owl-stage{
    transition: none !important;
}
.fl_l{ width: 24px; }
.fl_r{ width: 24px; }

/*OWL CAROUSEL WEMATH*/
/*NAVBAR MEDIA*/

@media (max-width: 992px){
	.navbar-nav {
        width: 200px;
        right: 0;
        margin: auto;
        margin-right: 0px;
	}
	.nav-item{
        margin: 0px;
        background-color: white;
        display: flex;
        justify-content: center;
        border-radius: 0px;
	}
    .p6_1_2{
        margin-top: 0px;
    }
    .logo_var{
        width: 80px;
        top: 12px;
        left: 1.5%;
    }
    .casita{ left: -5px; }
    .navbar-collapse{
        position: fixed;
        top: 0;
        bottom: 0;
        right: -16px;
        margin: auto;
        height: 180px;        
        overflow: hidden;
    }
}

@media (max-width: 768px){

    .img7_1{
        height: auto;
        width: 100%;
    }
}

/*NAVBAR MEDIA*/