@import url('https://fonts.googleapis.com/css?family=Catamaran:300,500,800,900&display=swap');


[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

col {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
 background: rgba(255,255,255,1);
 background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232,1) 100%);
 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(62%, rgba(208, 223, 232,1)), color-stop(100%, rgba(226,233,237,1)));
 background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232,1) 100%);
 background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232,1) 100%);
 background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232 ,1) 100%);
 background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgb(208, 223, 232) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e9ed', GradientType=1 );
 margin: 0;
 font-family: "Roboto", sans-serif;
 background-attachment: fixed;
}
.acceso {
    background: #ffffff;
    width: 90%;
    margin: auto;
    margin-top: 10%;
    max-width: 400px;
    border: solid 10px #fff;
    border-radius: 7px;
    box-shadow: 0px 1px 18px #06060640;
}
a { 
  outline: 0;
  text-decoration: none;
}
a:focus, a:hover {
  text-decoration: underline;
}
.logo {display: inline-block;max-height: 69px;text-align: left;width: 12%;vertical-align: top;}

.logo img {
    max-height: 64px;
    margin: 0.3em 0em;
    max-width: 100%;
    width: auto;
}
h2.democlas {
    margin-left: 47px!important;
    margin-top: -29px!important;
}
.icomenu {
    cursor: pointer;
    display: inline-block;
    margin: 1%;
    position: absolute;
    right: 0;
    font-family: 'Comfortaa', sans-serif;
    font-weight: 900;
    top: 0;
    background: #3c6ba2;
    padding: 10px;
}
.meniz a {
   display: block;
   width: 28px;
   height: 28px;
   text-align: center;
   background: url(../../imagenes/home.png);
   vertical-align: middle;
   position: relative;
   margin-top: 9px;
   text-decoration: none;
   z-index:  1000;
}
.meniz.activ a {
   display: block;
   width: 28px;
   height: 28px;
   text-align: center;
   background: url(../../imagenes/home.png);
   vertical-align: middle;
   background-position: center -34px;
   background-repeat: no-repeat;
   position: relative;
   margin-top: 7px;
   text-decoration: none;
}
.latizq {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
    padding: 2% 3% 0 6.2%;
}
.latizq2 {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0% 0% 0 0%;
}
.latizq h2 {
    color: #23e1d6;
    font-size: 3.4em;
    padding: 0 0 0 0;
    max-width: 451px;
    line-height: 1;
    margin: 32px 0 24px 0;
    font-weight: 700;
}
.ir1 b {
    font-size: 1em;
    color: #5d5d5d;
    margin: 1px 0 0 1px;
}

.contene.landingp h2 {
    font-family: "Catamaran", sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.1;
    color: #0071a4;
    margin: 3px 0 7px 53px;
}
.latder2 h1 a {
    color: #635dba;
    margin: 0 0 0 0;
}
.irasitio {
    margin: 0 auto 0 !important;
    padding: 12px 11px 1px!important;
    background: #ffffff;
    text-align: center!important;
    border: none!important;
    width: 269px!important;
    cursor: pointer;
    border-bottom: solid 2px #a5a1dc!important;
    position: relative!important;
    font-size: 1.2em!important;
    display: block!important;
    color: #4a8fc5;
    font-weight: 700!important;
}

a.irasitio {
    margin: -4px auto 1px !important;
    font-size: 1em!important;
}

.irasitio:hover {
    transition: all .3s;
    border-bottom: solid 2px #ccc;
}

a.irasitio.vari2 {}
.latder2 h1 {
    margin: 0 0 0 0;
        height: 78px;
}
.latder {
    display: inline-block;
    width: 47%;
    box-sizing: border-box;
    vertical-align: top;
    margin: 40px auto;
}
.imag1a {
    margin: -40px auto 0 auto;
}

.contgeneral3 .latder2 h4 {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.1;
}

.contgeneral3 .latder2 h4 b {
    font-size: 1em;
}

.contgeneral3 .latder2 li {
    font-size: 1.1em;
    font-weight: 400;
    margin-bottom: 0.8em;
    color: #2e2f2f;
}
.txtben {
    color: #0076bc;
    font-size: 1.9em;
    font-weight: 300;
}
.contgeneral.benf {
    width: 95%;
    max-width: 1600px;
    margin: 1em auto 5em;
    transition: all .3s ease;
}
.antmenu {
      z-index: 100000;
    background: rgba(255, 255, 255, 0.39);
    box-shadow: 0 0 15px #00000008;
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(62%, rgba(208, 223, 232,1)), color-stop(100%, rgba(226,233,237,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(208, 223, 232 ,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgb(208, 223, 232) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e9ed', GradientType=1 );
    background-size: 100% 1000px;
    background-position: center -95px;
    border-bottom: solid 1px rgba(75, 208, 224, 0.22);
}

.submenu a:hover {
    /* background: rgba(37, 225, 214, 0.21); */
    transition: all .3s;
}
.benf .latder img {
    max-width: 623px;
}
.latizq.beneficiosn > a {
    color: #716ac7;
    width: 100%;
    text-align:  left;
    text-decoration: none;
    max-width: 100%;
    margin: 26px 0 0 0;
    font-weight: 300;
    border-top: solid 2px #ccc;
    padding-top: 1em;
    font-size: 1.6em;
    padding-right: 1em;
    max-width: 361px;
}
.contgeneral3 .latder2 ul {
    padding-left: 27px;
    color: #09e2d5;
    margin: 27px  0 0 0;
}
.latder img {
    width: 100%;
    max-width: 556px;
    margin: 56px auto 0 auto;
    display: block;
    -webkit-animation: inicio 2s ease-out 1s forwards;
    -moz-animation: inicio 2s ease-out 1s forwards;
    animation: inicio 2s ease-out 1s forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    opacity: 0;
}
.latizq a {
    position: relative;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    max-width: 59px;
    margin-top: 10px;
    margin-left: 20px;
}
.latizq.beneficiosn > a img {
    float: right;
    top: -21px;
    right: -14px;
    position: relative;
}
.latizq a img {
    max-width: 100%;
}
.latizq h2 b {
    color: #25b8ee;
}
.active{
  color: #0ad8cc!important;
    font-weight: 600!important;
}
.brand-identity > div {
    width: 49%;
    text-align:  center;
    font-size: 1em;
    display: inline-block;
    color: #000;
    vertical-align: top;
}

.brand-identity > div h2 {
    font-size: 1em;
    color: #000;
    font-weight: 300;
    text-transform: inherit;
    font-family:  "Catamaran", sans-serif;
    margin: 2em auto 1em auto;
}

.brand-identity > div img {
    text-align: center;
    margin: 10px auto -27px;
    max-width: 56px;
}
.contgeneral {
     max-width: 1200px;
     margin: auto;
     width: 80%;
     margin-bottom: 2em;
     font-size: 1.1em;
     display: block;
     margin-top: 0;
     transition: all 1s;
     -webkit-animation: inicio 2s ease   forwards;
     -moz-animation: inicio 2s ease forwards;
     animation: inicio 2s ease  forwards;
}
.benf {
     max-width: 1200px;
    margin: auto;
    width: 80%; 
    margin-bottom: 210px;
    display: block;
    margin-top: 0; 
    transition: all 1s;  
  -webkit-animation: inicio 2s ease   forwards!important   ;
  -moz-animation: inicio 2s ease forwards !important   ;
  animation: inicio 2s ease  forwards !important  ;
  -webkit-animation-delay: 5s!important;
    -moz-animation-delay: 5s!important;
    animation-delay: 5s!important;
}
.latder.caracla {
    width: 48%;
}

.latder.caracla img {
    max-width: 123%;
    width: 123%;
    margin-left: -17%;
    top: 53px;
    display: block;
}
.complet1 h2 {
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1.1;
    color: #6d7777;
    margin: 7px 0 29px 0;
    text-align: center;
}

.complet1 h2 b {
    color: #645dba;
}
.contgeneral6 {
    max-width: 1500px;
    margin: auto;
    width: 97%;
    margin-bottom: 38px;
    display: block;
    max-width: 1300px;
    margin-top: 0;
    transition: all 1s;
}
.contgeneral7 {
    width:100%;
    margin-bottom: 210px;
    display: block;
    margin-top: 0;
    padding: 0em 0 5em 0;
    margin: 0.6em 0 0 0;
    transition: all 1s;
    /* background: url(../imagenes/fondo2.png); */
    background-size: 100% 93%;
    background-position: center -87%;
    min-height: 451px;
    background-repeat: no-repeat;
}
.cont_mod > div > img {
    /* border: #23e1d6 solid 5px; */
    /* border-radius: 90px; */
    /* background: #fff; */
    margin: -77px  0 -10px 0;
    width: 83%;
    padding: 20px;
    /* height: 147px; */
    box-sizing: border-box;
}
.cont_mod > div:hover img {
    width: 90%;
    transition: all 0.5s;
    top: 5px;
}

.cont_mod > div:hover > div p {
    height: 133px;
    transition: all 0.7s;
}
.mo_1 .detmod h2 {
    /* color: #625bb8; */
}
.mo_2 .detmod h2 {
    /* color: #3b484d; */
}
.mo_3 .detmod h2 {
    /* color: #0076bc; */
}
.abierto {
    display: block!important;
    position: fixed!important;
    padding: 94px 2em 3em 5.5em!important;
    top: 0;
    height: 100%;
    height: 100vh;
    right: 0!important;
    width: 98%!important;
    z-index: 10000;
    transition: all 0.7s ease;
}

.confinver1 {
    background: #ffffff;
    top: 0;
    right: 0%;
    width: 1%;
    position: absolute;
    overflow: auto;
    width: 0%;
    padding: 0;
    box-sizing: border-box;
    border-radius: 23px;
    box-sizing: border-box;
    margin: 4px 0% 4px 2%;
    box-shadow: 0 4px 23px #b0bfc1;
    transition: all 0.5s ease;
}

.confinver2 {
  background: #ffffff;
    top: 0;
    right: 0%;
    width: 1%;
    position: absolute;
    overflow: auto;
    width: 0%;
    padding: 0;
    box-sizing: border-box;
    border-radius: 23px;
    box-sizing: border-box;
    margin: 4px 0% 4px 2%;
    box-shadow: 0 4px 23px #b0bfc1;
    transition: all 0.5s ease;
}

.confinver3 {
background: #ffffff;
    top: 0;
    right: 0%;
    width: 1%;
    position: absolute;
    overflow: auto;
    width: 0%;
    padding: 0;
    box-sizing: border-box;
    border-radius: 23px;
    box-sizing: border-box;
    margin: 4px 0% 4px 2%;
    box-shadow: 0 4px 23px #b0bfc1;
    transition: all 0.5s ease;
}
.cont_mod > div {
    width: 30.6%;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 2%;
    cursor: pointer;
    transition: all .4s;
    min-height: 322px;
    /* background: #fff; */
    margin: 0 1%;
    transition: all .3s;
    text-align: center;
    /* box-shadow: 0 0px 11px rgba(0, 0, 0, 0.09); */
}

.cont_mod > div {
}

.detmod h2 {
    line-height: 1;
    /* text-transform: uppercase; */
    font-size: 1.2em;
    /* min-height: 41px; */
    font-family: "Catamaran", sans-serif;
    font-weight: 600;
}
 

.detmod p {
    line-height: 1.1;
    text-align: justify;
    margin: 0 0px 19px 0;
    font-size: 0.95em;
    /* min-height: 102px; */
    /* height: 0px; */
    overflow: hidden;
    position: relative;
}

.detmod a {
    color: #0064ad;
    font-size: 1.2em;
    text-align: center;
    vertical-align: top;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    margin: 0px 0 25px -28px;
    display: inline-block;
}

.detmod {
    position: relative;
    margin: -51px auto 0 auto;
    max-width: 80%;
}

.detmod a:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../imagenes/ir.png);
    display: block;
    position: absolute;
    right: -35px;
    background-size: 30px;
    top: -4px;
}
.contgeneral.carc0 {
    width: 90%;
    max-width: 1400px;
    margin-bottom: 0!important;
}

.latizq.caract > div b {
    font-size: 1.6em;
    color: #0176bc;
}
.carac_s1 p {
    text-align: justify;
    margin: 5px 0 15px 0;
}
.latizq.caract > div {
    border-bottom: solid 2px #aebcca;
    padding: 0.3em 0 0.1em;
}
.latizq h3 {
    color: #0175bc;
    font-size: 2.5em;
    font-weight: 600;
    position: relative;
    max-width: 100%;
    vertical-align: top;
    display: block;
    margin: 0;
    text-align: left;
}
.costben {
    color: #536381;
    font-size: 2em;
    font-weight: 300;
    position: relative;
    max-width: 275px;
    vertical-align: top;
    display: inline-block;
    margin: 0 0 -37px 0;
}
.video1a > div {
    /* width: 202%; */
    display: inline-block;
    transition: all 0.5s  ease-in-out;
}

.video1a {
    display: block;
    width: 105%;
    overflow: hidden;
    height: 322px;
}

iframe#video {
    display: inline-block;
    vertical-align: top;
    /* margin-right: 1%; */
    transition: all 0.3s;
    max-width: 88%;
    max-width: 565px;
    margin: 0 auto;
    display: block;
}

.video1a img {
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    max-width: 100%;
    cursor:pointer;
    position: relative;
}
.fixgran {
   position: absolute!important;
    top: 350px!important;
        z-index: 100000!important;
    font-size: 2em; 
        transition: all 1s; 
  -webkit-animation: fixgra 4s ease   forwards   ;
  -moz-animation: fixgra 4s ease forwards    ;
  animation: fixgra 4s ease  forwards   ;
}
.latizq h3 img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.beneficiosn2   h3 {
    color: #25abe1!important;
    text-align: center;
    font-size: 3em;
    margin: 0 0 31px 0;
}
.latder2 {
    display: inline-block;
    width: 47%;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0 auto;
    text-align: left;
}
.latizq img {
    max-width: 100%;
    margin: 0 0 0 0%;
    display: block;
}
a.contrata {
    display: block;
    position: relative;
    margin-top: 43px;
}

.ya {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    /* text-transform: uppercase; */
    letter-spacing: -1px;
    vertical-align: top;
    color: #0176bc;
}
.latizq2 img {
    max-width: 100%;
    margin: -8px auto 0;
    position: relative;
    display: block;
    top: -28px;
}
 
.contgeneral2 {
        max-width: 1200px;
        margin: auto;
        width: 80%;
        margin: auto;
        opacity: 0;
        top: 51px!important;
        position: relative;
        /*-webkit-animation: iniciod 1.2s ease-out 1s forwards;
        -moz-animation: iniciod 1.2s ease-out 1s forwards;
        animation: iniciod 1.2s ease-out 1s forwards;
        -webkit-animation-delay: 7s;
        -moz-animation-delay: 7s;
        animation-delay: 7s;
        padding: 0em 0 9em 0;*/
}
.contgeneral3 {
        color: #635dba;
        max-width: 1200px;
        margin: auto;
        width: 80%;
        margin: auto;
        display: block;
        /* opacity: 0; */
        position: relative;
        /* -webkit-animation: iniciod 1.2s ease-out 1s forwards;
        -moz-animation: iniciod 1.2s ease-out 1s forwards;
        animation: iniciod 1.2s ease-out 1s forwards;*/
}

.latder2 h2 {
    color: #009ad8;
    font-size: 1.9em;
    font-weight: 300;
    margin: 50px 0 7px 0;
}
.ir1 {
    text-align: left;
    color: #313535;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    margin: 18px 0 0 0;
    vertical-align: top;
}
.imag1 {
    transition: all 2.5s
  
}
.imag1a {
    transition: all 2.5s
   
}

.ir1 b {
    text-align: left;
    display: inline-block;
    color: #6e777d;
    font-size: 1.05em;
    vertical-align: top;
    margin-left: 2px;
    top: -1px;
    margin-right: 2px;
    position: relative;
}

.ir1 > div {
    display: inline-block;
    color: #282d2d;
    font-size: 1.2em;
}

.ir1 img {
    text-align: left;
    vertical-align: top;
    display: inline-block;
    color: #0579bd;
    margin-top: -2px;
    width: 29px;
    vertical-align: top;
    margin-left: 7px;
}
.ir2 > div {
    display: inline-block;
    color: #282d2d;
    font-size: 1.2em;
}

.ir2 img {
    text-align: left;
    vertical-align: top;
    display: inline-block;
    color: #0579bd;
    margin-top: -2px;
    width: 31px;
    vertical-align: top;
    margin-left: 14px;
}
.latder2 h4 {
    font-size: 1.6em;
    color: #1cc3ba;
    margin: 0 0 3px 0;
}

.latder2 h4 span {
    color: #645dba;
    font-weight: 400;
    font-size: 0.9em;
}

.latder2 h4 b {
    font-size: 1.7em;
    color: #057cc3;
}

.latder2 h5 {
    color: #645dba;
    font-weight: 400;
    margin: 0 0 24px 0;
    font-size: 1em;
    width: 84%;
    line-height: 1;
}

.latder2 > a {
    font-size: 1.8em;
    vertical-align: top;
    color: #635dba;
    display: block;
    text-decoration: none;
}

.latder2 > a img {
    display: inline-block;
    vertical-align: top;
    margin: -5px 0 0 0;
    max-width: 51px;
}
.meniz.activ a {
   display: block;
   width: 54px;
   height: 28px;
   text-align: center;
   background: url(../../imagenes/home.png);
   vertical-align: middle;
   background-position: center -32px;
   background-repeat: no-repeat;
   position: relative;
   margin: 0 -22px 0 0;
   margin-top: 7px;
   text-decoration: none;
}
.submenu {
   position: relative;
   width: 58%;
   height: 51px;
   top: 0;
   left: 16px;
   text-align: center;
   display: inline-block;
   font-size: 87%;
   vertical-align: top;
   font-family: "Lato",sans-serif;
   margin-top: 18px;
   display: inline-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-evenly;
   align-items: center;
   align-content: center;
} 

.submenu a {
  color: #007ac3;
  text-decoration: none;
  font-size: 0.9em;
  position: relative;
  vertical-align: middle;
  line-height:1;
  padding: 12px 6px;
  min-width: 7%;
  font-weight: 800;
  /* border: solid 1px #07d8cf; */
  border-radius: 1px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  /* background: white; */
  font-family: "Catamaran", sans-serif;
}

div#registro {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.7);
}

b.cerr2 {
    position: absolute;
    transition: all .5s;
    text-align: center;
    width: 45px;
    right: 24px;
    color: #0e2f42;
    padding: 0.1em;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    top: -6px;
    display: block;
    height: 65px;
    font-style: normal;
    font-size: 4em;
    font-weight: 200;
}

div#registro > iframe {
    width: 95%;
    margin: 1em auto;
    display: block;
    max-width: 800px;
    height: 88%;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.25);
    overflow: auto;
    border: solid 2px #9c9d9e;
}
.lat-cen {
    width: 100%;
    position: absolute;
    top: 69px;
    text-align: center;
    color: #fff!important;
    font-size: 1.2em;
     -webkit-animation-name: segundo; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .8s; /* Safari 4.0 - 8.0 */
    animation-name: segundo;
    animation-duration: .8s;
}
.complet1 {
    display: block;
    position: relative;
    margin: 41px 0 45px 0;
    padding: 0em 0;
    background: url(../imagenes/circ1.png);
    background-repeat: no-repeat;
    background-position: 19% center;
    background-attachment: fixed;
    background-size: contain;
}
.lat-izq {
    width: 50%;
    top: 187px;
    text-align: right;
    height: 100%;
    position: absolute;
     -webkit-animation-name: tercero; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .8s; /* Safari 4.0 - 8.0 */
    animation-name: tercero;
    animation-duration: .8s;
}

.lat-izq .uno {
    right: 4%;
    position: relative;
}
a.carrito {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    background: url(../imagenes/carrito.png);
    vertical-align: middle;
    position: relative;
    margin-top: 9px;
    text-decoration: none;
    /* margin-right: 12px; */
    float: left;
}
.llamada {
       transition: all .3s;
       background: #ddefff1f;
       padding: 4px 13px;
       display: inline-block;
       text-align: center;
       font-size: .8em;
       color: black;
       border: solid 1px #0000009e;
       border-radius: 20px;
       margin: 3px 3% 6px 1%;
       vertical-align: top;
       font-family: "Catamaran", sans-serif;
       line-height: 1.1;
}

.whats {
   display: inline-block;
   width: 106px;
   height: 42px;
   position: absolute;
   text-align: center;
   background-repeat: no-repeat;
   z-index: 100;
   vertical-align: middle;
   position: fixed;
   background: #ccc;
   margin-top: 4px;
   text-decoration: none;
   min-height: 34px;
   box-sizing: border-box;
   border: solid 1px #02020259;
   padding: 3px 5px 1px;
   margin-left: 4px;
   box-shadow: 5px 6px 15px #0046723b;
   height: 24px;
   text-shadow: -1px 1px 2px #ffffff;
   color: #080808;
   border-radius: 21px;
   font-size: 0.9em;
   font-weight: 600 !important;
   line-height: .9;
   background: #ffcd16;
   background: -moz-radial-gradient(circle, rgb(255 205 22) 0%, rgb(255 205 22) 100%);
   background: -webkit-radial-gradient(circle, rgb(255 205 22) 0%, rgb(255 205 22) 100%);
   background: radial-gradient(circle, rgb(255 205 22) 0%, rgb(255 202 41) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd16",endColorstr="#ffcd16",GradientType=1);
}
.whats:hover {
    background: #ffcd16;
}

a.demolink {
    border: solid 1px #726be37d;
    border-radius: 20px;
    color: #534cc7;
    max-width: 98px !important;
    min-width: 59px;
    height: 10px;
    padding: 6px 2px;
    top: -2px;
}
.mende {
   position: relative;
   width: 22%;
   height: 56px;
   top: 0;
   left: 2%;
   text-align: left;
   vertical-align: top;
   display: inline-block;
   margin-top: 17px;
}
.lat-izq .dos {
    right: 79px;
    position: relative;
    margin-top: 41px;
}
.lat-izq .tres {
    right: 125px;
    position: relative;
    margin-top: 84px;
}
.lat-izq .cuatro {
    right: 57px;
    position: relative;
    margin-top: 52px;
    line-height: 1;
}
 

.lat-izq .cinco {
    right: 62px;
    position: relative;
    margin-top: 37px;
}
.lat-der .uno {
    left: 1px;
    position: relative;
    margin-top: 2px;
}
.lat-der .dos {
    left: 41px;
    position: relative;
    margin-top: 28px;
    width: 111px;
    line-height: 1.1;
}
.lat-der .tres {
    left: 23px;
    position: relative;
    margin-top: 29px;
}
.lat-der .cuatro {
    left: 119px;
    position: relative;
    margin-top: 29px;
}
.lat-der .cinco {
    left: 23px;
    position: relative;
    margin-top: 53px;
}
.lat-der .seis {
    left: 22px;
    position: relative;
    margin-top: 30px;
    width: 112px;
    line-height: 1;
}
.lat-der .siete {
    left: 6%;
    position: relative;
    margin-top: 97px;
}

.lat-der {
    right: 0;
    width: 49%;
    top: 190px;
    text-align: left;
    height: 100%;
    position: absolute;
     -webkit-animation-name: cuarto; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .8s; /* Safari 4.0 - 8.0 */
    animation-name: cuarto;
    animation-duration: .8s;
}
 .submenu a:hover {
    transition: all .3s;
    color: #172854;
}
.menu {
    width: 98%;
    height: 83px;
    margin: 0 auto;
    max-width: 1251px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
}
.icomenu span {
    vertical-align: top;
    margin: 8px;
    margin-top: 6px;
    position: relative;
    color: white;
    display: inline-block;
}
.close {
    position: absolute;
    background: #00000099;
    text-align: center;
    width: 7%;
    right: 0;
    padding: 1em;
    box-sizing: border-box;
    cursor: pointer;
}

.close img {
    width: 100%;
    max-width: 35px;
}

.close:hover {
    width: 8%;
    transition: all .3s;
    background: #000;
}

.icomenu:hover {
    transition: all .3s;
    background: #66addf;
}
.tex0 img {
    text-align: right;
    float: right;
    left: 0;
}

.tex0 {
    float: left;
    left: 12%;
    margin-top: 2%;
    width: 42%!important;
}
.tex2 {
    width: 37%;
}
.tex0 h5 {
    font-size: 2.9em;
    margin-bottom: 5px;
}
.tex0 p {
    margin-bottom: 5px!important;
    width: 94%!important;
}

.slide:nth-of-type(1) img {
    float: right;
}

.tex3 {
    width: 44%!important;
    left: 8%;
    margin-top: 61px;
    background: #9cfff2b0;
    padding: 1.2em 2em 1em 2em;
    border-radius: 3px;
    font-size: 1.1em;
}


.cont-tex.tex3 img {
    float: right;
}

.slide:nth-of-type(4) img {
    float: right;
}

.tex3 p {
    font-size: 1.4em!important;
}
 /* Safari 4.0 - 8.0 */
@-webkit-keyframes primero {
    0% {background-size:1000px} 
    100% {background-color: 500px;}
}

/* Standard syntax */
@keyframes primero {
   0% {background-size:1000px} 
    100% {background-color: 500px;}
} 
 /* Safari 4.0 - 8.0 */
@-webkit-keyframes segundo {
  0% {top: -69px;} 
    100% {top: 69px;}
}

/* Standard syntax */
@keyframes segundo {
   0% {top: -69px;} 
    100% {top: 69px;}
} 

 /* Safari 4.0 - 8.0 */
@-webkit-keyframes tercero {
  0% {width: 5%;} 
    100% {width: 50%;}
}

/* Standard syntax */
@keyframes tercero {
  0% {width: 5%;} 
    100% {width: 50%;}
} 

 /* Safari 4.0 - 8.0 */
@-webkit-keyframes cuarto {
  0% {width: 5%;} 
    100% {width: 49%;}
}

/* Standard syntax */
@keyframes cuarto {
  0% {width: 5%;} 
    100% {width: 49%;}
} 

/* slider inicia ---------------------------------------- */

.slider {
  margin: 0 auto;
  max-width: 1921px;
}

.slide_viewer {
  height: 380px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background: #75ebff;
}

.slide:nth-of-type(2) {
  background: #f9c03c;
}

.slide:nth-of-type(3) {
  background: #d1ff8b;
}

.slide:nth-of-type(4) {
  background: #5ab2ff;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  height: 340px;
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
  top: -340px;
}

.previous_btn {
  bottom: 0;
  left: 9px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 6px;
  top: 0;
}

.previous_btn, .next_btn {
  margin-top: 12%;
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}
.slid001 {
    display: inline-block;
    position: relative;
    width: 48%;
    background: #f9c03c;
}
 

.slid002 {
    display: inline-block;
    position: relative;
    width: 51%;
    background: #f9c03c;
}

.slid002 img  {
    max-height: 380px;
    text-align: right;
    float: right;
}
 .slid001 img {
    max-height: 380px;
}
.cont-tex {
    display: block;
    position: absolute;
    z-index: 1;
    width: 32%;
    right: 23%;
    color: #fff;
    
}

.cont-tex h5 {
    font-size: 2.4em;
    color: #194b86;
    margin: 1em 0 0.4em 0;
    font-weight: 400;
    font-family: "Comfortaa", sans-serif;
}

.cont-tex p {
    font-size: 1.6em;
    color: #06122f;
    text-shadow: 0 2px 1px #ffffff3b;
    margin: 0 0;
    font-family: "Comfortaa", sans-serif;
}
.tex2 {
    right: 10%;
    width: 36%;
    top: 8%;
}
.tex3 h5 {
    font-size: 1.8em;
    margin: 10px 0 11px 0;
}

 
/* slider finaliza ----------------------------------------*/

.calltoaction {
    display: inline-block;
    position: relative;
    width: 380px;
    background: #273967;
    z-index: 10;
    vertical-align: top;
    margin-left: 20%;
    font-size: 0.7em;
    font-family: "Comfortaa", sans-serif;
}

.calltoaction > span {
    color: #fff;
    padding-top: 5px;
    background: #5697ca;
    display: block;
    height: 38px;
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-weight: 990;
    font-size: 1.5em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.calltoaction span p {
    font-size: 0.5em;
    font-weight: 200;
    margin: 2px 0 0 0;
}

.calltoaction > ul {
    display: inline-block;
    width: 31.9%;
    position: relative;
    list-style: none;
    vertical-align: top;
    margin: 0;
    padding: 2px 0  0 0;
    text-align: center;
    height: 49px;
    color: #fff;
    font-family: sans-serif;
    font-size: 0.9em;
    cursor: pointer;
}

.calltoaction ul img {
    max-height: 28px;
    width: auto;
    text-align: center;
    display: block;
    margin: 4px auto -7px;
}
.pnl1 {
    margin-top: 11px;
    font-size: 1em;
    margin-left: 1px;
    position: absolute;
    background: #9bcef7;
    width: 315%;
    height: 255px;
    padding: 0px 4px 5px 5px;
    z-index: 1000000;
    box-shadow: 0 19px 29px #00000061;
}
.pnl2 {margin-top: 11px;font-size: 1em;margin-left: -103%;position: absolute;background: #9bcef7;width: 315%;height: 255px;padding: 0px 4px 5px 5px;z-index: 1000000;box-shadow: 0 19px 29px #00000061;}
}.pnl3 {
   margin-top: 32px;
    font-size: 1em;
    margin-left: 5px;
    position: absolute;
    background: #a6edf8;
    width: 300%;
    height: 255px;
    padding: 0px 4px 5px 5px;
    z-index: 1000000;
}
.pnl1 span {
    display: block;
    text-align: left;
    margin: 0 16px 17px 11px;
    padding: 5px 9px;
    font-size: 1.6em;
    min-width: 65%;
    color: #000000;
    font-family: "Comfortaa", sans-serif;
    background: #f0f6fba6;
}

.pnl1 > p {
    font-family: "Comfortaa", sans-serif;
    font-size: 1.6em;
    text-align: left;
    padding: 0px 5px;
    color: #000000;
    font-weight: 700;
}

.pnl1 a {
    font-weight: bold;
    color: black;
    background: #deefc2;
    paddinf 2px 41px:;
    padding: 0 5px;
    text-align: left;
    border-radius: 2px;
    float: right;
    margin-right: 6px;
}

.pnl2 > p {
    font-family: "Comfortaa", sans-serif;
    font-size: 1.6em;
    text-align: left;
    padding: 0px 5px;
    color: #000000;
    font-weight: 700;
    margin: 11px 0 0  5%;
}

.pnl2 a {
    font-weight: bold;
    color: black;
    background: #deefc2;
    paddinf 2px 41px:;
    padding: 0 5px;
    text-align: left;
    border-radius: 2px;
    float: right;
    margin-right: 6px;
}

.pnl3 > p {
    font-family: "Comfortaa", sans-serif;
    font-size: 1.6em;
    text-align: center;
    padding: 0px 5px;
    color: #000000;
    font-weight: 700;
}

.pnl3 a {
    margin-top: 14px;
    font-weight: bold;
    color: black;
    background: #deefc2;
    paddinf 2px 41px:;
    padding: 7px 5px;
    border-radius: 2px;
    margin-right: 6px;
    text-align: center;
    display: block;
}

.pnl2 form {
    display: block;
    position: relative;
}

.pnl2 form > input {
    text-align: left;
    display: block;
    width: 87%;
    margin: 8px auto 10px;
    height: 13px;
    padding: 8px;
    font-size: 1.2em;
    color: #000;
}

.pnl2 form label {
    display: inline-block;
    color: #000;
    font-size: 1.1em;
    vertical-align: middle;
}

.pnl2 form label {}

.pnl2 form label input {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.pnl2 form label a {
    vertical-align: middle;
    margin-top: 4px;
    margin-left: 5px;
}

.pnl2 form button {
    width: 86%;
    margin: 6px auto 0;
    padding: 5px;
    border: none;
    background: #ceea9a;
    height: 30px;
    font-size: 1.6em;
    font-weight: 800;
    font-family: "Comfortaa", sans-serif;
}
.pnl3 {
    margin-top: 11px;
    font-size: 1em;
    margin-left: -206%;
    position: absolute;
    background: #9bcef7;
    width: 315%;
    height: 255px;
    text-align: center;
    padding: 0px 4px 5px 5px;
    z-index: 1000000;
    box-shadow: 0 19px 29px #00000061;
}

.activ02 {
    background-color: #9bcef7;
    color: black!important;
}
.backfondo {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0000004d;
    z-index: 10;
}
.pnl1 a:hover {
    background: #cad0d4;
    transition: .3s;
}
.slide:nth-of-type(1) div {
    margin-left: -5%!important;
    right: auto!important;
    width: 30%!important;
}
 

.intro-section {
    width: 100%;
    padding: 1em 0;
    display: block;
    margin-top: 3em;
    box-sizing: border-box;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-7 {     
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.met02 {
    background: #d3dbec;
    padding: 5px;
    text-align: center;
    border-radius: 47px;
}

.met02 img {
    margin: 0 4%;
}
 
.col-lg-7 h2{
    color: #222222;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 40px;
    font-family: "Comfortaa", sans-serif;
}

.col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-lg-5 img {
    width: auto;
    max-height: 428px;
}

.sp-title span {
    background: #d1fb8b;
    padding: 0 10px;
    color: #222222;
    margin-left: 10px;
    display: inline-block;
}

.col-lg-7 p {
    padding: 0 4em 1em 0;
    color: #242a2f;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.7;
}
a.site-btn {
    padding: 0px 46px;
    background-image: linear-gradient(to right, #68afe2 0%, #2c3f6c 51%, #73dbd9 100%);
    background-size: 200% auto;
    z-index: 2;
    display: inline-block;
    transition: all 400ms ease-out;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    line-height: 55px;
    border: 6px solid rgba(204, 241, 255, .5);
    border-radius: 33px;      &:hover{
    background-position: right center;
    color: #fff;      }
}
.intro-section.pt2 {
    margin-top: -16em;
    text-align: center;
}

.intro-section.pt2 h2 {
    font-family: "Comfortaa", sans-serif;
    font-size: 2em;
    color: #843284;
    text-align: center;
    margin-bottom: 2em;
}
 

.intro-section.pt2 h2:before {
    border-bottom: solid 2px #a15da1;
    color: #7f3e7f;
    padding-bottom: 0.3em;
    content: "";
    width: 224px;
    height: 20px;
    display: block;
    text-align: center;
    bottom: -47px;
    position: relative;
    margin: auto;
}
.container.c2 {
    background: url(../imagenes/fondo2.jpg);
    max-width: 100%;
    padding: 2em 2em;
    background-attachment: fixed;
    box-sizing: border-box;
}

.col-4 {
    display: inline-block;
    width: 20.6%;
    margin: auto 1.3%;
    text-align: center;
    background: white;
    vertical-align: top;
    min-height: 182px;
    padding: 5px;
    margin-bottom: 2em;
    border-radius: 11px;
    box-shadow: 0 0 39px #00000052;
}

.col-4 i {
    margin: 12px auto;
    display: block;
}
 
 .container.cver3 h2 {
    font-family: "Comfortaa", sans-serif;
    font-size: 2.6em;
    color: #ffffff;
    text-align: center;
    margin-bottom: 2em;
    font-weight: 700;
}
.container.cver3 h2:before {
    border-bottom: solid 4px #68dcff;
    color: #124350;
    padding-bottom: 0.1em;
    content: "";
    width: 157px;
    height: 20px;
    display: block;
    text-align: center;
    bottom: -56px;
    position: relative;
    margin: auto;
}
.col-3 {
    display: inline-block;
    width: 27.9%;
    margin: 0em 1.3%;
    text-align: center;
    vertical-align: top;
    /* min-height: 182px; */
    padding: 5px;
    margin-bottom: 2em;
    border-radius: 1px;
    background: #ffffff;
    padding: 19px 14px;
    border-top: solid 4px #ffa024;
    /* min-height: 308px; */
}

.intro-section.ver3 col-3 h5 {
    background: #89d7e259;
  
}

.intro-section.ver3 col-3 i img {
    display: inline-block;
    position: relative;
}

.intro-section.ver3 {}

.intro-section.ver3 .col-3 h5 {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: 5px;
    color: #7d4100;
    width: 80%;
    vertical-align: top;
    margin-top: 0;
    font-size: 1.1em;
    line-height: 1;
    margin-bottom: 11px;
    padding-bottom: 11px;
    border-bottom: solid 2px #ffa024;
}

.intro-section.ver3 {
    background: #cbe1ef;
    background: url(../imagenes/fondo3.jpg);
    background-position: 0;
    background-attachment: fixed;
}

.intro-section.ver3 .col-3 i {
    display: inline-block;
    width: 16%;
    vertical-align: top;
    margin-top: 5px;
}

.intro-section.ver3 .col-3 i img {vertical-align: top;}

.intro-section.ver3 .col-3 p {
    text-align: left;
    font-size: 0.9em;
    color: #505050;
}

.intro-section.ver3 .col-3 ul {
    margin: 5px;
    padding: 0;
    text-align: left;
    width: 100%;
    display:  inline-block;
}

.intro-section.ver3 .col-3 ul li {
    display: inline-flex;
    width: 48%;
    margin-right: 1%;
    font-size: 0.8em;
    color: #353535;
    margin-left: 0;
    margin-bottom: 1em;
}
 
.container.cver3 {
}

.intro-section.ver3 .col-3 a {
    padding: 0px 20px;
    /* background: #b2c4ec; */
    /* background-image: linear-gradient(to right, #b2c4ec 0%, #b4dcff 51%, #85aeea 100%); */
    background-size: 201% auto;
    z-index: 2;
    display: block;
    transition: all 400ms ease-out;
    text-align: center;
    color: #503101;
    font-size: 15px;
    line-height: 24px;
    border: 2px solid #ffda24;
    border-radius: 33px;
    text-align: left;
    width: 102px;
    margin: 0;
}
.intro-section.ver3 .col-3 ul li:before {
    content: "-";
    width: 10px;
    height: 10px;
    font-size: 0.9em;
    vertical-align: top;
}


footer.footer-section.py-5 {
    background: #3c444c;
    color: #fff;
    opacity: 1;
}

.col-lg-4 {
    display: inline-block;
    width: 29%;
    margin: 1% 2%;
    vertical-align: top;
    text-align: center;
    font-size: 0.8em;
}

.col-lg-4 a {
    color: #66dede;
    text-decoration: underline;
    display: inline-block;
    text-align: center;
    width: 51.3%;
    margin-left: 2px;
    padding-left: 8px;
    vertical-align: middle;
    text-decoration: none;
}


.col-lg-4 span {
    display: block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.col-lg-4 p {
    margin: 6px;
}

section.copyright-w3layouts {
    background: #3c444c;
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
    margin-top: 0em;
    text-align: center;
    color: azure;
    opacity: 1;
}
.col-lg-4 a img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.col-lg-4 a {
   color: #66dede;
   text-decoration: underline;
   display: inline-block;
   text-align: center;
   width: 51.3%;
   line-height: 1;
   /* margin-left: 3px; */
   /* padding-left: 9px; */
   vertical-align: middle;
   margin: 4px 0 3px 0;
   text-decoration: none;
}

.col-lg-4.footer-grids:nth-child(3) a:nth-child(3) {
    border: solid 1px #74bcdf6b;
    padding: 3px 0 1px 0;
    border-radius: 3px;
    font-size: 0.95em;
    margin: 7px 0 3px 0;
}
.col-lg-4.footer-grids:nth-child(3) a:nth-child(4) {border: solid 1px #74bcdf6b;padding: 4px 0 3px 0;border-radius: 3px;}

.col-lg-4.footer-grids:nth-child(3) a:nth-child(5) {border: solid 1px #74bcdf6b;padding: 4px 0 3px 0;border-radius: 3px;}

.col-lg-4.footer-grids:nth-child(3) a:nth-child(2) {
    border: solid 1px #74bcdf6b;
    padding: 4px 0 3px 0;
    border-radius: 3px;
    cursor: pointer;
    background: #3c444c;
    display: block;
    margin: 0 auto;
    height: 14px;
    z-index: 1;
}
.col-lg-4 span {
   display: block;
   text-align: center;
   width: 100%;
   margin: auto;
}

.col-lg-4 p {
   margin: 6px;
}

section.copyright-w3layouts {
   background: #3c444c;
   margin: 0;
   padding: 1px;
   box-sizing: border-box;
   margin-top: 6em;
   text-align: center;
   color: azure;
   opacity: 1;
}
.col-lg-4 a img {
   display: inline-block;
   vertical-align: middle;
   width: 27px;
   height: 27px;
   margin: 0 6px 3px 0;
}
.pb52 {
   background: #cbe1ef;
   background: url(../imagenes/fondo4.jpg);
   background-position: 0;
   background-attachment: fixed;
   margin-top: 0;
   padding: 0;
   padding-top: 4em;
   background-size: cover;
}
.pb52 {
    background: #cbe1ef;
    background: url(../imagenes/fondo4.jpg);
    background-position: 0;
    background-attachment: fixed;
    margin-top: 0;
    padding: 0;
    padding-top: 4em;
    background-size: cover;
}
.pb53{
    background: #ddedf7;
    background-position: 0;
    background-attachment: fixed;
    margin-top: 0;
    padding: 0;
    padding-top: 2em;
    background-size: cover;
}
.izq02 {
    position: absolute;
    width: 46%;
    height: 100%;
    margin-top: 5em;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.der01 {
    position: absolute;
    width: 54%;
    height: 90%;
    right: 0;
    margin-left: 45%;
    display: inline-block;
    background-image: url(../imagenes/fondo8.jpg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    /* background: #00c09f; */
    color: white;
    font-family: "Comfortaa", sans-serif;
    padding: 1.2em 3em 0em 3em;
    box-sizing: border-box;
}

.izq02 img {
    width: 100%;
    box-shadow: 0 0px 27px #29587d45;
}
.container7 {
    min-height: 640px;
}

.der01 span {
    background: none;
    font-size: 2.1em;
    color: #fff;
}

.der01 p {
    font-family: "Cabin", sans-serif;
    font-weight: 300!important;
    font-size: 1em;
    max-width: 567px;
    text-align: justify;
}
h2.sp-title2 {
    font-family: "Comfortaa", sans-serif;
    font-size: 2.7em;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 1em 0;
    text-align: center;
    border-bottom: solid 5px #51cef5;
    border-top: solid 5px #1c8bad;
    color: #e0fffb;
    background: url(../imagenes/fondo9.jpg);
    text-shadow: 0 2px 3px #0000003b;
}

.intro-section.pb55 {
    margin-top: -0.1em;
    padding: 0;
}

.central {
    color: #242a2f;
    font-size: 1.1em;
    font-family: "Cabin", sans-serif;
    font-weight: 400;
}
h2.sp-title2 img {
    display: block;
    width: 64px;
    text-align: center;
    margin: auto;
}
.bac05 {
    background: url(../imagenes/fondo-evalua1.jpg) no-repeat fixed center right;
    background-size: cover;
    position: relative;
    z-index: 3;
}
.bac05 p {
    display: block;
    width: 100%;
    padding: 0 2em;
}

.central {}

.central {}

p.item {
    font-weight: 700;
    font-size: 1.8em;
    color: #172854;
    margin: 0 5px;
    padding: 23px 0em;
    font-family: "Comfortaa", sans-serif;
}

.col-003 p {
    background: #79ccff;
    background: -moz-linear-gradient(left, #79ccff 0%, #9b75ff 100%);
    background: -webkit-linear-gradient(left, #79ccff 0%, #9b75ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ccff', endColorstr='#9b75ff',GradientType=1 );
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    padding: 11px 25px 11px 20px;
    line-height: 26px;
    position: relative;
}


.col-003 p {
    background: #79ccff;
    background: -moz-linear-gradient(left, #79ccff 0%, #9b75ff 100%);
    background: -webkit-linear-gradient(left, #79ccff 0%, #9b75ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ccff', endColorstr='#9b75ff',GradientType=1 );
    display: block;
    color: #081127;
    font-size: 18px;
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    padding: 11px 25px 11px 20px;
    line-height: 26px;
    position: relative;
    margin-top: 2em;
}
.evaluacion h5 {
    font-weight: 700;
    font-size: 1.8em;
    color: #273967;
    margin: 0 5px;
    padding: 23px 0em;
    font-family: "Comfortaa", sans-serif;
}

.evaluacion p.item {
    background: #6fe4e4;
    background: -moz-linear-gradient(left, #6fe4e4 0%, #85e6a7 100%);
    background: -webkit-linear-gradient(left, #6fe4e4 0%, #85e6a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe4e4', endColorstr='#85e6a7',GradientType=1 );
    display: block;
    color: #081127;
    font-size: 18px;
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    padding: 11px 25px 11px 20px;
    line-height: 26px;
    position: relative;
    }
 .bac06 {
    max-width: 555px;
    padding: 1em;
    margin-left: 5%;
}
p.item i {
    font-size: 1em;
    font-weight: 600;
    color: #172854;
    font-style: normal;
    background: #8cd1fd;
    padding: 3px 8px;
}

.pn01 p {
    background: #d5d4e25c;
    margin-left: 4%;
    padding 1em 0:;
    padding: 0.5em 14px;
    box-sizing: border-box;
    border-left: 3px solid #6fe4e2;
}

.pn01 span {
    font-size: 1.2em;
    font-weight: 700;
    color: black;
}
.intro-section.ver3.plus1 {
    margin-top: 0;
    background: url(../imagenes/fondo10.jpg);
    background-position: 0;
    background-attachment: fixed;
    background-size: cover;
}

.plus2 .col-3 {
    width: 44%;
}
.col-3 h6 {
    font-size: 1.1em;
    text-align: left;
    color: #9e9287;
    margin: 9px 0px 29px 11px;
}

.plus2 .col-3 p {
    width: 48%;
    display: inline-block;
    margin: 0 2% 0 0;
    text-align: justify!important;
}

.intro-section.ver3 .col-3 ul {}

.intro-section.ver3 .col-3 ul {
    width: 43%;
    display: inline-block;
    margin: 0;
    margin-left: 1%;
    text-align: left;
    vertical-align: top;
}

.intro-section.ver3 .col-3 ul li {
    width: 94%;
    background: #d1e3ff;
    padding: 5px;
}
p.v2a {
    width: 97%!important;
    padding-left: 18%; 
    position: relative;
    box-sizing: border-box;
}
.v2b ul {
    width: 97%!important;
    padding-left: 18%!important;
    box-sizing: border-box;
}
.intro-section.ver3 .col-3 p b {
    color: #006eb1;
    font-size: 1.1em;
}
.plus2 .col-3 i img {
    border: solid 1px #ffa024;
    padding: 7px;
    border-radius: 5px;
    vertical-align: top;
    margin-top: -5px;
}
 
#logo {
  width: 100px;
  height: 100px;
  margin: 50px auto 0;
}
#loader {
  width: 96px;
  height: 72px;
  border-radius: 10px;
  margin: -37px 0 0 -13px;
  padding: 15px;
  vertical-align: top;
  display: inline-block;
}
#text {
  width: 100%;
  font-size: 14px;
  font-family: arial;
  text-align: center;
  margin-top: 20px;
}
#circuleExtern {
  width: 80px;
  height: 80px;
  border-radius: 909px;
  background: #25e1d6;
  position: relative;
  margin: 0px auto 0;
  -webkit-animation: scales 0.9s ease-in infinite alternate;
  -moz-animation: scales 0.9s ease-in infinite alternate;
  animation: scales 0.9s ease-in infinite alternate;
}
#circuleMedium {
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  border-radius: 70px;
  background: rgba(169, 166, 249, 0.9);
  position: absolute;
  -webkit-animation: scales 0.8s ease-out infinite alternate;
  -moz-animation: scales 0.8s ease-out infinite alternate;
  animation: scales 0.8s ease-out infinite alternate;
}
#circuleCenter {
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50px;
  background-color: #fff;
  background-image: url(../imagenes/ir.png);
  background-position: center;
  background-size: 119%;
  position: absolute;
  -webkit-animation: scales 1.2s ease-in-out infinite alternate;
  -moz-animation: scales 1.2s ease-in-out infinite alternate;
  animation: scales 1.2s ease-in-out infinite alternate;
}


.slider-wrap {position: relative;margin: 50px auto;width: 90%;max-width: 1400px;min-height: 300px;}
.slider {position: relative;width: 100%;padding-top: 5px;margin: auto;height: 500px;}
.slider ul {
margin: 0;
padding: 0;
}
.slider ul li {
list-style: none;
text-align: center;
}
.slider ul li span {display: inline-block;vertical-align: middle;width: 99%;margin: 1px 0%;/* height: 215px; */font-size: 1.2em;color: #635dba;font-weight: 900;}
.slider-arrow {position: absolute;top: 53px;width: 43px;height: 43px;color: #fff;background: #fff url(../imagenes/flecha.svg);text-align: center;text-decoration: none;border-radius: 50%;background-size: 43px;background-position: 0px 0px;background-repeat: no-repeat;box-shadow: 0 1px 5px #00000014;}
.sa-left {left: 10px;-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Safari 3-8 */transform: rotate(180deg);}
.sa-right {
right: 10px;
}

.slider ul li span > span {
    color: #000;
    text-align: center;
    width: 80%;
    display: block;
    margin: auto;
    font-size: 1.1em;
}

.slider ul li img {
    border: solid;
    color: aquamarine;
    border-radius: 100px;
    width: 185px;
    height: 176px;
}
 

.slider ul li p {
    font-size: 1.1em;
    font-style: italic;
    color: #000;
    font-weight: 400;
}

.contgeneral3 h3 {
    text-align: center;
    font-size: 3em;
}

.complet2 {
    display: block;
    padding: 3em 0;
    margin: 0em auto;
    background: rgba(37, 225, 214, 0.09);
}
.detmod.abierto p {
    display: none!important;
}

.detmod.abierto > a {
    display: none!important;
}

.mo_1.abierto1 {
    display: block;
    position: absolute;
    z-index: 10000;
    transition: all .5s;
    width: 96%;
    margin: -81px 0 20px 0;
    height: 450px;
}
.mo_2.abierto1 {
    display: block;
    position: absolute;
    z-index: 10000;
    transition: all .5s;
    width: 96%;
    margin: -81px 0 20px 0;
    height: 450px;
    top: 0;
}
.mo_3.abierto1 {
    display: block;
    position: absolute;
    z-index: 10000;
    transition: all .5s;
    width: 96%;
    margin: -81px 0 20px 0;
    height: 450px;
    top: 0;
}
.detmod.abierto h2 {
    text-align: left;
    font-size: 2em;
    transition: all .3s;
    margin: -30px 0 0 0;
    background: #fff;
}

.abierto1 .contenidofin {
    display: block!important;
    max-height: 349px;
}
.abierto > i {
    position: fixed!important;
}

.contenidofin > i:after {
    content: "Regresar";
    position: absolute;
    color: #5f5f5f;
    display: block;
    width: 100%;
    height: 100px;
    font-size: 12px;
    top: 50px;
    left: 4px;
}
.contenidofin > i {
    text-align: center;
    position: absolute;
    left: 2.8%;
    top: -2px;
    color: #ffffff;
    cursor: pointer;
    font-style: normal;
    font-size: .2em;
    height: 49px;
    padding: 0;
    z-index: 100;
    top: 10px;
    width: 43px;
    background: url(../imagenes/ico-atras.png);
}

.contenidofin > div > ul {
    list-style: none;
    display: inline-flex;
    padding: 10px 0px;
    margin: 0 0 0 0;
    width: 100%;
    background: #0cabbc;
    background: -moz-linear-gradient(left, #0cabbc 0%, #603dd7 100%);
    background: -webkit-linear-gradient(left, #0cabbc 0%, #603dd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cabbc', endColorstr='#603dd7',GradientType=1 );
}

.contenidofin > div > ul li {flex: 1;color: #fff!important;}

.contenidofin > div > ul li a {
    color: #fff;
    height: 20px;
    display: block;
    text-align: center;
    vertical-align: bottom;
    padding: 26px 0 0 0;
    font-size: 96%;
}

.vistam {
    display: block;
    width: 100%;
    /* height: 280px; */
    /* overflow: hidden; */
}
.anchototal {
    width: 100%;
    transition: all .5s ease;
}

.anchototal > div {
    /* width: 9.07%; */
    /* display: inline-block; */
    /* margin: 0; */
    /* float: left; */
}

.pniz {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.pnder {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: left;
    /* max-height: 269px; */
    position: relative;
    /* overflow: auto; */
}

.pniz img {
    width: 77%;
    border-radius: 3%;
    box-shadow: 0 0 5px #00000052;
    margin: 3%;
}

.pnder h3 {
    color: #707171;
    font-size: 1.6em;
    margin: 11px 0 0 0;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 900;
    width: 100%;
    background-color: #f4f3fb;
    padding: 0.9em 1em 0.7em 15%;
    border: solid 1px #707171;
    box-sizing: border-box;
    margin: 27px 0 24px 0;
}

.pnder ul {
    margin: 0 0 38px 0;
    padding: 0 0 0 28px;
    position: relative;
    display: block;
}

.pnder ul li {
    list-style: none;
    position: relative;
    margin-bottom: 0.9em;
    font-weight: 400;
    /* text-align: justify; */
}

.pnder ul li:after {
     content: " ";
     display: block;
     width: 0.3em;
     height: 0.6em;
     border: solid #0da2fd;
     border-width: 0 0.2em 0.2em 0;
     position: absolute;
     margin-left: -1.2em;
     float: left;
     top: 0;
     margin-top: 3px;
     vertical-align: top;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
.contenidofin h2 {
    color: #747c96;
    font-size: 2.1em;
    padding: 5px 0 7px 9px;
    font-weight: 400;
    position: absolute;
    display: inline-block;
    line-height: 1;
    margin: 23px 0px 28px 0;
    top: -11px;
    /* text-align: center; */
    left: 6.7%;
    width: 90.7%;
    display: block;
    background: #eaf1f369;
}
.contenidofin h2 span { 
    font-weight: 900; 
}
.descmoduls {
    display: block;
    width: 100%;
    min-height: 344px;
    background: #eff4fa url(../imagenes/descmods.jpg);
    background-size: auto 344px;
    background-repeat: no-repeat;
    margin: 11px 0 0 0;
    background-position: right -15px;
}

.descmoduls p {
    width: 36%;
    /* background: #007eca; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); */
    padding: 2em;
    color: #007eca;
    text-align: justify;
    top: 3px;
    position: relative;
    font-size: 1.5em;
    margin: 2px 0 0 2%;
}

.pnder .divuno {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 3em 0 0;
}

.pnder > div > img {
    display: block;
    position: relative;
    margin: 0 auto 11px;
    max-width: 100%;
    padding: 5px;
    border: solid 1px #bec2c5;
    box-shadow: 0 0 5px rgba(89, 88, 115, 0.58);
    border-radius: 3px;
}

.pnder h3 i {
    font-style: normal;
    font-weight: 300;
}

.ico_inicio {
    background: #f4f3fb url(../imagenes/ico_inicio.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_inventario {
    background: #f4f3fb url(../imagenes/ico_inventarios.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_compras {
    background: #f4f3fb url(../imagenes/ico_compras.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_consultas {
    background: #f4f3fb url(../imagenes/ico_consultas.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_mostrador {
    background: #f4f3fb url(../imagenes/ico_mostrador.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_caja {
    background: #f4f3fb url(../imagenes/ico_caja.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_trabajos {
    background: #f4f3fb url(../imagenes/ico_trabajos.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_empresas {
    background: #f4f3fb url(../imagenes/ico_empresas.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_reportes {
    background: #f4f3fb url(../imagenes/ico_reportes.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_catalogos {
    background: #f4f3fb url(../imagenes/ico_catalogos.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ico_configuracion {
    background: #f4f3fb url(../imagenes/ico_configuracion.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.contenidofin > div > ul li a:active {
    background: rgba(255, 255, 255, 0.18)!important;
}
 
.m1 a:before { 
    background: url(../imagenes/m1.png); 
}
.m2 a:before { 
    background: url(../imagenes/m2.png); 
}

.m3 a:before { 
    background: url(../imagenes/m3.png); 
}

.m4 a:before { 
    background: url(../imagenes/m4.png); 
}
.m5 a:before { 
    background: url(../imagenes/m5.png); 
}
.m6 a:before { 
    background: url(../imagenes/m6.png); 
}
.m7 a:before { 
    background: url(../imagenes/m7.png); 
}
.m8 a:before { 
    background: url(../imagenes/m8.png); 
}
.m9 a:before { 
    background: url(../imagenes/m9.png); 
}
.m10 a:before { 
    background: url(../imagenes/m10.png); 
}
.m11 a:before { 
    background: url(../imagenes/m11.png); 
}

.contenidofin > div > ul li a:before {
    content: "";
    width: 100%;
    text-align: center;
    margin-top: -26px;
    position: relative;
    float: left;
    height: 27px;
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}


div#ancla {
    position: relative;
}
.tecn h4 {
    color: #2958bdcc;
    font-size: 1.4em;
    margin: 4px 0 0 0;
}

.pnder.tecn {
    width: 50%;
    font-size: 1.1em;
    margin: 13px 5% 0 0;
    padding-left: 4%;
    box-sizing: border-box;
}

.m_3 img {
    margin: auto;
    display: block;
    position: relative;
    text-align: center;
}

.pniz2 {
    width: 40%;
    vertical-align: top;
    display: inline-block;
}

.pniz2 img {
    max-width: 100%;
}

.pnder.tecn p {
    text-align: justify;
}

.pniz3 {
    display: inline-block;
    width: 95%;
    vertical-align: top;
    max-width: 848px!important;
    box-sizing: border-box;
    padding: 1.5em;
    position: relative;
    margin: 0 auto 2em!important;
    display: block;
    border-radius: 3px;
    box-shadow: 0 0 7px #ccc;
    border-bottom: solid 3px #ccc;
}

.pnder3 {
    display: inline-block;
    width: 95%;
    vertical-align: top;
    max-width: 848px!important;
    box-sizing: border-box;
    padding: 1.5em;
    position: relative;
    margin: auto!important;
    display: block;
    box-shadow: 0 0 2px #ccc;
}

.pniz3 h5 {
    font-size: 2.5em;
    text-align: left;
    color: #25e1d6;
    height: 53px;
    margin: 6px 0 48px 0;
    vertical-align: top;
}

.pnder3 h5 {
    color: #6660bb;
    font-size: 2.5em;
    text-align: left;
    margin: 0 0 0 0;
}

.pnder3 > img {
    display: inline-block;
    float: right;
    margin-top: -21px;
    max-width: 110px;
    padding-right: 26%;
    height: 93px;
}

.pniz3 > img {
    display: inline-block;
    float: right;
    margin-top: -100px;
    max-width: 110px;
    padding-right: 26%;
    height: 93px;
}

.pniz3 span {
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 1.1em;
    margin: 0 0 7px 0;
}

.pniz3 p {
    text-align: justify;
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 1em;
    margin: 0 0;
    float: none;
}

.pnder3 span {
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 1em;
    margin: 0 0;
}

.pnder3 p {
    text-align: justify;
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 1em;
    margin: 0 0;
    float: none;
}
.pnder3 a img {
    width: 44px;
    margin: -3px 0 0 6px;
    vertical-align: top;
}
.pniz3 a {
    color: #0175bc;
    font-size: 1.6em;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    /* bottom: -114px; */
    display: block;
    background: #fff;
    width: 92%;
    box-sizing: border-box;
    text-align: center;
    margin: 10px 0 17px 0;
    /* border-bottom: solid 2px #ccc; */
    padding-bottom: 1em;
    width: 100%;
}
.pnder3 a {
    color: #0175bc;
    font-size: 1.6em;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    /* bottom: -114px; */
    display: block;
    background: #fff;
    width: 92%;
    box-sizing: border-box;
    text-align: center;
    margin: 39px 0 0 0;
    left: 0;
}
.pniz3 a img {
    width: 40px;
    margin: 0 0 3px 8px;
    vertical-align: middle;
}
.deta2 img {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.deta2 p {
    display: inline-block;
    vertical-align: top;
    width: 64%;
    font-size: 1.1em;
    text-align: justify;
    margin: 16px 0 0 2%;
}

.deta2 p a {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 0;
    color: #2b52bb;
    font-weight: 800;
}

.latder2.demo5 {
    padding-bottom: 16em;
    margin-top: -19px;
}

.latder2.demo5 a {
    font-weight: 600;
    color: #635dba!important;
    margin-top: 1em;
}

#contacto {
  position: absolute;
  right: 0;
  height: 0vh;
  overflow: hidden;
  width: 0%;
  box-sizing: border-box; 
   padding: 0; 
  color: white;
  background: rgb(255, 255, 255);
  z-index: 100000;
  box-shadow: 0 -20px 50px #ccc;
  transition: all .4s;
}

div#contacto2 h2 {
    color: #0ad6b1;
    font-size: 2.2em;
    margin: 0;
}

.divdos {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.contenidofin > div {
    max-width: 1200px;
    margin: auto;
}

#contacto2 > div {
    width: 45.33%!important;
    position: relative!important;
    display: inline-block!important;
    padding: 1.1em 1.1em 1.1em!important;
    background: #fff!important;
    max-height: 477px!important;
    margin: 8px 1% 0 1%!important;
    vertical-align: top!important;
    /* max-width: 489px; */
    box-sizing: border-box!important;
    border-radius: 3px!important;
    min-height: 379px!important;
}

.pnli_01a {
    vertical-align: top;
    background: #c3c3ca;
    display: inline-block;
    width: 100%;
    position: relative;
    /* min-height: 140px; */
}

.pnld_01a {
        vertical-align: top;
        background: #727283;
        display: inline-block;
        width: 100%;
        position: relative;
        /* min-height: 140px; */
        text-align: center;
}

.pnli_01a p {
    text-align: center;
    color: #000;
    font-size: 0.8em;
    font-weight: 600;
    margin: 5%;
}

.pnld_01a a {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: .9em;
    font-weight: 600;
    text-decoration: none;
    margin: 3% 0.8%;
    width: 46.3%;
    text-align: center;
}
.pnld_01a a img {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.pnld_01a a:last-child {
    color: #39e2fb;
}

div#contacto2 > div > a {
    display: block;
    color: #0176bc;
    font-size: 1.6em;
    margin-top: 29px;
    display: none;
}

div#contacto2 > div > a img {display: inline-block;width: 33px;margin-top: 3px;vertical-align: top;}

div#contacto2 > div > h3 {
    color: #0176bc;
    font-size: 1.5em;
    margin: 0 0 14px 0;
}

.formt1 span {
    color: #000;
    min-width: 84px;
    display: inline-block;
    margin: 0px 0 -17px 0;
}

.formt1 input {
    border: none;
    border: solid 2px #0176bc;
    width: 100%;
    padding: 6px 0 6px 8px;
    top: 0;
    font-size: 1em;
    color: #000;
    background: none;
    box-sizing: border-box;
    position: relative;
}

textarea {
    width: 100%;
    border: none;
    background: none;
    height: 52px;
    margin: 0;
    display: block;
    position: relative; 
    margin: 0 0 16px 0; 
      font-size: 1em; 
      font-family: "Lato", sans-serif;
}

.formt2 {
    color: #252529;
    display: block;
    width: 100%;
    position: relative;
    height: 85px;
    background: #7271831c;
    padding: 5px 5px;
    border: solid 2px #0176bc;
    box-sizing: border-box;
}

.formt2 {}

input#BodyContent_btnContacto {}


.envioform {
   width: 90%;
    outline: none;
    margin: 24px auto 10px;
    padding: 1px 5px;
    background: #f3cf45;
    color: #000000;
    transition: .5s all;
    max-width: 742px;
    box-sizing: border-box;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    font-size: 1.3em;
    height: 38px;
    font-weight: 600;
    border-radius: 1px;
    border-radius: 4px;
    cursor: pointer;
    border: solid 2px #e89d56;
}
 

.envioform:hover {
    transition: all .3s;
}
.pnlc_01a {
    vertical-align: top;
    background: #0176bc;
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 86px;
}

.pnlc_01a ul {
    margin: 0;
    list-style: none;
}

.pnlc_01a ul li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 30%;
    margin-top: 15px;
}

.pnlc_01a ul li img {
    text-align: center;
    max-width: 36px;
    margin: 1em 0;
}
.segdat p {
    color: #000;
    margin: 7px 0 -14px 0;
}

.segdat p a {
    color: #0175bc;
    font-weight: 600;
}
.formt1 {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
    height: auto;
    width: 100%;
}
.menuabierto {
  transition: all .5s;
  height: 100vh!important;
  overflow: auto!important;
  top: 0!important;
  width: 64%!important;
  padding: 50px!important;
}
.menuabierto .cerr {
     position: absolute;
      transition: all .5s;
    background: #ffffff99;
    text-align: center;
    width: 45px;
    right: 24px;
    color: black;
    padding: 0.2em;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    top: -6px;
    display: block;
    height: 65px;
    font-style: normal;
    font-size: 4em;
    font-weight: 200;
}

div#contacto2 > div > div {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
} 
.tel1 {
    width: 69.9%;
    margin: 0;
    display: inline-block;
}
iframe.frmeconacto {
    width: 100%;
    height: 99%;
    overflow: visible;
    /* height: 1013px; */
}
.lad1 {
    width: 28%;
    display: inline-block;
    vertical-align: top;
}
.lad1 input {
    padding-left: 5px;
}
.carrito_ico p {
    position: absolute;
    background-color: #8473c9;
    width: 25px;
    height: 26px;
    display: block!important;
    opacity: 1;
    top: -14px;
    left: 14px;
    font-weight: 600;
    margin-top: 1px;
    color: #ffffff;
    border-radius: 29px;
    border: solid 1px #503ca2;
    text-align: center;
    padding: 4px 2px 0px 0px;
    box-sizing: border-box; 
}
p.phone span {
    display: inline-block;
    color: #fff!important;
}

p.phone a {
    display: inline-block;
}

p.py-xl-4.py-3 {
    font-size: 0.9em!important;
    margin: -7px 0 1px 0;
}
/* amc */
 
@-moz-keyframes scales {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
  }
}
@-webkit-keyframes scales {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
  }
}
@-o-keyframes scales {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
  }
}
@keyframes scales {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
  }
}
@keyframes fixgra {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    position: fixed;
    opacity: 1
  }
  87% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
     position: fixed;
    opacity: .8
  }
  to{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
     position: fixed;
    opacity: 0
  }
}
@keyframes inicio {
  from {
      
     margin-top: -55px;  
     opacity: 0;
  } 
   to {
       margin-top:0px; 
    opacity: 1; 
  }
}

@keyframes iniciod {
  from {
     display: none;    
     opacity: 0;
  }
   
   to {
  display: block;
    opacity: 1; 
  }
}
@keyframes iruno {
  from {
     display: none;    
     opacity: 0;
  }
   
   to {
  display: block;
    opacity: 1; 
  }
}

@media only screen and (max-width: 767px) {
   a.whats {
    font-size: .8em;
    min-height: 36px;
    line-height: 29px;
}

.landingp h1 {width: 80% !important;margin: 197px auto 0 !important;font-size: 1.5em !important;left: 0 !important;}

.cabeceraa {
    max-width: 100%;
    width: 100% !important;
    background-size: auto  64% !important;
    background-position: center 0 !important;
}

.contene.formocult {
    transform: scale(0.83);
    width: 100%;
    top: -43px;
}

.ff .calltoaction {
    font-size: 15px;
    width: 90%;
    height: 29px;
    position: relative;
    top: 0;
    text-align: center;
    right: unset;
    float: none;
    left: 48%;
    margin: -26% !important;
    width: 50%;
    height: 16px;
    border-radius: 3px;
    z-index: 1;
    border: solid 2px #f4511e;
    position: absolute;
    top: 25px;
    padding: 11px 13px;
    max-width: 197px;
    font-size: 13px;
}

.ff {
    padding: 0;
    min-height: 68px;
    /* background: antiquewhite; */
    position: absolute !important;
    top: 130px;
    width: 99% !important;
    text-align: center;
}

p.py-xl-4.py-3 {
    float: none;
    width: 99%;
    padding: 22px;
    margin: 130px 0 0 0;
}

.pulsing {
    float: none;
    left: 50%;
    margin: -25%;
    bottom: -2px;
}
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
  span.menu {
    display: block!important;
    position: absolute;
    background: #23e1d6;
    width: 50px;
    height: 50px;
    border-radius: 29px;
    top: 0;
    padding: 6px 0 0 6px;
    margin-top: 5px;
    right: 9px;
    box-sizing: border-box;
}

span.menu img {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.submenu {
    display: none;
    position: absolute;
    width: 100%;
    background: #2f88cd;
    color: aquamarine;
    top: 20px;
    left: 0;
    height: auto;
    padding: 0 0 2px 0px;
    box-shadow: 0 14px 17px rgba(0, 0, 0, 0.34);
    z-index: 10000;
}

.submenu a {
    color: #fff;
    display: block;
    border-bottom: solid 2px #0076bc;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
    min-width: 100%;
    border-radius: inherit;
}

.logo {
    margin: 0;
    width: 34%;
    padding: 0;
    position: absolute;
    left: 6px;
    top: 4px;
}

.logo img {
    margin: 2px 0 0 0;
    padding: 0;
}

.meniz {
    margin: 6px 0 0 0;
    position: absolute;
    display: none;
}
.mende {
    position: absolute;
    display: inline-block;
    width: 46%;
    margin: 5px 0 0 105px;
    padding: 0;
    height: 48px;
    transform: scale(0.7);
}
a.carrito {
    display: none;
    margin: 11px 0 0 0;
}


 .contgeneral {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.contgeneral2 {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
}

.latizq2 {
    width: 99%;
}
.ir1{
    text-align:center;
    top: 9em;
    position: relative;
}
.latder2 {
    width: 90%;
    margin: 0 auto;
    padding: 1% 0 1% 10px;
    box-sizing: border-box;
}

.container {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    box-sizing: border-box;
    font-size: 98%;
}

.container > div {
    width: 100% !important;
    margin: -2px auto 11px;
}

.complet1 {
    padding: 0 1% 17px;
}

.complet2 {
    padding: 0em 0;
}
.latizq {
    width: 90.3%;
    padding: 0;
    font-size: 90%;
    margin: 0 auto;
    text-align: center!important;
}

.latder {
    width: 99%;
    margin: -5em 0 7em 0;
}

.latizq h2 {
    font-size: 2.3em;
    margin: 18px 0 16px 0;
    text-align: center;
}
.menu {
    height: auto;
    box-sizing: border-box;
    padding: 0;
    height: 64px;
}

.antmenu {
    padding: 0;
    box-sizing: border-box;
}
.latizq h3 {
    min-height:78px!important;
    margin:-15px 0 0px!important 
}
.fixgran {
   position: relative!important;
   top: 1px!important;
   z-index: 100000!important;
   font-size: 2em;
   transition: all 1s;
   -webkit-animation: none;
   -moz-animation: none;
   animation: none;
}
.latder2 h2 {
    text-align: left;
}

.latder2 > a {
    width: 92%;
    margin-bottom: 15px;
}

.contgeneral3 .latder2 h4 {
    text-align: center;
    font-size: 1.5em;
    margin: 0 0 -1%;
    width: 100%;
}

.contgeneral3 .latder2 li {
    font-size: 1em;
}
.contgeneral3 {
    width: 97%;
    padding: 0;
    margin: 0;
}

.complet1 h2 {
    width: 90%;
    font-size: 1.3em;
    margin: 0 0px 18px 5%;
}
.contene.landingp h2 {
    font-size: 1.2em;
    width: 90%;
    margin: 0 0 18px 4%;
}
.ir2 > div {
    font-size: 1.5em;
} 

.slider ul li p {
    margin: 1px 8% 0.4em 21%;
    font-size: 1.5em;
}
.latder2 h2 {
    line-height: 1.1;
    color: #009ad8;
    font-size: 1.8em;
    font-weight: 300;
    margin: 50px 0 2px 0;
}
.latder2 h4 {
    font-size: 1.5em;
    color: #25e1d6;
    margin: 0 0 3px 0;
}
i.masinfo:hover > div {
    left: -344%;
    top: 28px;
}
a.ir2 b {
    font-size: 1.6em;
    margin-left: 14px;
}
a.ir2 {
    width: 100%;
    text-align: center!important;
    padding-left: 10px;
    box-sizing: border-box;
}

.txtben {
    text-align: left;
    width: 90%;
    font-size: 1.6em;
    text-align: justify;
    display: inline-block;
    margin: 0 auto;
}

h3.costben .typewrite {
    margin: 4px 20px 0;
    display: inline-block;
    font-size: 0.8em!important;
}

.txtben {}

.latizq.beneficiosn .costben {
    margin: -4px 0 -14px 0px !important;
}

a.ir1 {
    width: 90%!important;
    margin: -3px 0 -17px 6%!important;
    display: inline-block;
    padding: 16px 0 0px 0!important;
}

.latizq.beneficiosn > a img {
    float: right;
    top: 1px;
    left: -14px;
    position: relative;
}
.video1a {
    display: block;
    width: 90%;
    overflow: hidden;
    height: auto;
    margin: 1% auto;
}
.latizq.caract {
    width: 100%!important;
    padding: 3%;
    box-sizing: border-box!important;
}

.contgeneral.carc0 {
    width: 100%;
    padding: 4px 4%;
    box-sizing: border-box;
}

.latder.caracla {
    width: 98%;
    margin: -72px 0 0 0;
    padding: 0;
}

.latder.caracla img {
    box-sizing: border-box;
    top: 0px!important;
}

.cont_mod > div {
    width: 100%;
}

.contenidofin h2 {
    left: 17%;
    width: 82%;
    font-size: 1.7em;
    top: -15px;
}

.descmoduls p {display: block;position: relative;width: 101%;padding: 13px;margin: 0 0  0 0;font-size: 1.1em;top: 177px;box-sizing: border-box;color: black;background: #bee1ec;}

.descmoduls {
    background-size: 344px auto;
    background-repeat: no-repeat;
    margin: 11px 0 0 0;
    min-height: 400px;
    background-position: center 2px;
}

.abierto {
    display: block!important;
    position: fixed!important;
    padding: 94px 2em 3em 4.6em!important;
}

.pnder h3 {
    width: 104%;
    padding: 8px 5px 13px 48%;
    background-position: -15px 0;
    background-size: contain;
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    font-size: 1.2em;
    max-height: 77px;
}

.pnder .divuno {
    width: 100%;
    padding: 0;
    text-align: justify;
}

.divdos {
    margin: -20px 0 0 0;
    width: 96%;
}

.contenidofin > i {
    top: 19px;
}
.pnder.tecn {
    width: 98%;
}

.tecn h4 {
    text-align: justify;
    font-size: 1.2em;
}

.pniz2 {
    width: 100%;
}

.pniz3 {
    width: 100%;
    padding: 0;
    box-shadow: none;
}

.pniz3 > img {
    height: 98px;
    padding-right: 0%;
}

.pniz3 a {
    text-align: left;
    font-size: 1.7em;
}

.pnder3 {
    width: 100%;
    padding: 0;
    box-shadow: none;
}

.pnder3 > img {
    height: 77px;
    padding-right: 0%;
    margin-top: -45px;
}

.pnder3 a {
    text-align: left;
}

.pnder3 span {
    margin: 12px 0  7px 0;
}

.versdemo .latder2.demo5 h2 {
    padding: 0;
    margin: 0;
}

.versdemo .ya {
    line-height: 1.5;
    font-size: 1em;
}

.versdemo div#loader {
    width: 40px;
}

.versdemo .latder2.demo5 {
    padding-bottom: 4em;
    margin-top: -19px;
}
 

.versdemo .deta2 {
    margin: 0 0 89px 0;
}

.versdemo .deta2 p {
    font-size: 1.2em;
}
iframe#video {
    vertical-align: top;
    /* margin-right: 1%; */
    transition: all 0.3s;
    max-width: 89%;
    height: 200px;
    margin: 0 auto;
    display: block;
}


@keyframes inicio {
  from {
      
     margin-top: -55px;  
     opacity: 0;
  } 
   to {
       margin-top:0px; 
    opacity: 1; 
  }
}

@keyframes iniciod {
  from {
     display: none;    
     opacity: 0;
  }
   
   to {
  display: block;
    opacity: 1; 
  }
}

}

@media only screen and (max-width: 481px) {

#contacto2 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.menuabierto {
  transition: all .5s;
  height: 100vh!important;
  overflow: auto!important;
  top: 0!important;
  width:100%!important;
  padding: 10px!important;
}
.contactanos {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 0 0;
    }  
.ir1 b {
    font-size: 1em;
    color: #7a8888;
}
.menuabierto {
    transition: all .5s;
    height: 100vh!important;
    overflow: auto!important;
    top: 0!important;
    width:100%!important;
    padding: 10px!important;  
}

#contacto2 > div {
    width: 100%!important;
}

#contacto2 {
    margin: 0;
}

.pnli_01a {
    margin: -55px 0 0 0;
}

.envioform {
    margin-bottom: 2em;
}
}



section.secband {
    background: none;
    /* border-bottom: solid 1px #7cb4eb; */
    box-shadow: none;
    /* border-top: solid 1px #7cb4eb; */
    transition: all .3s;
    display: flex;
    width: 100%;
    max-width: 1304px;
    margin: 0 auto;
    align-content: center;
    align-items: center;
    position: relative;
    min-height: 42px;
  }
   
   .sliderx {
    overflow: hidden;
    width: 100%; /* Ancho del slider */
    overflow: hidden;
    margin: auto;
    max-width: 1200px;
    width: 30%;
    transition: all .3s;
    box-shadow: inset 0px 0px 4px 1px #4e6c7942;
    border-radius: 4px;
  } 
  
  .slider-innerx {
    display: flex;
    transition: transform 0.5s ease-in-out; 
  }
  .sliderx ul {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    margin: auto;
    padding: 4px;
    transition: all .3s;
    box-sizing: border-box;
  }
  
  .slider-innerx img {
     /* Ancho de cada imagen en porcentaje */
     /* object-fit: cover; */
     max-width: 20px;
     max-height: 19px;
     margin: 4px 7px 1px;
     border: solid 1px #fff;
     border-radius: 6px;
     box-shadow: 0 0 4px #353f6c54;
     width: 100%;
     list-style: none;
  }
  .slider-innerx   li {
    user-select: none;
    display: block;
    position: relative;
    text-align: center;
    list-style: none;
    line-height: 1;
    width: 94px;
    height: 38px;
    transition: all .3s;
  }
  
  .slider-innerx li p {
    font-family: "Roboto", sans-serif;
    font-size: 0.66em;
    font-weight: 300;
    margin: 0 0 -2px;
    text-align: center;
    color: black;
  }
  .slider-innerx {
    display: block;
    text-align: center;
    min-height: 45px;
    margin: 0 auto;
    background: #ffffff9c;
    box-sizing: border-box;
  }
  .secband h4, .footerban h4 {font-size: 1.05em;font-weight: 300;color: #01417b;margin: 0px 0 1px 0;line-height: 1;text-align: center;width: 73%;box-sizing: border-box;padding: 0px 0 0 23px;font-family: "Catamaran", sans-serif;}
  .verpaises {
    display: inline-block;
    background: #778694;
    border-radius: 22px;
    padding: 3px 6px 3px 8px;
    margin: 0px 0 -4px 10px;
    position: relative;
    top: -1px;
  }
  
  .verpaises p {
    color: #fff;
    margin: 0;
    font-size: 0.65em;
    cursor: pointer;
    user-select: none;
  }
  .sliderx.vista .novis {
      display: inline-block !important;
      transition: all .3s;
  }
  
  .sliderx.vista li {
      width: 10%;
      margin: 6px 0 8px 0;
  }
  
  .verpaises:hover {
      transition: all .3s;
      background: #657787;
  }
  .footerban .sliderx {
      width: 100%;
      box-shadow: none;
  }
   
  .footerban {
      background: #3a4249;
      margin: 0em 0 0em 0;
      position: r;
  }
  
  .footerban .slider-innerx {
      background: #ffffff0d
  }
  
  .footerban .slider-innerx li {
      width: 5%;
      height: 42px;
  }
  
  .footerban .slider-innerx p {
      color: #fff;
      font-size: 0.65em;
  }
  
  .footerban .slider-innerx img {
      min-width: 21px !important;
      width: 44%;
      border: solid 1px #fff;
  }
  
  .footerban .sliderx ul {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-evenly;
  }
  
  .footerban .sliderx ul li {
      display: inline-block !important;
  }
  
  .footerban  h4 {
      color: #fff;
      font-size: 0.9em;
      padding: 8px 8px 7px 10px;
      width: 100%;
  } 
  
   
  .slider-innerx{
    /* white-space: nowrap; */
    /* width: 960px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .marqueex {
    margin: 0 !important;
    transition: all .4s;
  }
  
  .marqueex:first-child {
      display: none !important;
  }
  
  .marqueex ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      transition: all .4s;
  }
  
   .sliderx.vista  .marqueex li {
      width: 14% !important;
      transition: all .4s;
      min-width: 12%;
  }
  
  .sliderx.vista {
      width: 35%;
      position: absolute;
      right: 0px;
      top: 0;
      z-index: 100000;
      background: #fff;
      box-shadow: 0 7px 10px #0a131c47;
  }
  .footerban .sliderx.vista {
    width: 100% !important;
    position: relative !important;
    background: none;
    box-shadow: none;
  }
  @media only screen and (max-width: 767px) {
  
      
    .footerban .sliderx ul {display: flex;flex-direction: row;flex-wrap: wrap;}
  
  .footerban .sliderx ul li {
      min-width: 59px;
    
  }
    .slider-innerx img {
      min-width: 21px!important;
      width: 23px;
      margin: 12px  0px 0
  }
  
  .slider-innerx li {
      width: 25% !important;
      height: 61px;
      min-width: 78px;
  }
  .sliderx.vista li {
      width: 17% !important;
      height: 51px;
  
  }
  .brand-identity {
      height: auto;
      min-height: 619px;
      position: relative;
  }
    .secband h4 {
      width: 93%;
      font-size: 0.9em;
      margin: 4px auto 5px;
      text-align: center;
      padding: 0;
  }
  
  section.secband {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
  }
  
  .sliderx {
      width: 100%;
  }
    .sliderx.vista {
      width: 100%;
      top: 43px;
      z-index: 10000;
  }
  }