/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   box-sizing: border-box
}

*,
*:before,
*:after {
   box-sizing: inherit
}

body {
   background-color: #fff!important;
   margin: 0
}

main {
   display: block
}

h1 {
   font-size: 2em
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

pre {
   font-family: monospace, monospace;
   font-size: 1em
}

a {
   background-color: transparent
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: bolder
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sub {
   bottom: -0.25em
}

sup {
   top: -0.5em
}

img {
   border-style: none
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText
}

fieldset {
   padding: 0.35em 0.75em 0.625em
}

legend {
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal
}

progress {
   vertical-align: baseline
}

textarea {
   overflow: auto
}

[type="checkbox"],
[type="radio"] {
   box-sizing: border-box;
   padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto
}

[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

details {
   display: block
}

summary {
   display: list-item
}

template {
   display: none
}

[hidden] {
   display: none
}

div,
input,
button {
   outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
   margin: 0;
   padding: 0
}

a {
   text-decoration: none;
   cursor: pointer
}

@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,600&display=swap");

@font-face {
   font-family: 'Doctor Glitch';
   src: url("../fonts/Doctor-Glitch.otf") format("truetype");
   font-weight: 500;
   font-style: normal
}

body {
   margin: 0;
   font-family: 'Lato', sans-serif;
   box-sizing: border-box
}

header {
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.hr_vertical:nth-of-type(1) {
   background-color: #fff;
   height: 35px;
   width: 2px;
   margin: 0 34px
}

.portada_image {
   padding-bottom: 2em
}

.portada_image img {
   width: 100%;
}

.expositores {
   display: flex;
   justify-content: space-evenly;
   position: relative;
   text-align: center;
   margin: 0 auto 5em;
   max-width: 1200px;
}

h1 {
   font-family: 'Doctor Glitch';
   font-size: 55px;
   color: #3affff!important;
   margin: 0 0 .5rem;
}

h1 span {
   font-size: 65px;
}

.title {
   text-align: center;
   font-weight: 600;
   font-size: 20px;
   padding-bottom: 1em;
}

.expositores .perfil img {
   margin-bottom: 1em;
   max-width: 170px
}

.expositores .perfil p {
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   color: #4A4A4A;
   margin: 0
}

.expositores .perfil p:nth-of-type(2) {
   font-weight: 300;
   font-size: 14px;
   margin: 0;
   line-height: 15px;
   text-align: center;
   color: #4A4A4A;
   margin: 10px 0 0
}

.seminario {
   text-align: center;
   padding: 5em 0 2em;
}

.seminario h2 {
   font-weight: 400;
   font-size: 30px;
   line-height: 36px;
   color: #4A4A4A;
   margin: 30px 0 10px;
}

.seminario p {
   max-width: 725px;
   margin: 0 auto;
   font-weight: 300;
   font-size: 16px;
   line-height: 21px;
   text-align: center;
   color: #4A4A4A
}

.seminario span:nth-of-type(1) {
   font-weight: bold;
}

.seminario span:nth-of-type(2) {
   width: 450px;
   display: inline-block;
   text-align: center
}

.inscribete {
   display: block;
   text-align: center
}

.btn {
   box-shadow: 0 2px 4px rgba(76, 65, 79, .253196);
   border-radius: 0;
   padding: 1rem 2rem;
   font-weight: 400;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   display: inline-block;
   color: #FFFFFF;
   margin-bottom: 96px;
   text-decoration: none;
}

.inscribete p {
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   padding-bottom: 2em;
   color: #4A4A4A;
   margin: 0;
}

.contador {
   display: flex;
   justify-content: space-between;
   text-align: center;
   margin: 0 auto;
   max-width: 530px;
   padding-bottom: 3em;
}

.contador p {
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #4A4A4A;
   padding-bottom: 48px;
   margin: 0;
   padding-top: 29px;
}

.contador li {
   height: 102px;
   border-radius: 50%;
   width: 100px;
   background-size: cover;
   display: flex;
   justify-content: center;
   align-items: center;
}

.contador .counter:nth-of-type(1) li {
   background-image: url(./../../img/borde1.svg);
}

.contador .counter:nth-of-type(2) li {
   background-image: url(./../../img/borde2.svg);
}

.contador .counter:nth-of-type(3) li {
   background-image: url(./../../img/borde3.svg);
}

.contador .counter:nth-of-type(4) li {
   background-image: url(./../../img/borde4.svg);
}

.contador span {
   font-size: 55px;
   font-weight: 600;
   color: #000;
}

.container {
   position: relative;
   width: 100%;
   max-width: 400px;
}

.informacion {
   background: url(./../../img/background-time.png);
   padding: 2em 0;
   background-size: cover;
}

.separador {
   height: 163px;
   width: 1px;
   background-color: #979797
}

.grid_info {
   display: grid;
   grid-gap: 30px;
   grid-template-columns: 30% 1px 30% 1px 30%;
   justify-content: center;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   align-items: start;
   max-width: 810px
}

.info {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%
}

.info p:nth-of-type(1) {
   font-weight: 400;
   font-size: 16px;
   text-align: center;
   color: #FFF;
   margin: 10px 0 5px;
}

.info p:nth-of-type(2) {
   font-weight: 600;
   font-size: 14px;
   text-align: center;
   color: #FFF;
   margin: 0;
}

.alianza {
   display: flex;
   justify-content: space-between;
   margin: 2em auto;
   max-width: 1000px
}

.partners {
   display: flex;
   align-items: center;
}

.partners img {
   margin: 0 2em 0 0;
}

footer {
   height: 103px;
   width: 100%;
   background-color: #1F1F1F;
   text-align: center;
   position: relative;
   bottom: -5px;
}

footer .banner {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 103px;
   position: relative;
   bottom: 3px;
}

.hr_footer {
   background-color: #979797;
   height: 97px;
   width: 1px;
   margin: 6px 34px
}

.red_social {
   margin: 0 12px
}

.red_social a {
   margin: 0 10px 0 0
}

.alianza p {
   font-weight: 300;
   font-size: 17px;
   line-height: 20px;
   color: #4A4A4A;
   margin: 0;
}

.videos {
   max-width: 950px;
   margin: 0 auto;
}

.videos .videito {
   position: relative;
   width: 100%;
   margin-bottom: 2em;
}

.videos .videito:before {
   content: '';
   display: block;
   padding-top: 58%;
}

.videos .videito iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

@media (max-width:766px) {
   header .banner {
      justify-content: space-around
   }

   h1 {
      font-size: 40px;
   }

   h1 span {
      font-size: 45px;
   }

   .banner img {
      width: 120px
   }

   .banner .hr_vertical {
      display: none
   }

   .hide-sm {
      display: none !important
   }

   .portada_mobile img {
      width: 100%
   }

   .expositores {
      flex-wrap: wrap;
      flex-direction: column;
   }

   .expositores .perfil {
      margin-bottom: 2em;
   }

   .seminario img {
      width: calc(100% - 100px);
      margin: 0 50px;
   }

   .seminario h2 {
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      text-align: center;
      color: #4A4A4A;
      margin: 0 31px;
      padding-bottom: 41px
   }

   .iab {
      width: 79px;
      height: 59px
   }

   .seminario p {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      color: #4A4A4A;
      padding: 0 44px
   }

   .seminario span:nth-of-type(2) {
      width: 100%;
      display: inline-block;
      text-align: center
   }

   .seminario {
      padding-bottom: 60px
   }

   .btn {
      margin-bottom: 80px
   }

   .contador {
      grid-template-columns: 50% 50%;
      max-width: 300px;
      padding-bottom: 30px;
      display: grid;
      justify-items: center;
   }

   .contador p {
      padding-bottom: 30px;
      margin: 0;
      padding-top: 29px
   }

   .inscribete p {
      padding-bottom: 64px;
      font-weight: 600;
      font-size: 15px;
      line-height: 18px
   }

   .grid_info {
      grid-template-columns: 100%
   }

   .separador {
      display: none
   }

   .info p:nth-of-type(1) {
      font-weight: 500;
      font-size: 17px;
      text-align: center;
   }

   .info p:nth-of-type(2) {
      font-weight: 400;
      font-size: 14px;
      text-align: center;
      margin: 5px 0
   }

   .informacion {
      background: #000;
   }

   .alianza {
      flex-direction: column;
      align-items: center;
      padding-top: 2em
   }

   .alianza img {
      width: 138px;
      padding-bottom: 40px;
      margin: 0 10px
   }

   .partners {
      flex-direction: column;
      align-items: center;
      padding-bottom: 20px
   }

   .partners img {
      padding: 10px 0 15px 0
   }

   .red_social {
      display: none
   }

   .hr_footer {
      background-color: #979797;
      height: 30px;
      width: 1px;
      margin: 6px 34px
   }

   footer {
      height: 59px;
      width: 100%;
      background-color: black;
      text-align: center
   }

   footer .banner {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 59px
   }

   footer .banner img {
      width: 103px
   }

   .videos .videito {
      margin: 0 0 1em;
   }
}

@media (min-width:767px) and (max-width:1024px) {
   footer {
      padding: 10px
   }

   .red_social {
      display: none
   }

   .alianza p {
      font-weight: 300;
      font-size: 17px;
      line-height: 20px;
      color: #4A4A4A;
      margin: 0;
      margin-bottom: 0;
      margin-bottom: 10px
   }

   .alianzaBox {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column
   }

   .partners {
      flex-wrap: wrap;
      justify-content: center
   }

   .partners img {
      margin: 0 10px 20px
   }
}

@media (min-width:1025px) {
   .portada_mobile {
      display: none !important
   }
}

.container {
   color: #646464;
   text-align: center;
}

.image {
   display: block;
   width: 100%;
   height: auto;
}

.overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: calc(50% - 73px);
   height: 145px;
   width: 145px;
   opacity: 0;
   transition: .3s ease;
   background-color: #ccc;
   border-radius: 150%;
}

.container:hover .overlay {
   opacity: .6;
   background-image: url(./../../img/linkedin.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 50px;
}

.icon {
   color: white;
   font-size: 100px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   text-align: center;
}

.fa-user:hover {
   color: #cccc;
}

.icon_ig {
   width: 24px;
}

/* Webinar ANDA */
@font-face {
   font-family: 'Poppins';
   src: url("../fonts/Poppins-ExtraBold.otf") format("truetype");
   font-weight: 800;
   font-style: normal
}

@font-face {
   font-family: 'Nexa';
   src: url("../fonts/NexaLight.ttf") format("truetype");
   font-weight: 300;
   font-style: normal
}

div,
input,
button {
   outline: 0
}

.banner-webinar_anda img {
   width: 100%
}

main .expositores-wa {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 3em 0
}

main .expositores-wa span {
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   text-transform: uppercase;
   color: #000000;
   display: inline-block
}

main .expositores-box {
   display: flex;
   padding-top: 1em;
   flex-wrap: wrap;
   max-width: 1000px;
   justify-content: center;
}

main .expositores-box.inner {
   max-width: 900px;
   justify-content: center;
}

main .expositores-box.inner .expositor-item .expositor-txt {
   background: #242424;
   height: 85px;
   width: 260px;
   padding: .5em 2em;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

main .expositores-box.inner .expositor-item .expositor-txt span {
   font-size: 18px
}

main .expositores-box.inner .expositor-item .expositor-txt p {
   font-style: italic;
   font-weight: 300;
   padding-top: 0px;
   line-height: 16px;
}

main .expositores-box.inner .expositor-item .expositor-txt p.mini {
   font-size: 10px
}

main .expositores-box.inner .expositor-item:nth-of-type(even) .expositor-txt {
   background: #CE1F35;
   margin-left: 0;
}

main .expositores-box .expositor-item {
   display: flex;
   align-items: center
}

main .expositores-box .expositor-item .expositor-txt {
   background: #CE1F35;
   margin-left: -32px;
   z-index: -1;
   width: 300px;
   height: 100px;
   padding: 1em 2em;
   text-align: center;
   -webkit-transform: skew(20deg);
   -moz-transform: skew(20deg);
   -ms-transform: skew(20deg);
   -o-transform: skew(20deg);
   transform: skew(20deg)
}

main .expositores-box .expositor-item .expositor-txt span {
   font-family: 'Poppins';
   font-style: italic;
   font-size: 25px;
   text-transform: uppercase;
   color: #FFFFFF;
   display: inline-block;
   transform: skew(-20deg)
}

main .expositores-box .expositor-item .expositor-txt p {
   font-weight: 300;
   padding-top: .5rem;
   font-size: 14px;
   text-transform: uppercase;
   color: #FFFFFF;
   display: inline-block;
   transform: skew(-20deg)
}

main .expositores-box .expositor-item .expositor-txt p b {
   font-weight: 600
}

main .expositores-box .expositor-item:nth-of-type(even) {
   flex-direction: row-reverse;
   margin-left: 0
}

main .expositores-box .expositor-item:nth-of-type(even) img {
   margin-left: -32px
}

main .expositores-box .expositor-item:nth-of-type(even) .expositor-txt {
   background: #242424
}

main .expositores-wa .btn-webinar {
   border-bottom: 1px solid black;
   padding: 3em 0 5em;
   width: 100%;
   max-width: 1000px;
   display: flex;
   justify-content: center
}

main .expositores-wa .btn-webinar a {
   text-decoration: none;
   background: #CE1F35;
   width: 220px;
   height: 48px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   color: #FFFFFF
}

main .descripcion {
   display: flex;
   flex-direction: column;
   align-items: center
}

main .descripcion h1 {
   font-family: 'Poppins';
   font-size: 40px;
   text-transform: uppercase;
   color: #000;
   padding: 1em 0 .5em;
   text-align: center
}

main .descripcion h1 span {
   display: block;
   font-size: 35px;
   color: #CE1F35;
   text-align: center;
   font-family: 'Nexa'
}

main .descripcion p {
   font-weight: 300;
   font-size: 16px;
   line-height: 24px;
   color: #000000;
   max-width: 800px;
   text-align: center
}

main .counter {
   display: flex;
   flex-direction: column;
   align-items: center
}

main .counter b {
   font-weight: 700;
   font-size: 16px;
   text-transform: uppercase;
   color: #000000;
   display: inline-block;
   border-bottom: 1px solid #CE1F35;
   padding: 0 2em .5rem;
   letter-spacing: 3px
}

main .counter ul {
   list-style: none;
   display: flex;
   padding: 2em 0
}

main .counter ul li {
   background-image: url(./../../img/dias.png);
   display: flex;
   justify-content: center;
   align-items: center;
   background-size: cover;
   width: 90px;
   height: 90px;
   position: relative;
   font-weight: 600;
   font-size: 40px;
   margin: 0 10px
}

main .counter ul li span.time {
   position: absolute;
   bottom: -30px;
   font-weight: 600;
   font-size: 11px;
   color: #000000
}

main .fecha {
   background-image: url(./../../img/back-anda.png);
   background-size: cover;
   margin: 3em 0;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 2em 0
}

main .fecha ul {
   list-style: none;
   padding: 0 3em;
   display: flex;
   flex-direction: column
}

main .fecha ul li {
   font-size: 18px;
   color: #FFFFFF;
   font-weight: 300;
   text-align: center;
   padding: 8px 0
}

main .fecha ul li.custom {
   font-size: 16px;
   font-weight: 600
}

main .fecha ul li a {
   text-decoration: none;
   background: #CE1F35;
   width: 200px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   color: #FFFFFF
}

main .organiza {
   padding-bottom: 2em
}

main .organiza span {
   font-size: 14px;
   font-weight: 300;
   display: block;
   text-align: center;
   padding-bottom: 10px
}

main .organiza ul {
   display: flex;
   justify-content: center;
   list-style: none
}

main .organiza ul li {
   padding: 0 1em
}

header.rcdanda {
   align-items: flex-end;
   padding: 1em 0;
}

header.rcdanda img {
   margin: 0 20px;
}

header.rcdanda a:nth-of-type(2) img {
   width: 200px;
}

header.rcdanda a:nth-of-type(1) img {
   width: 150px;
}

footer.rcdanda {
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
}

footer.rcdanda span {
   color: #FFF;
   font-weight: 300;
   font-size: 14px;
   margin: 0 5px;
}

footer.rcdanda a img {
   margin: 0 10px;
}

footer.rcdanda a:nth-of-type(1) img {
   width: 100px;
}

footer.rcdanda a:nth-of-type(2) img {
   width: 150px;
}

@media (max-width: 768px) {
   .hide-sm {
      visibility: hidden;
      display: none
   }

   main {
      margin: 0 15px
   }

   main .expositores-wa span {
      font-size: 16px
   }

   main .expositores-box {
      flex-direction: column
   }

   main .expositores-box .expositor-item img {
      max-width: 100px
   }

   main .expositores-box .expositor-item .expositor-txt {
      width: calc(100% - 85px) !important;
      height: auto !important;
      padding: 0.5em 2em !important
   }

   main .expositores-box .expositor-item .expositor-txt span {
      font-size: 16px !important
   }

   main .expositores-box .expositor-item .expositor-txt p {
      font-size: 10px;
      padding-top: 3px
   }

   main .expositores-box.inner .expositor-item .expositor-txt p {
      line-height: 11px;
   }

   main .expositores-box.inner .expositor-item .expositor-txt p.mini {
      font-size: 8px;
   }

   main .descripcion h1 {
      padding: 0 0 .5em;
      font-size: 30px
   }

   main .descripcion h1 span {
      font-size: 25px
   }

   main .counter b {
      font-size: 12px
   }

   main .counter ul li {
      width: 70px;
      height: 70px;
      margin: 0 5px
   }

   main .fecha {
      flex-direction: column;
      background: black;
      width: 100vw;
      margin: 3em 0 3em -15px
   }

   main .organiza ul {
      flex-direction: column;
      align-items: center
   }

   header.rcdanda {
      height: auto;
   }

   header.rcdanda img {
      margin: 0 10px;
   }

   header.rcdanda a:nth-of-type(2) img {
      width: 150px;
   }

   header.rcdanda a:nth-of-type(1) img {
      width: 100px;
   }

   footer.rcdanda {
      flex-wrap: wrap;
      padding: 1em 0;
   }

   footer.rcdanda span {
      min-width: 100%;
   }
}

@media only screen and (min-width: 769px) and (max-width: 1022px) {
   .hide-md {
      visibility: hidden;
      display: none
   }
}

@media (min-width: 1023px) {
   .hide-lg {
      visibility: hidden;
      display: none
   }
}