/*DEFAULT*/
* {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 600;
  list-style: none;
  margin: 0;
  outline-width: 0 !important;
  outline: none !important;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
body {
  background-color: #00101d;
  background-image: url(../img/bg.jpg);
  background-attachment: fixed;
  background-size: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

footer {
  margin-bottom: 25px;
}
footer address {
  display: block;
  font-style: normal;
  margin-left: 2.5%;
  padding: 0 20px;
  text-align: left;
  width: fit-content;
}
footer address b {
  display: block;
  text-align: left;
}
footer address h5 {
  background-color: #56aee8;
  color: #002038;
  display: block;
  font-weight: 800;
  margin-bottom: 25px;
  padding: 5px 10px;
  text-align: left;
  width: fit-content;
}
footer address span {
  display: block;
  margin-bottom: 12.5px;
  text-align: left;
}
footer address strong {
  color: #ff6967;
  display: block;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12.5px;
  text-align: left;
}
footer div {
  display: inline-block;
  text-align: right;
  width: 47.5%;
}
footer div a {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
footer div a img {
  display: block;
  width: 150px;
}
footer div p {
  display: inline-block;
  vertical-align: middle;
  width: fit-content;
}
footer ol {
  border-bottom: 2px solid #ff6967;
  display: block;
  margin: 0 2.5% 25px 2.5%;
  padding: 20px 0;
  text-align: right;
  width: 95%;
}
footer ol li {
  display: inline-block;
  margin-left: 20px;
}
footer ol li a {
  display: block;
}
footer ol li a img {
  width: 25px;
}
footer ul {
  display: inline-block;
  padding: 20px 0;
  width: 47.5%;
}
footer ul li {
  color: #ff6967;
  font-weight: 800;
  margin-bottom: 25px;
  text-align: left;
}
footer ul li a {
  color: #fff;
  display: block;
  font-weight: 800;
  transition: 0.3s;
  width: fit-content;
}
footer ul li a:hover {
  color: #56aee8;
  transition: 0.3s;
}

form {
  text-align: left;
}
form button {
  background-color: #56aee8;
  border: 3px solid #56aee8;
  color: #00101d;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 25px;
  padding: 10px 20px;
  transition: 0.3s;
}
form button:hover {
  background-color: transparent;
  border: 3px solid #56aee8;
  color: #56aee8;
  transition: 0.3s;
}
form label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
form label span {
  color: #ff6967;
}
form input,
select,
textarea {
  background-color: #00101d;
  border: 3px solid #56aee8;
  margin-bottom: 25px;
  box-shadow: none;
  display: block;
  padding: 5px 10px;
  resize: none;
  text-align: left;
  width: 100%;
}
form input.js-validate-error-field {
  border-color: #ff6967 !important;
  margin-bottom: 10px !important;
}
form input.js-validate-error-field + div.js-validate-error-label {
  color: #ff6967 !important;
  margin-bottom: 25px !important;
  text-align: left;
}
form input.error,
select.error,
textarea.error {
  border: 3px solid #ff6967;
}
form p {
  font-size: 12.5px;
  display: block;
  margin: 20px 0;
  text-align: left;
  vertical-align: baseline;
}
form p a {
  color: #ff6967;
  font-size: 12.5px;
  font-weight: 700;
  vertical-align: baseline;
}
form textarea {
  height: 100px;
}
form p strong {
  font-size: 12.5px;
  font-weight: 700;
  vertical-align: baseline;
}

h1 {
  font-weight: 800;
}
h1 {
  font-size: 50px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 25px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 15px;
}

header {
  padding-top: 20px;
}
header figure {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}
header figure a {
  display: block;
}
header figure a img {
  display: block;
  width: 100%;
}
header nav {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  width: 70%;
}
header nav ul {
  display: block;
  text-align: right;
}
header nav ul li {
  color: #ff6967;
  display: inline-block;
  font-weight: 800;
  margin-left: 20px;
  vertical-align: middle;
}
header nav ul li a {
  color: #fff;
  display: block;
  font-weight: 800;
  transition: 0.3s;
}
header nav ul li a:hover {
  color: #56aee8;
  transition: 0.3s;
}

/*Mobile menu*/
button.mobile {
  display: none;
}

section {
  display: block;
  margin-bottom: 50px;
  overflow: hidden;
}

#button-register {
  background-color: #ff6967;
  border: 3px solid #ff6967;
  transition: 0.3s;
}
#button-register a {
  color: #00101d;
  display: block;
  padding: 5px 15px;
  transition: 0.3s;
}
#button-register:hover {
  background-color: transparent;
  transition: 0.3s;
}
#button-register:hover a {
  color: #ff6967;
  transition: 0.3s;
}

#button-register-off {
  background-color: transparent;
  border: 3px solid #56aee8;
  color: #56aee8;
  padding: 5px 15px;
}

#bank-account {
  background-color: transparent;
  border: 20px solid #56aee8;
  display: inline-block;
  margin-bottom: 25px;
  padding: 25px 50px;
}
#bank-account h4 {
  margin-bottom: 25px;
  text-align: left;
}
#bank-account p {
  color: #ff6967;
  text-align: left;
}

#conferences article {
  display: inline-block;
  margin-bottom: 50px;
  text-align: left;
  width: 95%;
}
#conferences article:last-child {
  margin-bottom: 0;
}
#conferences article div {
  display: inline-block;
  text-align: left;
  width: 50%;
}
#conferences article div div {
  display: block;
  margin-bottom: 25px;
  width: 100%;
}
#conferences article div div img {
  border: 5px solid #999;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 20%;
}
#conferences article div div p {
  display: inline-block;
  margin-left: 2.5%;
  text-align: left;
  vertical-align: middle;
  width: 75%;
}
#conferences article div div p b {
  color: #999;
  display: block;
  text-align: left;
}
#conferences article div div p i {
  background-color: #56aee8;
  color: #00101d;
  display: inline-block;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 800;
  margin-bottom: 5px;
  padding: 2.5px 5px;
  text-align: left;
}
#conferences article div div p span {
  display: block;
  margin-bottom: 6.25px;
  text-align: left;
}
#conferences article div div p strong {
  color: #56aee8;
  display: block;
  font-size: 17.5px;
  font-weight: 800;
  margin-bottom: 6.25px;
  text-align: left;
}
#conferences article h6 {
  color: #ff6967;
  margin-bottom: 25px;
  text-align: left;
}
#conferences article h3 {
  background-color: #ff6967;
  color: #00101d;
  font-weight: 800;
  margin-bottom: 25px;
  padding: 10px;
  text-align: left;
}
#conferences article h5 {
  color: #56aee8;
  font-weight: 800;
  margin-bottom: 25px;
  padding: 0 10px;
  text-align: left;
}
#conferences article img {
  margin-right: 2.5%;
  width: 40%;
}

#contact article div {
  display: inline-block;
  text-align: left;
  width: 45%;
}
#contact article div h5 {
  color: #ff6967;
  border-bottom: 3px dotted #999;
  margin-bottom: 25px;
  padding-bottom: 10px;
  text-align: left;
}
#contact article div p {
  display: block;
  margin-bottom: 1em;
  text-align: left;
}
#contact article div p span {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
#contact article form {
  display: inline-block;
  margin-right: 5%;
  text-align: left;
  width: 40%;
}

#content {
  padding: 0 10%;
}
#content p {
  margin-bottom: 1em;
  text-align: justify;
}
#content p b {
  color: #ff6967;
  vertical-align: baseline;
}
#content p strong {
  color: #56aee8;
  font-weight: 800;
  vertical-align: baseline;
}
#content ul {
  margin-bottom: 0.5em;
}
#content ul li {
  list-style: circle;
  margin: 0 0 1em 25px;
  text-align: justify;
}
#content ul li b {
  color: #ff6967;
  vertical-align: baseline;
}
#content ul li strong {
  color: #56aee8;
  font-weight: 800;
  vertical-align: baseline;
}

#copyright {
  display: block;
  padding: 10px 0;
}
#copyright span {
  color: #56aee8;
  font-size: 12.5px;
}
#copyright span b {
  color: #56aee8;
  font-size: 12.5px;
  font-weight: 800;
}

#events article {
  background-color: #00101d;
  border: 20px solid #56aee8;
  display: inline-block;
  margin: 0 2.5% 50px 2.5%;
  padding: 25px 0;
  transition: 0.3s;
  width: 40%;
}
#events article a {
  background-color: #56aee8;
  border: 3px solid #56aee8;
  color: #00101d;
  display: inline-block;
  padding: 10px 20px;
  transition: 0.3s;
}
#events article a:hover {
  background-color: transparent;
  border: 3px solid #56aee8;
  color: #56aee8;
  transition: 0.3s;
}
#events article h1 {
  color: #56aee8;
  font-size: 25px;
  margin-bottom: 12.5px;
}
#events article h6 {
  color: #56aee8;
  font-weight: 800;
  margin-bottom: 25px;
}
#events article ul {
  margin: 0 0 20px 25px;
  display: inline-block;
  width: 80%;
}
#events article ul li {
  color: #56aee8;
  list-style: circle;
  margin-bottom: 5px;
  text-align: left;
}
#events article:last-child {
  border: 20px solid #ff6967;
}
#events article:last-child a {
  background-color: #ff6967;
  border: 3px solid #ff6967;
  color: #00101d;
  transition: 0.3s;
}
#events article:last-child a:hover {
  background-color: transparent;
  border: 3px solid #ff6967;
  color: #ff6967;
  transition: 0.3s;
}
#events article:last-child h1 {
  color: #ff6967;
}
#events article:last-child h6 {
  color: #ff6967;
}
#events article:last-child ul li {
  color: #ff6967;
}
#events h2 {
  letter-spacing: 5px;
  margin-bottom: 50px;
}
#events h2 strong {
  color: #ff6967;
  font-size: 40px;
  font-weight: 800;
}

#gallery article {
  background-image: url(../img/main-qris2020.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 200px 2.5%;
  text-align: left;
}
#gallery article a,
#slider a {
  background-color: #ff6967;
  color: #00101d;
  display: inline-block;
  font-size: 20px;
  font-weight: 800;
  padding: 10px 20px;
}
#gallery article a:hover,
#slider a:hover {
  background-color: #56aee8;
}
#gallery article h1,
#slider h1 {
  background-color: #56aee8;
  color: #002038;
  font-size: 50px;
  letter-spacing: 5px;
  margin-bottom: 20px;
  padding: 10px 15px;
  text-align: left;
  width: fit-content;
}
#gallery article h2,
#slider h2 {
  font-size: 50px;
  text-align: left;
  width: fit-content;
}
#gallery article h3,
#slider h3 {
  color: #ff6967;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 12.5px;
  width: fit-content;
}
#gallery article h3 b,
#slider h3 b {
  color: #56aee8;
  font-size: 50px;
  font-weight: 600;
  width: fit-content;
}

#map {
  border: 5px solid #56aee8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 500px;
  margin-top: 25px;
  width: 100%;
  transition: 0.3s;
}
#map:hover {
  border: 5px solid #ff6967;
  transition: 0.3s;
}

#program article {
  display: inline-block;
  padding: 0 0 25px;
  text-align: left;
  width: 95%;
}
#program article.bordered {
  border-bottom: 3px solid #6f6f6f;
}
#program article div {
  display: inline-block;
  text-align: left;
  width: 82%;
}
#program article div h4 {
  color: #56aee8;
  display: block;
  font-weight: 800;
  text-align: left;
}
#program article div h5 {
  text-align: left;
  margin-top: 20px;
  font-size: 15px;
}
#program article div h6 {
  text-align: left;
  font-size: 12px;
  color: #a9a6a6;
}
#program article div img {
  display: inline-block;
  margin: 25px 2.5% 0 0;
  width: 40%;
}
#program article div div {
  display: inline-block;
  margin-top: 25px;
  text-align: left;
  width: 55%;
}
#program article div div h6 {
  color: #ff6967;
  display: block;
  margin-bottom: 12.5px;
  text-align: left;
}
#program article div div p {
  margin-bottom: 1em;
  text-align: left;
}
#program article div div p b {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
#program article div div p b:last-child {
  color: #999;
}
#program article div div p span {
  background-color: #56aee8;
  color: #00101d;
  display: inline-block;
  font-size: 12.5px;
  font-weight: 800;
  margin-bottom: 5px;
  padding: 2.5px 5px;
  text-align: left;
}
#program article div div p strong {
  display: block;
  font-size: 17.5px;
  font-weight: 800;
  margin-bottom: 5px;
  text-align: left;
}
#program article h3 {
  color: #ff6967;
  display: inline-block;
  font-weight: 800;
  margin-right: 2.5%;
  text-align: left;
  width: 15%;
}

.program-category {
  text-align: center;
  color: #ff6967;
}
.program-category h2 {
  font-size: 30px;
  color: #ff6967;
}

.program-category h3 {
  font-size: 20px;
  color: #ff6967;
}

#register article {
  display: inline-block;
  width: 45%;
}
#register article div h1 {
  background-color: transparent;
  border: 10px solid #ff6967;
  color: #ff6967;
  font-size: 80px;
  letter-spacing: 10px;
  padding: 10px 25px;
  text-align: left;
  width: fit-content;
}
#register article div h2 {
  color: #56aee8;
  font-size: 100px;
  margin-bottom: 25px;
  text-align: left;
}
#register article div h2 b {
  color: #56aee8;
  font-size: 50px;
  font-weight: 800;
  vertical-align: baseline;
}
#register article div h3 {
  color: #56aee8;
  font-size: 75px;
  margin: 20px 0;
  text-align: left;
}
#register article div h3 b {
  color: #fff;
  font-size: 50px;
}
#register article div h4 {
  color: #ff6967;
  font-weight: normal;
  text-align: left;
}
#register article div h5 {
  color: #999;
  margin-top: 25px;
  text-align: left;
}
#register article div span {
  display: block;
  font-size: 20px;
  margin-bottom: 12.5px;
  text-align: left;
}
#register article:fist-child {
  margin-left: 2.5%;
  width: 42.5%;
}
#register article div#payment-information span {
  margin: 0;
  display: inline;
}
#register article p {
  margin-bottom: 1em;
  text-align: justify;
}
#register article b {
  color: #56aee8;
  font-weight: 800;
}
#register article strong {
  color: #ff6967;
  font-weight: 800;
}

#payment-information {
  max-height: 0;
  transition: all 0.5s linear;
  overflow: hidden;
}
#payment-information.opened {
  max-height: 1000px;
}

#requiere-factura {
  margin-bottom: 10px;
  text-align: left;
}
#requiere-factura label.item {
  width: 10%;
  display: inline-block;
}
#requiere-factura label.item input {
  width: auto;
  text-align: left;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#requiere-factura .datos,
#requiere-factura .datos_facturacion_contenedor {
  max-height: 0;
  overflow: hidden;
  transition: all 400ms linear;
}
#requiere-factura .datos.opened,
#requiere-factura .datos_facturacion_contenedor.opened {
  max-height: 300px;
}
#requiere-factura .datos.opened textarea {
  margin-bottom: 10px;
}
#requiere-factura .datos .js-validate-error-label {
  text-align: left;
}

/* Slider */
#slider {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}
#slider .slider {
  width: 100%;
  height: 80vh;
  margin: 0 auto;
  overflow: hidden;
}
#slider .slider__container {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
  white-space: nowrap;
}
#slider .slider__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  visibility: hidden;
}
#slider .slider__item {
  position: relative;
  margin: 0 5%;
  height: 100%;
  width: 90%;
  display: inline-block;
}

#slider .owl-home {
  width: 90%;
  margin: 0 auto;
  height: 80vh;
}
#slider .owl-home .owl-stage-outer {
  height: 80vh;
}
#slider .owl-home .owl-stage-outer .owl-stage {
  height: 80vh;
}
#slider .owl-home .owl-stage-outer .owl-stage .owl-item {
  height: 80vh;
}
#slider .owl-home .owl-stage-outer .owl-stage .owl-item > div {
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#slider .owl-home .owl-stage-outer .owl-stage .owl-item > div div.column {
  text-align: left;
}
#slider
  .owl-home
  .owl-stage-outer
  .owl-stage
  .owl-item
  > div
  div.column:first-child {
  padding-left: 60px;
  width: 80%;
}
#slider .grid {
  display: flex;
  align-items: center;
  justify-content: center;
}
#slider .grid > .column {
  width: 100%;
}
#slider .grid > .column img {
  width: 100%;
  max-width: 100%;
}
#slider .grid > .column:first-child {
  text-align: left;
  width: 60%;
  padding-left: 50px;
}

#slider .owl-home .owl-nav button.owl-next,
#slider .owl-home .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
}
#slider .owl-home .owl-nav button.owl-next span,
#slider .owl-home .owl-nav button.owl-prev span {
  height: 30px;
  width: 30px;
  background-size: 30px;
  display: block;
}
#slider .owl-home .owl-nav button.owl-next {
  right: 0;
}
#slider .owl-home .owl-nav button.owl-prev {
  left: 0;
}
#slider .owl-home .owl-nav button.owl-next span {
  background-image: url("../img/arrow-right.svg");
}
#slider .owl-home .owl-nav button.owl-prev span {
  background-image: url("../img/arrow-left.svg");
}
#slider .owl-home .owl-nav [class*="owl-"]:hover {
  background: unset;
}
#slider .owl-home .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#special {
  margin-top: 75px;
}
#special a {
  display: block;
}
#special a img {
  width: 40%;
}

#sponsors {
  margin-bottom: 0;
}
#sponsors a {
  display: inline-block;
  margin: 0 2% 50px 2%;
  width: 20%;
}
#sponsors .sponsors-container a {
  margin: 0 2.5%;
  width: 80%;
}
#sponsors a img {
  width: 100%;
}
#sponsors a span {
  color: #ff6967;
}
#sponsors h2 {
  background-color: #56aee8;
  color: #002038;
  font-weight: 800;
  letter-spacing: 5px;
  margin: 0 auto 25px auto;
  padding: 5px 10px;
  width: fit-content;
}
#sponsors h3 {
  border: 10px solid #ff6967;
  color: #ff6967;
  font-weight: 800;
  margin: 0 auto 50px auto;
  padding: 10px 50px;
  width: fit-content;
}
#sponsors .owl-sponsors {
  display: block;
  margin: 0 auto;
  width: 90%;
}
#sponsors .owl-sponsors .owl-nav {
  margin: 0;
}
#sponsors .owl-sponsors.owl-carousel .owl-nav button.owl-next,
#sponsors .owl-sponsors.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 0;
  height: 100%;
}
#sponsors .owl-sponsors.owl-carousel .owl-nav button.owl-next span,
#sponsors .owl-sponsors.owl-carousel .owl-nav button.owl-prev span {
  font-size: 35px;
}
#sponsors .owl-sponsors.owl-carousel .owl-nav button.owl-next {
  right: 0;
}
#sponsors .owl-sponsors.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
#sponsors .owl-sponsors.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
}

#stands {
}
#stands img {
  width: 90%;
}

#workshops article {
  display: inline-block;
  width: 45%;
}
#workshops article:first-child {
  margin-right: 2.5%;
}
#workshops article:last-child div {
  background-color: #ff6967;
}
#workshops article div {
  background-color: #56aee8;
  margin-bottom: 25px;
  padding: 25px;
  transition: 0.3s;
}
#workshops article div h3 {
  color: #002038;
  font-weight: 800;
  text-align: left;
}
#workshops article div h5 {
  color: #002038;
  text-align: left;
}
#workshops article div p {
  color: #002038;
  display: block;
  margin: 12.5px 0;
  text-align: left;
}
#workshops article div p strong {
  color: #002038;
  font-size: 17.5px;
  font-weight: 800;
  vertical-align: baseline;
}
#workshops article div span {
  color: #002038;
  display: block;
  font-size: 20px;
  font-weight: 800;
  margin: 12.5px 0;
  text-align: left;
}
#workshops article h4 {
  border-bottom: 2px solid #56aee8;
  color: #56aee8;
  font-weight: 800;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
#workshops article:last-child h4 {
  border-bottom: 2px solid #ff6967;
  color: #ff6967;
}

.cta {
  background-color: #ff6967;
  border: 3px solid #ff6967;
  color: #002038;
  display: inline-block;
  padding: 10px 20px;
  transition: 0.3s;
}
.cta:hover {
  background-color: transparent;
  border: 3px solid #ff6967;
  color: #ff6967;
  transition: 0.3s;
}

.email {
  color: #56aee8;
  margin-top: 10px;
}

.space {
  margin-bottom: 25px !important;
}

.moderador {
  color: #56aee8 !important;
}

.slider-controls {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  z-index: 10;
}
.slider-controls > .previous,
.slider-controls > .next {
  position: absolute;
  width: 64px;
  height: 64px;
  display: block;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-size: 30px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.slider-controls > .next {
  right: 20px;
  background-image: url("../img/arrow-right.svg");
}
.slider-controls > .previous {
  left: 20px;
  background-image: url("../img/arrow-left.svg");
}

.slider-navigation {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
  text-align: center;
}
.slider-navigation > li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
}
.slider-navigation > li > a {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slider-navigation > li > a.is-active {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0);
}

.subject {
  background-color: #56aee8;
  color: #002038;
  font-weight: 800;
  letter-spacing: 5px;
  margin: 50px 2.5%;
  padding: 5px 10px;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
}
.subject span {
  color: #002038;
  display: block;
  margin-bottom: 10px;
}

.welcome {
  width: 100%;
}

/* SVG animation only on desktop */
@-webkit-keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    -webkit-transform: rotate(359deg);
    transform-origin: center;
  }
}
@-moz-keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    -webkit-transform: rotate(359deg);
    transform-origin: center;
  }
}
@keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    -webkit-transform: rotate(359deg);
    transform-origin: center;
  }
}
@-webkit-keyframes spin-left {
  from {
    -webkit-transform: rotate(359deg);
    transform-origin: center;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform-origin: center;
  }
}
@-moz-keyframes spin-left {
  from {
    -webkit-transform: rotate(359deg);
    transform-origin: center;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform-origin: center;
  }
}
@keyframes spin-left {
  from {
    -webkit-transform: rotate(359deg);
    transform-origin: center;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform-origin: center;
  }
}
#Layer_3,
#Layer_5 {
  animation: spin-right 50s linear infinite;
}
#Layer_1,
#Layer_2,
#Layer_7 {
  animation: spin-left 50s linear infinite;
}

/*MOBILE*/
@media only screen and (max-width: 500px) {
  body.opened {
    height: 100%;
    overflow: hidden;
  }

  footer {
    margin: 25px 0;
  }
  footer address {
    display: block;
    font-style: normal;
    margin: 0 0 0 0;
    padding: 0 2.5%;
    text-align: left;
    width: 100%;
  }
  footer div {
    margin-bottom: 25px;
    padding: 0 2.5%;
    width: 100%;
  }
  footer div a img {
    display: block;
    width: 100px;
  }
  footer address h5 {
    background-color: #56aee8;
    color: #002038;
    display: block;
    width: 100%;
  }
  footer ul {
    padding: 0 2.5%;
    width: 100%;
  }

  header nav button.mobile,
  header nav button.mobile:focus {
    height: 30px;
    width: 28px;
    position: relative;
    padding: 0;
    cursor: pointer;
    box-sizing: border-box;
    border: 0;
    background: no-repeat;
    display: inline-block;
    margin-right: 5%;
    outline: none;
    z-index: 30;
    vertical-align: middle;
  }
  header nav button.mobile > span.line,
  header nav button.mobile > span.line:after,
  header nav button.mobile > span.line:before {
    background: #fff;
    height: 2px;
    position: absolute;
    left: 0;
    margin-top: -1px;
    transition: background 300ms 0s ease, transform 300ms 0s ease,
      top 300ms 0.2s ease, bottom 300ms 0.2s ease;
    width: 100%;
  }
  header nav button.mobile > span.line:before {
    top: -7px;
    content: "";
  }
  header nav button.mobile > span.line:after {
    bottom: -8px;
    content: "";
  }
  header.opened .mobile span.line {
    background: transparent !important;
  }
  header.opened .mobile span.line:before {
    top: 0;
    transform: rotate(45deg);
    transition: background 300ms 0s ease, transform 300ms 0.2s ease,
      top 300ms 0s ease, bottom 300ms 0s ease;
  }
  header.opened .mobile span.line:after {
    bottom: 0;
    transform: rotate(-45deg);
    transition: background 300ms 0s ease, transform 300ms 0.2s ease,
      top 300ms 0s ease, bottom 300ms 0s ease;
  }
  header.opened {
    overflow-y: auto;
    width: 100%;
    z-index: 20;
  }
  header.opened ul {
    transform: translateX(0);
  }

  header figure {
    width: 60%;
    margin-right: 30%;
  }
  header nav {
    width: 100%;
  }
  header nav ul {
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 20;
    transition: transform 0.5s ease;
    transform: translateX(100%);
    width: 100%;
  }
  header nav ul li {
    margin-left: 0;
  }

  header.opened ul {
    transform: translateX(0);
  }

  section {
    margin-bottom: 50px;
  }

  #conferences article div {
    width: 100%;
  }
  #conferences article div div {
    display: block;
    margin-bottom: 25px;
    width: 100%;
  }
  #conferences article img {
    margin: 0 0 25px 0;
    width: 100%;
  }

  #contact article div {
    display: inline-block;
    text-align: left;
    width: 95%;
  }
  #contact article form {
    display: inline-block;
    margin: 0 0 50px 0;
    text-align: left;
    width: 95%;
  }

  #copyright span {
    font-size: 10px;
  }
  #copyright span b {
    font-size: 10px;
  }

  #content {
    margin-bottom: 0;
    padding: 0 2.5%;
  }

  #events {
    margin-bottom: 50px;
    padding: 0 5%;
  }
  #events article {
    display: block;
    margin: 0 0 25px 0;
    width: 100%;
  }
  #events article ul {
    width: 90%;
  }
  #events h2 {
    font-size: 25px;
    letter-spacing: 5px;
    margin-bottom: 50px;
  }
  #events h2 strong {
    color: #ff6967;
    font-size: 30px;
    font-weight: 800;
  }

  #gallery article a,
  #slider a {
    font-size: 15px;
    padding: 5px 10px;
  }
  #gallery article h1,
  #slider h1 {
    font-size: 25px;
    letter-spacing: 0;
    padding: 5px 10px;
  }
  #gallery article h2,
  #slider h2 {
    font-size: 25px;
  }
  #gallery article h3,
  #slider h3 {
    font-size: 25px;
  }
  #gallery article h3 b,
  #slider h3 b {
    font-size: 25px;
  }

  #program article div {
    width: 100%;
  }
  #program article div div {
    width: 100%;
  }
  #program article div img {
    display: inline-block;
    margin: 25px 2.5% 0 0;
    width: 100%;
  }
  #program article h3 {
    margin: 0;
    width: 100%;
  }

  #register article {
    display: inline-block;
    width: 97.5%;
  }
  #register article:first-child {
    margin-bottom: 50px;
  }
  #register article div h1 {
    font-size: 75px;
    letter-spacing: 5px;
    margin-bottom: 12.5px;
    padding: 10px;
  }
  #register article div h2 {
    font-size: 50px;
  }
  #register article div h2 b {
    font-size: 50px;
    font-weight: 800;
    vertical-align: baseline;
  }
  #register article div h3 {
    font-size: 50px;
    margin: 20px 0 0 0;
    text-align: left;
  }

  #slider .grid {
    flex-direction: column;
  }
  #slider .grid > .column:first-child,
  #slider .grid > .column {
    display: block;
    padding: 0;
    width: 100%;
  }
  #slider h1 {
    font-size: 30px;
    letter-spacing: 0;
  }
  #slider .column object {
    width: 100%;
  }

  #slider .owl-home .owl-stage-outer .owl-stage .owl-item > div {
    flex-direction: column;
  }
  #slider
    .owl-home
    .owl-stage-outer
    .owl-stage
    .owl-item
    > div
    div.column:first-child {
    padding: 0;
    width: 100%;
  }
  #slider .owl-home .owl-stage-outer .owl-stage .owl-item > div div.column {
    display: block;
    padding: 0;
    width: 100%;
    text-align: left;
  }

  #special {
    margin-top: 50px;
  }
  #special a img {
    width: 90%;
  }

  #sponsors {
    padding: 0 5%;
  }
  #sponsors h2 {
    font-size: 30px;
    letter-spacing: 0;
  }
  #sponsors h3 {
    margin: 0 auto 25px auto;
    width: 90%;
  }
  #sponsors a {
    display: block;
    margin: 0 auto;
    width: 70%;
  }
  #sponsors .sponsors-container a {
    margin: 0 auto;
  }

  #stands {
    margin: 25px 0 0 0;
  }

  #workshops article {
    margin: 0 2.5% 25px 2.5%;
    padding: 25px;
    width: 95%;
  }

  #Layer_3,
  #Layer_5 {
    animation: none;
  }
  #Layer_1,
  #Layer_2,
  #Layer_7 {
    animation: none;
  }

  .slider-controls > .previous,
  .slider-controls > .next {
    width: 30px;
    height: 30px;
    background-size: 30px;
  }

  .slider-navigation {
    display: none;
  }

  .subject {
    letter-spacing: 0;
    margin: 50px auto 25px auto;
    font-size: 30px;
  }
}

#NotiflixReportWrap a {
  color: #000000;
}

.cintillo {
  background-color: #003c62;
  padding: 5px 0;
  margin-bottom: 20px;
}
.cintillo-inner {
  width: 95%;
  margin: 0 auto;
  text-align: left;
}
.cintillo h3 {
  text-align: left;
  display: inline-block;
  width: 15%;
  margin-right: 2.5%;
}
.cintillo p {
  text-align: left;
  display: inline-block;
  font-size: 30px;
}

.color-pink {
  color: #ff6967;
}

ul.custom-list li {
  text-align: left;
  margin: 10px 0;
  color: yellow;
}

ul.custom-list li::before {
  content: "";
  border-color: transparent yellow;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

/* utilities */
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}