@charset "UTF-8";
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
*/
/* @1 VENDORS */
@import "vendors/normalize.css";
/* @2 BASE */
/* @variables: VARIABLES */
/* @mixins: CUSTOM MIXINS */
/* @default: BASIC & COMMON STYLES */
html, body {
  box-sizing: border-box;
}

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

body {
  min-width: 320px;
  font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  color: #183C8B;
  background-color: #fff;
}

.off-screen {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.hidden, .webform-progress-form, .form-level .webform-progress, .webform-confirmation .webform-progress, [aria-hidden=true] {
  display: none;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.dialog-off-canvas-main-canvas {
  overflow: hidden;
}

@keyframes appear {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* @3 ELEMENTS */
/* @logo: EL CAPITAN LOGO */
#logo {
  margin: 0;
  padding: 0;
}
#logo a {
  display: inline-block;
  overflow: hidden;
  text-indent: -2000px;
  font-size: 1px;
  vertical-align: middle;
  background: url("../images/Academia_elcapitan.svg") no-repeat center 6px;
  background-size: 80%;
}
@media (max-width: 1200px) {
  #logo a {
    height: 40px;
    width: 83px;
    background: url(../images/Academia_elcapitan.svg) no-repeat center top;
    background-size: contain;
  }
}
@media (min-width: 1201px) {
  #logo a {
    height: 110px;
    width: 179px;
  }
}

/* @buttons: EL CAPITAN BUTTONS */
button, .button, input[type=submit], input[type=button], input[type=file], .menu-button {
  min-width: 180px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  padding: 16px;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.5rem;
  transition: all 250ms ease-out;
  /* &.transparent {
    background-color: rgba(#dfdada, 0.3);
    color: $white;
    &:hover, &:focus {
      background-color: rgba(#dfdada, 0.5);
    }
    &:active {
      background-color: rgba(#dfdada, 0.8);
    }
  }*/
}
button:before, .button:before, input[type=submit]:before, input[type=button]:before, input[type=file]:before, .menu-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid #fff;
  border-radius: 4px;
}
button.expanded, .button.expanded, input[type=submit].expanded, input[type=button].expanded, input[type=file].expanded, .menu-button.expanded {
  padding-left: 40px;
  padding-right: 40px;
}
button.reduced, .button.reduced, input[type=submit].reduced, input[type=button].reduced, input[type=file].reduced, .menu-button.reduced {
  padding: 10px 24px;
}
button.primary, button.form-submit, button.transparent, .button.primary, .button.form-submit, .button.transparent, input[type=submit].primary, input[type=submit].form-submit, input[type=submit].transparent, input[type=button].primary, input[type=button].form-submit, input[type=button].transparent, input[type=file].primary, input[type=file].form-submit, input[type=file].transparent, .menu-button.primary, .menu-button.form-submit, .menu-button.transparent {
  background-color: #2453B9;
  color: #fff;
}
button.primary:hover, button.primary:focus, button.form-submit:hover, button.form-submit:focus, button.transparent:hover, button.transparent:focus, .button.primary:hover, .button.primary:focus, .button.form-submit:hover, .button.form-submit:focus, .button.transparent:hover, .button.transparent:focus, input[type=submit].primary:hover, input[type=submit].primary:focus, input[type=submit].form-submit:hover, input[type=submit].form-submit:focus, input[type=submit].transparent:hover, input[type=submit].transparent:focus, input[type=button].primary:hover, input[type=button].primary:focus, input[type=button].form-submit:hover, input[type=button].form-submit:focus, input[type=button].transparent:hover, input[type=button].transparent:focus, input[type=file].primary:hover, input[type=file].primary:focus, input[type=file].form-submit:hover, input[type=file].form-submit:focus, input[type=file].transparent:hover, input[type=file].transparent:focus, .menu-button.primary:hover, .menu-button.primary:focus, .menu-button.form-submit:hover, .menu-button.form-submit:focus, .menu-button.transparent:hover, .menu-button.transparent:focus {
  background-color: #7bd6d6;
  background-image: linear-gradient(to right, #7bd6d6 0%, #7bd6d6 100%);
  color: #2453B9;
  border-color: #2453B9;
}
button.primary:hover:before, button.primary:focus:before, button.form-submit:hover:before, button.form-submit:focus:before, button.transparent:hover:before, button.transparent:focus:before, .button.primary:hover:before, .button.primary:focus:before, .button.form-submit:hover:before, .button.form-submit:focus:before, .button.transparent:hover:before, .button.transparent:focus:before, input[type=submit].primary:hover:before, input[type=submit].primary:focus:before, input[type=submit].form-submit:hover:before, input[type=submit].form-submit:focus:before, input[type=submit].transparent:hover:before, input[type=submit].transparent:focus:before, input[type=button].primary:hover:before, input[type=button].primary:focus:before, input[type=button].form-submit:hover:before, input[type=button].form-submit:focus:before, input[type=button].transparent:hover:before, input[type=button].transparent:focus:before, input[type=file].primary:hover:before, input[type=file].primary:focus:before, input[type=file].form-submit:hover:before, input[type=file].form-submit:focus:before, input[type=file].transparent:hover:before, input[type=file].transparent:focus:before, .menu-button.primary:hover:before, .menu-button.primary:focus:before, .menu-button.form-submit:hover:before, .menu-button.form-submit:focus:before, .menu-button.transparent:hover:before, .menu-button.transparent:focus:before {
  border-color: #2453B9 !important;
}
button.primary:active, button.form-submit:active, button.transparent:active, .button.primary:active, .button.form-submit:active, .button.transparent:active, input[type=submit].primary:active, input[type=submit].form-submit:active, input[type=submit].transparent:active, input[type=button].primary:active, input[type=button].form-submit:active, input[type=button].transparent:active, input[type=file].primary:active, input[type=file].form-submit:active, input[type=file].transparent:active, .menu-button.primary:active, .menu-button.form-submit:active, .menu-button.transparent:active {
  background-color: #2453B9;
  background-image: linear-gradient(to right, #2453B9 0%, #2453B9 100%);
}
button.disabled, button.disabled:hover, button.disabled:focus, button[disabled], .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], input[type=submit].disabled, input[type=submit].disabled:hover, input[type=submit].disabled:focus, input[type=submit][disabled], input[type=button].disabled, input[type=button].disabled:hover, input[type=button].disabled:focus, input[type=button][disabled], input[type=file].disabled, input[type=file].disabled:hover, input[type=file].disabled:focus, input[type=file][disabled], .menu-button.disabled, .menu-button.disabled:hover, .menu-button.disabled:focus, .menu-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}
button a, .button a, input[type=submit] a, input[type=button] a, input[type=file] a, .menu-button a {
  text-decoration: none;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

/* @text: COMMON FONTS & TEXTS STYLES */
.title-1, .title-2, .title-3, .title {
  margin: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
  cursor: help;
  letter-spacing: 0.05em;
  margin-right: -1px;
}

.centered {
  text-align: center;
}

::selection {
  background: #7bd6d6;
  color: #fff;
}

p {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 300;
}
p a {
  color: #2453B9;
}
p a.see-price {
  color: #183C8B !important;
}
p.boton-con-precio {
  display: inline-block;
}
p.price-hour {
  display: inline-block;
  padding-left: 1em;
}
p.price-hour strong {
  font-size: 3rem;
  font-weight: bold;
}

ul.features {
  text-align: center;
  display: inline-block;
  list-style-type: none;
}
ul.features li {
  text-align: center;
  display: inline-block;
}
ul.features li:not(:first-child) {
  margin-left: 3em;
}
ul.features li strong {
  display: block;
}
ul.features li img {
  display: block;
  margin: 0 auto;
  filter: brightness(98%) saturate(19%) invert(21%) sepia(67%) saturate(160%) hue-rotate(200deg) brightness(113%) contrast(104%);
}

.ui-accordion .field-content {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {
  p {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .title-1 {
    font-size: 3.5rem;
  }

  .title-2 {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1441px) {
  .title-1 {
    font-size: 3.5rem;
  }

  .title-2 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  main .title-2, main h2 {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }

  #block-spanishclassesforeverybody {
    padding-top: 48px !important;
    padding-bottom: 24px !important;
  }
  #block-spanishclassesforeverybody h2 {
    padding-bottom: 24px;
  }
}
.block-separator {
  padding-top: 120px;
}
@media only screen and (max-width: 768px) {
  .block-separator {
    padding-top: 60px;
  }
}

.breadcrumb ol {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.breadcrumb ol li {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  color: #DDE3E9;
}
.breadcrumb ol li:not(:first-child) {
  padding-left: 4px;
}
.breadcrumb ol li a {
  text-decoration: none;
  color: #DDE3E9;
}
.breadcrumb ol li:after {
  color: #7bd6d6;
  content: " | ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.breadcrumb ol li:last-child {
  color: #2453B9;
  padding-left: 4px;
}
.breadcrumb ol li:last-child:after {
  content: "";
}

/* @4 MODULES */
/* @forms: EL CAPITAN FORMS */
.views-exposed-form {
  width: 66%;
  margin: 0 auto;
  position: relative;
}
.views-exposed-form input.js-form-type-textfield {
  border-radius: 6px;
  border: 1px solid #AAAAAA;
  padding: 0.8em 0.5em;
  width: 100%;
  position: relative;
  z-index: 5;
}
.views-exposed-form:after {
  position: absolute;
  z-index: 0;
  background: url("../images/bubbles/bubble_g3.svg") no-repeat center bottom;
  background-size: contain;
  min-height: 300px;
  width: 100%;
  content: "";
  display: block;
}

.form-actions {
  clear: both;
}

form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
form ::-webkit-input-placeholder {
  color: #ccc;
}
form :-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
form ::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
form :-ms-input-placeholder {
  color: #ccc;
}
form select {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #AAAAAA;
  padding: 0.8em 0.5em;
}

/* Module custom webform */
/* @forms: EL CAPITAN LOGO */
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
  width: 480px;
  margin: 0 auto;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank input[type=checkbox] {
  float: left;
  margin-top: 0.2em;
  width: 0;
  height: 0;
  position: relative;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: 0.5rem;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank input[type=checkbox] + label {
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 4px;
  border: 1px solid #AAAAAA;
  float: left;
  margin-right: 10px;
  position: relative;
  top: -0.3rem;
  cursor: pointer;
  background: #fff;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank input[type=checkbox] + label:after {
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  left: 0.5rem;
  top: -0.2rem;
  width: 0.5rem;
  height: 1rem;
  opacity: 0.2;
  border-bottom: 3px solid #AAAAAA;
  border-right: 3px solid #AAAAAA;
  transform: rotate(45deg);
  transition: border-color 0.3s ease;
  display: none;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank input[type=checkbox]:checked + label:before {
  border: 1px solid #7bd6d6;
  background: #7bd6d6;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank input[type=checkbox]:checked + label:after {
  display: block;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  opacity: 1;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank label {
  float: left;
  margin-left: 5px;
  width: 94%;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank a {
  color: #2453B9;
  text-decoration: underline;
}
.webform-submission-form .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank a:hover {
  text-decoration: underline;
}

.page-node-type-webform .webform-progress {
  display: none;
}
.page-node-type-webform #content {
  background: #DDE3E9;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  /*&:after{
     content:"";
      background: url("../images/bubbles/Bubble Azul.svg") top center no-repeat;
      margin: 0 auto;
      width: 25%;
      height:100vh;
      position: absolute;
      right:1%;
      top:22%;
      z-index: 2;
      background-size:14%;
    }*/
}
.page-node-type-webform #content:before {
  content: "";
  background: url("../images/bubbles/Bubble gris.svg") top center no-repeat;
  margin: 0 auto;
  width: 25%;
  height: 100vh;
  position: absolute;
  right: -5%;
  top: -6%;
  z-index: 2;
  background-size: 100%;
}
.page-node-type-webform #content .section {
  position: relative;
  top: 0;
  left: 0;
  z-index: 3;
}
.page-node-type-webform #content .section:before {
  content: "";
  background: url("../images/bubbles/Bubble gris.svg") center center no-repeat;
  margin: 0 auto;
  width: 18%;
  height: 59vh;
  position: absolute;
  left: 0%;
  bottom: 16%;
  z-index: 1;
  background-size: 22%;
}
.page-node-type-webform #content .section:after {
  content: "";
  background: url("../images/bubbles/Bubble A.svg") center center no-repeat;
  margin: 0 auto;
  width: 25%;
  height: 34vh;
  position: absolute;
  left: -8%;
  bottom: 7%;
  z-index: 1;
  background-size: 100%;
}
.page-node-type-webform #content .section #block-elcapitan-content {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

.webform-progress-form, .form-level .webform-progress, .webform-confirmation .webform-progress {
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
  clear: both;
}
.webform-progress-form .webform-progress-tracker, .form-level .webform-progress .webform-progress-tracker, .webform-confirmation .webform-progress .webform-progress-tracker {
  background: #7bd6d6;
  background-image: linear-gradient(to right, #7bd6d6 0%, #2453B9 100%);
  border-radius: 4px;
  float: left;
  width: 99%;
}
.webform-progress-form .webform-progress-tracker li, .form-level .webform-progress .webform-progress-tracker li, .webform-confirmation .webform-progress .webform-progress-tracker li {
  height: 8px;
  background: #FDE3BF;
}
.webform-progress-form .webform-progress-tracker li .progress-marker, .form-level .webform-progress .webform-progress-tracker li .progress-marker, .webform-confirmation .webform-progress .webform-progress-tracker li .progress-marker {
  display: none;
}
.webform-progress-form .webform-progress-tracker li:first-child, .form-level .webform-progress .webform-progress-tracker li:first-child, .webform-confirmation .webform-progress .webform-progress-tracker li:first-child {
  border-radius: 4px 0 0 4px;
}
.webform-progress-form .webform-progress-tracker li:last-child, .form-level .webform-progress .webform-progress-tracker li:last-child, .webform-confirmation .webform-progress .webform-progress-tracker li:last-child {
  border-radius: 0px 4px 4px 0px;
}
.webform-progress-form .webform-progress-tracker li.is-active, .form-level .webform-progress .webform-progress-tracker li.is-active, .webform-confirmation .webform-progress .webform-progress-tracker li.is-active, .webform-progress-form .webform-progress-tracker li.is-complete, .form-level .webform-progress .webform-progress-tracker li.is-complete, .webform-confirmation .webform-progress .webform-progress-tracker li.is-complete {
  background: none;
}
.webform-progress-form .webform-progress-tracker li:after, .form-level .webform-progress .webform-progress-tracker li:after, .webform-confirmation .webform-progress .webform-progress-tracker li:after {
  display: none;
}

.webform-confirmation .confirmation-message-form-level {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.webform-confirmation h2 {
  font-size: 3em;
  margin-bottom: 0.5em;
}
.webform-confirmation p {
  font-size: 1.3em;
}
.webform-confirmation .level {
  color: #2453B9;
  font-size: 6em;
  font-weight: bold;
  margin: 0.5em 0;
}
.form-contact, .form-popup {
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 2em;
}
.form-contact input, .form-popup input {
  border-radius: 6px;
  border: 1px solid #AAAAAA;
  padding: 0.8em 0.5em;
  width: 100%;
}
.form-contact .js-form-item, .form-popup .js-form-item {
  float: left;
  width: 48%;
  margin-bottom: 1.5em;
}
.form-contact .js-form-item label, .form-popup .js-form-item label {
  margin-bottom: 0.5em;
  display: block;
}
.form-contact .js-form-item.form-item-message, .form-popup .js-form-item.form-item-message {
  width: 100%;
  margin-right: 0;
}
.form-contact .js-form-item.form-item-message textarea, .form-popup .js-form-item.form-item-message textarea {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #AAAAAA;
}
.form-contact .js-form-item:nth-child(2n), .form-popup .js-form-item:nth-child(2n) {
  margin-right: 4%;
}
.form-contact .js-form-item#edit-text-contact, .form-popup .js-form-item#edit-text-contact {
  width: 100%;
  text-align: center;
}
.form-contact .js-form-item#edit-text-contact h2, .form-popup .js-form-item#edit-text-contact h2 {
  font-size: 3.5rem;
  margin-bottom: 0.2em;
}
.form-contact .js-form-item#edit-text-contact p, .form-popup .js-form-item#edit-text-contact p {
  font-size: 1.1rem;
}
.form-contact .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank, .form-popup .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
  width: 100%;
}
.form-contact .form-actions, .form-popup .form-actions {
  margin: 0 auto 0 auto;
  margin-top: 3em;
  border-radius: 6px;
  text-align: right;
}
.form-contact .form-actions input[type=submit], .form-popup .form-actions input[type=submit] {
  width: auto;
  cursor: pointer;
}
.form-contact .form-actions input[type=submit].webform-button--previous, .form-popup .form-actions input[type=submit].webform-button--previous {
  display: none;
}
.form-contact .form-actions input[type=submit].webform-button--next, .form-popup .form-actions input[type=submit].webform-button--next {
  width: auto;
  float: right;
}

.form-popup {
  border-radius: 20px;
  padding: 5%;
  background: #DDE3E9;
  position: relative;
  top: 0;
  left: 0;
}
.form-popup .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
  position: relative;
  top: 0;
  left: 0;
}
.form-popup .type-course-markup, .form-popup .type-accommodation-markup {
  width: 100%;
}
.form-popup .type-course-markup h2, .form-popup .type-accommodation-markup h2 {
  font-size: 3rem;
  margin: 0;
}
.form-popup #edit-description-text {
  width: 100%;
}
.form-popup select {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #AAAAAA;
  padding: 0.8em 0.5em;
}
.form-popup .mfp-close {
  font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif;
  color: #183C8B;
  font-size: 3em;
  text-align: right;
  margin-right: 5%;
}

.form-level {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2em;
  position: relative;
  top: 0;
  left: 0;
  margin-top: 200px;
}
.form-level input {
  border-radius: 6px;
  border: 1px solid #AAAAAA;
  padding: 0.8em 0.5em;
  width: 100%;
}
.form-level #edit-text-start-test {
  text-align: center;
}
.form-level #edit-text-start-test h2 {
  font-size: 3em;
  margin-bottom: 0.5em;
}
.form-level #edit-text-start-test p {
  font-size: 1.3em;
}
.form-level .text-complete {
  color: #2453B9;
  font-size: 1.3em;
}
.form-level .text-complete p {
  font-size: 1em;
}
.form-level .radios--wrapper[id*=edit-question-] legend {
  width: 100%;
  text-align: center;
  font-size: 1.3em;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios {
  width: 480px;
  margin: 2em auto 0 auto;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio {
  width: 48%;
  float: left;
  margin-right: 2%;
  margin-bottom: 1em;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio .form-radio {
  float: left;
  border: 1px solid;
  width: 20px;
  height: 22px;
  display: none;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio .option {
  float: left;
  margin-left: 5px;
  width: 100%;
  border: 1px solid #183C8B;
  border-radius: 8px;
  font-size: 1.3em;
  background-color: rgba(64, 64, 64, 0.1);
  padding: 0.3em 0.5em 0.4em 0.5em;
  cursor: pointer;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio .option:hover {
  background: #7bd6d6;
  color: #fff;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio:nth-child(3) {
  width: 100%;
  text-align: center;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio:nth-child(3) .option {
  width: 50%;
  float: none;
  margin: 0 auto;
  display: block;
}
.form-level .radios--wrapper[id*=edit-question-] .js-webform-radios [type=radio]:checked ~ label {
  background: #7bd6d6;
  color: #fff;
}
.form-level .form-item-name {
  width: 480px;
  margin: 0 auto;
}
.form-level .form-item-name label {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 0.2em;
}
.form-level .form-item-mail {
  width: 480px;
  margin: 0 auto;
  margin-top: 1em;
}
.form-level .form-item-mail label {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 0.2em;
}
.form-level .form-actions {
  width: 480px;
  margin: 0 auto;
  clear: both;
  margin-top: 3em;
  border-radius: 6px;
}
.form-level .form-actions input[type=submit] {
  width: 100%;
  cursor: pointer;
}
.form-level .form-actions input[type=submit].webform-button--previous {
  display: none;
}
.form-level .form-actions input[type=submit].webform-button--next {
  width: auto;
  float: right;
}
.form-level .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
  margin-top: 1em;
  position: relative;
  top: 0;
  left: 0;
}
.form-level.form-start {
  /*display:none;
  &.form-level-a1{
    display:block;
  }*/
}
.form-level.form-start .form-actions input[type=submit].webform-button--next {
  width: 100%;
  float: none;
  margin-top: 1.5em;
}

@media only screen and (max-width: 768px) {
  .webform-confirmation .confirmation-message-form-level {
    margin-top: 5em;
    max-width: 512px;
    width: 95%;
  }
  .webform-confirmation .confirmation-message-form-level h2 {
    font-size: 2.5em;
  }
  .webform-confirmation .confirmation-message-form-level .level {
    font-size: 4.5em;
  }

  .webform-progress-form, .webform-confirmation .webform-progress, .form-level .webform-progress {
    max-width: 640px;
    width: 100%;
    /*li{
      float:left;
      height:8px;
    }*/
  }
  .webform-progress-form ul, .webform-confirmation .webform-progress ul, .form-level .webform-progress ul {
    display: flex;
  }

  .form-contact, .form-popup {
    width: 90%;
  }
  .form-contact .js-form-item, .form-popup .js-form-item {
    width: 100%;
  }
  .form-contact .js-form-item:nth-child(2n), .form-popup .js-form-item:nth-child(2n) {
    margin-right: 0;
  }

  .form-level {
    width: 90%;
    margin-top: 6em;
  }
  .form-level .form-item-name {
    width: 384px;
  }
  .form-level .form-item-mail {
    width: 384px;
  }
  .form-level .form-actions {
    width: 384px;
  }
  .form-level .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
    width: 384px;
  }
  .form-level .radios--wrapper[id*=edit-question-] .js-webform-radios {
    max-width: 256px;
    width: 100%;
    margin: 2em auto 0 auto;
  }
  .form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio {
    width: 100%;
    margin-right: 0;
  }
  .form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio .option {
    margin-left: 0;
  }
  .form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio:nth-child(3) .option {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .webform-progress-form li.progress-step, .webform-confirmation .webform-progress li.progress-step, .form-level .webform-progress li.progress-step {
    min-width: 18px;
  }

  .form-level {
    width: 90%;
  }
  .form-level .form-item-name {
    width: 320px;
  }
  .form-level .form-item-mail {
    width: 320px;
  }
  .form-level .form-actions {
    width: 320px;
  }
  .form-level .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
    width: 320px;
  }
  .form-level .radios--wrapper[id*=edit-question-] .js-webform-radios {
    margin: 2em auto 0 auto;
  }
  .form-level .radios--wrapper[id*=edit-question-] .js-webform-radios .js-form-type-radio {
    margin-right: 0;
  }
}
@media only screen and (max-width: 430px) {
  .webform-progress-form li.progress-step, .webform-confirmation .webform-progress li.progress-step, .form-level .webform-progress li.progress-step {
    min-width: 10px;
  }

  .form-level .form-item-name {
    width: 256px;
  }
  .form-level .form-item-mail {
    width: 256px;
  }
  .form-level .form-actions {
    width: 256px;
  }
  .form-level .form-item-he-leido-y-acepto-la-a-href-politica-de-privacidad-target__blank {
    width: 256px;
  }
}
/* @hero: HERO BLOCK */
main#content .title-1 {
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(24, 60, 139, 0.6);
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  main#content .title-1 {
    max-width: 850px;
  }
}
@media only screen and (min-width: 1441px) {
  main#content .title-1 {
    max-width: 850px;
  }
}

.cabecera-nodo {
  position: initial;
  background-color: rgba(64, 64, 64, 0.3);
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .cabecera-nodo iframe {
    display: none;
  }
}
.cabecera-nodo img {
  position: relative;
  z-index: -1;
  vertical-align: top;
}
.cabecera-nodo article .image-hero img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cabecera-nodo article {
    display: none;
  }
}
.cabecera-nodo .imagen-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .cabecera-nodo .imagen-mobile {
    display: block;
  }
}
.cabecera-nodo .capa-texto {
  /*
  @include flexContainer;
  @include justify-content(center);*/
}
.cabecera-nodo .capa-texto .title-1, .cabecera-nodo .capa-texto h1 {
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(64, 64, 64, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 66%;
  height: 50%;
  max-width: 66%;
  padding: 48px;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 3.5rem;
  line-height: 4.5rem;
}
@media only screen and (max-width: 768px) {
  .cabecera-nodo .capa-texto .title-1, .cabecera-nodo .capa-texto h1 {
    width: 80%;
  }
}

/* @video-iframe: EXTERNAL VIDEO MODULE */
.video-home {
  overflow: hidden;
  z-index: 0;
  position: relative;
}

.video-background {
  background: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#vidtop-content {
  top: 20%;
  color: #fff;
}

.vid-info h1 {
  font-size: 2rem;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: 0.5rem;
  }

  .vid-info h1 {
    margin-bottom: 0.2rem;
  }
}
@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none;
  }
}
.video-iframe {
  position: relative;
  height: 0;
  overflow: hidden;
}
.video-iframe.aspect-ratio-16x9 {
  padding-bottom: 56.25%;
}
.video-iframe.aspect-ratio-4x3 {
  padding-bottom: 75%;
}
.video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
}

/* @video-block: VIDEO MODULE */
.video-block .video {
  text-align: center;
}
/* @quote-block: CUSTOMER QUOTES */
.quote-block blockquote {
  margin: 0;
}
.quote-block blockquote .content:before {
  content: open-quote;
}
.quote-block blockquote .content:after {
  content: close-quote;
}
.quote-block blockquote footer {
  padding-bottom: 0;
  background-color: inherit;
}
.quote-block blockquote footer cite {
  font-style: normal;
  font-weight: 300;
}
.quote-block blockquote footer cite strong {
  font-weight: bold;
}
/* @video-block: VIDEO MODULE */
.flexslider {
  position: relative;
  z-index: 2;
}
.flexslider ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
}
.flexslider .flex-direction-nav {
  position: absolute;
  top: -44px;
  right: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flexslider .flex-direction-nav li a {
  width: 67px;
  height: 42px;
  background: url("../images/sprite.svg") no-repeat 0 0;
  display: block;
  font-size: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.flexslider .flex-direction-nav li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flexslider .flex-direction-nav li a.flex-prev {
  background-position: 0 -600px;
}
.flexslider .flex-direction-nav li a.flex-next {
  background-position: 0 -650px;
}
.flexslider .flex-control-nav {
  width: 100%;
  text-align: center;
  z-index: 4;
  clear: both;
  bottom: -46px;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
}
.flexslider .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
}
.flexslider .flex-control-nav li a {
  width: 20px;
  height: 20px;
  display: block;
  background: #7bd6d6;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
.flexslider .flex-control-nav li a:hover {
  background: #7bd6d6;
}
.flexslider .flex-control-nav li a.flex-active {
  background: #7bd6d6;
}
.flexslider.flexslider-testimonios {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #DDE3E9;
  padding: 2rem 3rem 2rem 3rem;
}
.flexslider.flexslider-slider-portada {
  margin: 0;
  padding: 0;
  top: auto;
  bottom: -43px;
}
.flexslider.flexslider-slider-portada:after {
  content: "";
  display: table;
  clear: both;
}
.flexslider.flexslider-slider-portada ul {
  margin: 0;
  padding: 0;
}
.flexslider.flexslider-slider-portada .wrapper, .flexslider.flexslider-slider-portada .breadcrumb {
  z-index: 1;
  position: relative;
}
.flexslider.flexslider-slider-portada .slider-left-sup {
  width: 25%;
  float: left;
  position: absolute;
  z-index: 0;
  background: none;
  background-size: cover;
  left: 0;
}
.flexslider.flexslider-slider-portada .slider-right-sup {
  width: 75%;
  float: left;
  position: absolute;
  background: none;
  background-size: cover;
  left: 25%;
  z-index: 0;
}
.flexslider.flexslider-slider-portada .slider-right-sup:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(36, 83, 185, 0.7);
  background-image: -webkit-gradient(to right, rgba(123, 214, 214, 0.7) 0%, rgba(36, 83, 185, 0.7) 100%);
  background-image: -webkit-linear-gradient(to right, rgba(123, 214, 214, 0.7) 0%, rgba(36, 83, 185, 0.7) 100%);
  background-image: linear-gradient(to right, rgba(123, 214, 214, 0.7) 0%, rgba(36, 83, 185, 0.7) 100%);
}
.flexslider.flexslider-slider-portada .slider-left {
  width: 50%;
  float: left;
}
.flexslider.flexslider-slider-portada .slider-left .img-left {
  display: none;
}
.flexslider.flexslider-slider-portada .slider-left .img-circle img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.flexslider.flexslider-slider-portada .slider-right {
  float: left;
  width: 50%;
  background: none;
  background-size: cover;
  color: #fff;
}
.flexslider.flexslider-slider-portada .slider-right .img-right {
  display: none;
}
.flexslider.flexslider-slider-portada .slider-right .texto {
  padding: 2em 0 0 1em;
}
.flexslider.flexslider-slider-portada .slider-right h2, .flexslider.flexslider-slider-portada .slider-right h3 {
  font-size: 2em;
}
.flexslider.flexslider-slider-portada .slider-right a {
  color: #fff;
}
.flexslider.flexslider-slider-portada .flex-direction-nav {
  top: auto;
  right: 20px;
  bottom: 70px;
  position: absolute;
  z-index: 2;
}
.flexslider.flexslider-slider-portada .flex-direction-nav li a.flex-prev {
  background-position: -98px -600px;
}
.flexslider.flexslider-slider-portada .flex-direction-nav li a.flex-next {
  background-position: -98px -650px;
}
.slick--view--testimonios .slick__slide ul {
  display: flex;
  justify-content: space-between;
}
.slick--view--testimonios .slick__slide ul li {
  position: relative;
  z-index: 1;
  font-size: 1rem;
  margin: 24px;
}
.slick--view--testimonios .slick__slide ul li p, .slick--view--testimonios .slick__slide ul li strong {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 24px;
}
.slick--view--testimonios .slick__slide ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #DDE3E9;
  width: 100%;
  height: calc(100% - 56px);
  z-index: -1;
  border-radius: 24px;
}
.slick--view--testimonios .slick__slide ul li .views-field-field-testimonio-imagen {
  background: url(../images/ancla-testimonio2.png) no-repeat center center;
  background-size: contain;
  text-align: center;
}
.slick--view--testimonios .slick__slide ul li .views-field-field-testimonio-imagen img {
  display: inline-block;
  padding: 20px 20px 16px 20px;
  border-radius: 100%;
  width: 120px;
  display: inline-block;
  padding: 25px 20px 22px 20px;
  border-radius: 100%;
  width: 116px;
}
@media only screen and (max-width: 768px) {
  .slick--view--testimonios .slick__slide ul {
    display: block;
    width: 88%;
    margin: 0;
    padding: 0;
  }
}

div.paragraph--type--texto-completo {
  padding-top: 120px;
}
div.paragraph--type--texto-completo.paragraph-num-1 {
  background: url("../images/bubbles/bubble_g3.svg") no-repeat center bottom;
  background-size: contain;
}
div.paragraph--type--texto-completo.paragraph-num-2 {
  background: url("../images/bubbles/Bubbles_g2.svg") no-repeat left center;
}
@media only screen and (max-width: 768px) {
  div.paragraph--type--texto-completo {
    padding-top: 60px;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.paragraph--type-texto-imagen {
  padding-top: 120px;
}
.paragraph--type-texto-imagen.paragraph-num-1 {
  background: url("../images/bubbles/Bubble A.svg") no-repeat left center;
}
.paragraph--type-texto-imagen.paragraph-num-2 {
  background: url("../images/bubbles/bubble B.svg") no-repeat left center;
}
.paragraph--type-texto-imagen.paragraph-num-3 {
  background: url("../images/bubbles/Bubbles_g2.svg") no-repeat left center;
}
.paragraph--type-texto-imagen .group-left {
  width: 65%;
  padding-right: 7%;
}
.paragraph--type-texto-imagen .group-right {
  width: 35%;
}
.paragraph--type-texto-imagen .group-right img {
  border-top-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
}
.paragraph--type-texto-imagen h1, .paragraph--type-texto-imagen h2 {
  font-size: 3rem;
}
@media only screen and (max-width: 768px) {
  .paragraph--type-texto-imagen {
    padding-top: 60px;
    padding-left: 1em;
    padding-right: 1em;
  }
  .paragraph--type-texto-imagen .group-left, .paragraph--type-texto-imagen .group-right {
    width: 100%;
  }
  .paragraph--type-texto-imagen h1, .paragraph--type-texto-imagen h2 {
    font-size: 2rem;
  }
}

.paragraph--type-imagen-texto {
  padding-top: 120px;
}
.paragraph--type-imagen-texto.paragraph-num-1 {
  background: url("../images/bubbles/bubble D.svg") no-repeat right bottom;
}
.paragraph--type-imagen-texto.paragraph-num-2 {
  background: url("../images/bubbles/bubble C.svg") no-repeat right bottom;
}
.paragraph--type-imagen-texto.paragraph-num-3 {
  background: url("../images/bubbles/bubble_F.svg") no-repeat right bottom;
}
.paragraph--type-imagen-texto .group-right {
  width: 65%;
  padding-left: 7%;
}
.paragraph--type-imagen-texto .group-left {
  width: 35%;
}
.paragraph--type-imagen-texto .group-left img {
  border-top-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
}
.paragraph--type-imagen-texto h1, .paragraph--type-imagen-texto h2 {
  font-size: 3rem;
}
@media only screen and (max-width: 768px) {
  .paragraph--type-imagen-texto {
    padding-top: 60px;
    padding-left: 1em;
    padding-right: 1em;
  }
  .paragraph--type-imagen-texto .group-left, .paragraph--type-imagen-texto .group-right {
    width: 100%;
  }
  .paragraph--type-imagen-texto h1, .paragraph--type-imagen-texto h2 {
    font-size: 2rem;
  }
}

/* Cambios altos imágenes paragraphs */
.paragraph--type-texto-imagen .group-right {
  position: relative;
}
.paragraph--type-texto-imagen .group-right div.imagen-bloque {
  border-top-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  overflow: hidden;
  width: 100%;
  height: 558px;
}
.paragraph--type-texto-imagen .group-right .enlace-video a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 0;
  transition: all 250ms ease-out;
}
.paragraph--type-texto-imagen .group-right .enlace-video a:after {
  content: "";
  display: block;
  width: 48px;
  height: 66px;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../images/sprite.svg) no-repeat 9px -856px;
  background-size: 200px;
}
.paragraph--type-texto-imagen .group-right .enlace-video a:before {
  content: "";
  display: block;
  width: 96px;
  height: 96px;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 96px;
  background: rgba(249, 178, 80, 0.5);
}
.paragraph--type-texto-imagen .group-right .enlace-video a:hover:after {
  background: url(../images/sprite.svg) no-repeat -42px -856px;
  background-size: 200px;
}
.paragraph--type-texto-imagen .group-right .enlace-video a:hover:before {
  background: #f9b250;
}

.paragraph--type-imagen-texto .group-left {
  position: relative;
}
.paragraph--type-imagen-texto .group-left div.imagen-bloque {
  border-top-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  overflow: hidden;
  width: 100%;
  height: 558px;
}
.paragraph--type-imagen-texto .group-left .enlace-video a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 0;
  transition: all 250ms ease-out;
}
.paragraph--type-imagen-texto .group-left .enlace-video a:after {
  content: "";
  display: block;
  width: 48px;
  height: 66px;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../images/sprite.svg) no-repeat 9px -856px;
  background-size: 200px;
}
.paragraph--type-imagen-texto .group-left .enlace-video a:before {
  content: "";
  display: block;
  width: 96px;
  height: 96px;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 96px;
  background: rgba(249, 178, 80, 0.5);
}
.paragraph--type-imagen-texto .group-left .enlace-video a:hover:after {
  background: url(../images/sprite.svg) no-repeat -42px -856px;
  background-size: 200px;
}
.paragraph--type-imagen-texto .group-left .enlace-video a:hover:before {
  background: #f9b250;
}

article[about*=school] .group-left, article[about*=school] .group-right, article[about*=academia] .group-left, article[about*=academia] .group-right, article[about*=sprachschule] .group-left, article[about*=sprachschule] .group-right {
  position: relative;
}
article[about*=school] .group-left .circulo-sup, article[about*=school] .group-right .circulo-sup, article[about*=academia] .group-left .circulo-sup, article[about*=academia] .group-right .circulo-sup, article[about*=sprachschule] .group-left .circulo-sup, article[about*=sprachschule] .group-right .circulo-sup {
  position: absolute;
  top: -21px;
  background: url("../images/bubbles/bubble gradient.svg") no-repeat left top;
  background-size: contain;
  height: 80px;
  width: 80px;
  right: 85px;
  z-index: 5;
}
article[about*=school] .group-left .circulo-inf, article[about*=school] .group-right .circulo-inf, article[about*=academia] .group-left .circulo-inf, article[about*=academia] .group-right .circulo-inf, article[about*=sprachschule] .group-left .circulo-inf, article[about*=sprachschule] .group-right .circulo-inf {
  position: absolute;
  bottom: 9px;
  background: url("../images/bubbles/Bubble Azul.svg") no-repeat left top;
  background-size: contain;
  height: 80px;
  width: 80px;
  left: 50px;
  z-index: 0;
}
article[about*=school] .group-left .imagen-bloque, article[about*=school] .group-right .imagen-bloque, article[about*=academia] .group-left .imagen-bloque, article[about*=academia] .group-right .imagen-bloque, article[about*=sprachschule] .group-left .imagen-bloque, article[about*=sprachschule] .group-right .imagen-bloque {
  -webkit-border-radius: 558px !important;
  -moz-border-radius: 558px !important;
  -ms-border-radius: 558px !important;
  border-radius: 558px !important;
}

@media only screen and (max-width: 768px) {
  article[about*=school] .group-left, article[about*=school] .group-right, article[about*=academia] .group-left, article[about*=academia] .group-right, article[about*=sprachschule] .group-left, article[about*=sprachschule] .group-right {
    position: relative;
  }
  article[about*=school] .group-left .circulo-sup, article[about*=school] .group-right .circulo-sup, article[about*=academia] .group-left .circulo-sup, article[about*=academia] .group-right .circulo-sup, article[about*=sprachschule] .group-left .circulo-sup, article[about*=sprachschule] .group-right .circulo-sup {
    right: 0px;
  }
  article[about*=school] .group-left .circulo-inf, article[about*=school] .group-right .circulo-inf, article[about*=academia] .group-left .circulo-inf, article[about*=academia] .group-right .circulo-inf, article[about*=sprachschule] .group-left .circulo-inf, article[about*=sprachschule] .group-right .circulo-inf {
    left: 0;
  }
}
/* @5 SECTIONS */
/* @content: MAIN CONTENT BLOCK */
.bg-grey {
  background-color: #f2f2f2;
}

.columna-izquierda {
  width: 50%;
  float: left;
  padding-right: 5%;
}

.columna-derecha {
  width: 45%;
  float: left;
}

@media only screen and (max-width: 768px) {
  .columna-izquierda {
    width: 100%;
    float: none;
    padding-right: 0%;
  }

  .columna-derecha {
    width: 100%;
    float: none;
  }
}
.wrapper, .breadcrumb {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .wrapper, .breadcrumb {
    margin: 0 auto;
    width: 1280px;
  }
}
@media only screen and (min-width: 1441px) {
  .wrapper, .breadcrumb {
    margin: 0 auto;
    width: 1280px;
  }
}

.fondo-azul {
  background: #2453B9;
}

.fondo-turquesa {
  background: #7bd6d6;
  color: #2453B9;
}

.different-way {
  padding-top: 120px;
  background: #7bd6d6;
  min-height: 25em;
}
.different-way:after {
  content: "";
  display: table;
  clear: both;
}
.different-way .col-left, .different-way .col-left-sup {
  width: 60%;
  float: left;
}
.different-way img {
  position: relative;
  z-index: 1;
}
.different-way ul {
  list-style-type: none;
  padding: 0;
}
.different-way ul li {
  float: left;
  list-style-type: none;
}
.different-way ul li:not(:first-child) {
  margin-left: 24px;
}
.different-way ul li strong {
  display: block;
  font-size: 1.5rem;
}
.different-way ul li strong span {
  display: block;
  font-size: 1.2em;
}
.different-way ul li strong span.infinito {
  font-size: 4rem;
  line-height: 5px;
  font-weight: 300;
  vertical-align: top;
  padding-bottom: 18px;
  padding-top: 10px;
}
.different-way .col-right, .different-way .col-right-sup {
  width: 40%;
  float: left;
}
.different-way .col-right img, .different-way .col-right-sup img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 70%;
}
.different-way .col-left-sup {
  min-height: 1px;
}
.different-way .col-right-sup {
  position: relative;
  top: -30px;
  z-index: 0;
}
.different-way .col-right-sup .burbble {
  background: url(../images/bubbles/bubble_group.svg) no-repeat top left;
  background-size: 450px;
  z-index: 2;
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  display: block;
}

.which-spanish {
  padding-top: 120px;
  background: #f2f2f2;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  top: -150px;
}
.which-spanish .button {
  margin-top: 20px;
}

.a-unique-language {
  /* padding-top:$top-width-large-paragraph; */
  position: relative;
  z-index: 0;
}
.a-unique-language .title-2 {
  padding-bottom: 1em;
}
.a-unique-language .wrapper:after, .a-unique-language .breadcrumb:after {
  z-index: 0;
  width: 100%;
  background: url("../images/bubbles/Bubbles_g2.png") left top no-repeat;
  background-size: 400px;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
}
.a-unique-language .wrapper:before, .a-unique-language .breadcrumb:before {
  z-index: 0;
  width: 100%;
  background: url("../images/bubbles/bubble C.png") right bottom no-repeat;
  background-size: 400px;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
}
.a-unique-language .video-container {
  background: url("../images/bubbles/bubble C.png") right bottom no-repeat;
  margin: 0 auto;
  width: 66%;
  position: relative;
  z-index: 2;
}
.a-unique-language .video-container iframe {
  width: 100%;
  margin: 0 auto;
  height: 500px;
}
.a-unique-language .video-container .youtube-iframe {
  width: 100%;
  margin: 0 auto;
}
.a-unique-language .video-container .enlace-video a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 0;
  transition: all 250ms ease-out;
}
.a-unique-language .video-container .enlace-video a:after {
  content: "";
  display: block;
  width: 48px;
  height: 66px;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../images/sprite.svg) no-repeat 9px -856px;
  background-size: 200px;
}
.a-unique-language .video-container .enlace-video a:before {
  content: "";
  display: block;
  width: 96px;
  height: 96px;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 96px;
  background: rgba(249, 178, 80, 0.5);
}
.a-unique-language .video-container .enlace-video a:hover:after {
  background: url(../images/sprite.svg) no-repeat -42px -856px;
  background-size: 200px;
}
.a-unique-language .video-container .enlace-video a:hover:before {
  background: #f9b250;
}
.a-unique-language .wrapper, .a-unique-language .breadcrumb {
  position: relative;
  z-index: 2;
}

#block-views-block-testimonios-block-1 {
  padding-top: 120px;
}
#block-views-block-testimonios-block-1 .flexslider-testimonios {
  width: 66%;
  margin: 0 auto;
}
#block-views-block-testimonios-block-1 .flexslider-testimonios img {
  display: none;
}
#block-views-block-testimonios-block-1 .flexslider-testimonios p {
  font-size: 1.1rem;
}
#block-views-block-testimonios-block-1 .flexslider-testimonios:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.vista-slider-portada {
  padding-top: 120px;
  clear: both;
}

#block-elcapitan-content {
  padding-bottom: 120px;
}

#block-webform-2 {
  background: #f2f2f2;
  padding-bottom: 120px;
  padding-top: 120px;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  #block-webform-2 {
    position: relative;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  #block-webform-2 {
    position: relative;
  }
}
@media only screen and (min-width: 1441px) {
  #block-webform-2 {
    position: relative;
  }
}

.spanish-accordion {
  margin-top: 24px;
  padding-bottom: 24px;
}
.spanish-accordion h3 button {
  width: 100%;
  text-align: left;
}

#block-elcapitan-views-block-carrusel-portada-block-1 {
  /* Estilo base para los dots */
  /* Estado activo (dot seleccionado) */
  /* Espaciado entre los dots */
  /* Posición centrada (opcional, si no está ya en tu configuración de Slick) */
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #block-elcapitan-views-block-carrusel-portada-block-1 .slick-slider {
    background: #2453B9;
  }
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots li button {
  width: 12px;
  /* Ancho del círculo */
  height: 12px;
  /* Alto del círculo */
  border-radius: 50%;
  /* Hace que sea un círculo */
  background-color: white;
  /* Fondo blanco para los dots */
  outline: none;
  /* Elimina el borde del botón al hacer clic */
  transition: background-color 0.3s ease;
  /* Suaviza el cambio de color */
  min-width: auto;
  font-size: 0;
}
@media only screen and (max-width: 768px) {
  #block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots li button {
    display: none;
  }
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots li.slick-active button {
  background-color: #7bd6d6;
  border: 0;
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots li.slick-active button:before {
  content: none;
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots li {
  margin: 0 5px;
  /* Espaciado horizontal entre dots */
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slick-dots {
  bottom: 160px;
  /* Ajusta según el diseño */
  text-align: center;
}
#block-elcapitan-views-block-carrusel-portada-block-1 img {
  width: 100%;
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slide__content {
  position: relative;
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slide__content .slide__caption {
  top: auto;
  bottom: 15%;
  color: #fff;
  z-index: 99;
}
@media only screen and (max-width: 768px) {
  #block-elcapitan-views-block-carrusel-portada-block-1 .slide__content .slide__caption {
    width: 90%;
    margin: 0 auto;
  }
}
#block-elcapitan-views-block-carrusel-portada-block-1 .slide__content .slide__caption a {
  color: #fff;
}
#block-elcapitan-views-block-carrusel-portada-block-1 .media--slick {
  position: relative;
  max-height: 80vh;
}
#block-elcapitan-views-block-carrusel-portada-block-1 .media--slick:after {
  width: 100%;
  height: 100%;
  bottom: -2px;
  right: 0;
  content: " ";
  display: block;
  position: absolute;
  z-index: 2;
  background: url(../images/onda.svg) no-repeat right bottom;
  background-size: 101%;
  color: #fff;
}

.tabs [type=radio]:checked ~ label {
  background: #2453B9 !important;
  color: #fff !important;
  border-color: #2453B9 !important;
}

.personas-equipo {
  display: flex;
  justify-content: center;
  padding-left: 0;
  list-style: none;
  gap: 32px;
  margin-bottom: 48px;
}
.personas-equipo li {
  font-weight: bold;
}
.personas-equipo img {
  max-height: 400px;
  display: block;
  padding-bottom: 24px;
}

.which-spanish {
  top: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0px !important;
  background: none !important;
}
.which-spanish .fondo-azul {
  padding-top: 48px;
  padding-bottom: 48px;
}
.which-spanish .fondo-turquesa {
  padding-bottom: 24px;
  padding-top: 24px;
}

#block-views-block-testimonios-block-1 {
  padding-bottom: 48px;
}

.wrapper-medio {
  max-width: 800px;
  margin: 0 auto;
  padding: 16px;
}

h2 {
  font-size: 3rem;
  line-height: 3.5rem;
}

#block-whichspanishcourseforme .fondo-turquesa {
  border-radius: 24px;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-14 10:13:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
.heartbeat {
  animation: heartbeat 2s ease-in-out infinite both;
}

@media (max-width: 1200px) {
  #header .menu_principal .menu ul.menu {
    background: #2453B9 !important;
  }

  #header #nav-icon3 span {
    background: #2453B9 !important;
  }
}
@media (max-width: 1200px) {
  body .cabecera-nodo .capa-texto .title-1, body .cabecera-nodo .capa-texto h1 {
    text-align: center !important;
  }
}
@media (max-width: 1200px) {
  #header .top-menu-mobile ul li.list-language {
    padding-top: 16px !important;
  }
}
/* @grid: CUSTOM GRID */
.grid, .grid-item {
  margin: 0;
  padding: 0;
  display: flex;
}

.grid {
  align-items: flex-start;
  align-content: flex-start;
}
.grid .grid-item {
  flex-direction: column;
}
.grid li.grid-item {
  list-style-type: none;
}
@media only screen and (max-width: 768px) {
  .grid {
    flex-flow: column nowrap;
    margin: 20px -10px 0;
  }
  .grid .grid-item {
    margin: 0 10px 20px;
    width: calc(100% - 20px);
  }
  .grid.small-2-col, .grid.small-3-col, .grid.small-4-col {
    flex-flow: row wrap;
  }
  .grid.small-2-col .grid-item {
    width: calc(50% - 20px);
  }
  .grid.small-3-col .grid-item {
    width: calc(33.33333% - 20px);
  }
  .grid.small-4-col .grid-item {
    width: calc(25% - 20px);
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .grid {
    flex-flow: row wrap;
    margin: 24px -12px 0;
  }
  .grid .grid-item {
    margin: 0 12px 24px;
  }
  .grid.medium-2-col .grid-item {
    width: calc(50% - 24px);
  }
  .grid.medium-3-col .grid-item {
    width: calc(33.33333% - 24px);
  }
  .grid.medium-4-col .grid-item {
    width: calc(25% - 24px);
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .grid {
    flex-flow: row wrap;
    margin: 30px -15px 0;
  }
  .grid .grid-item {
    margin: 0 15px 30px;
  }
  .grid.large-2-col .grid-item {
    width: calc(50% - 30px);
  }
  .grid.large-3-col .grid-item {
    width: calc(33.33333% - 30px);
  }
  .grid.large-4-col .grid-item {
    width: calc(25% - 30px);
  }
}
@media only screen and (min-width: 1441px) {
  .grid {
    flex-flow: row wrap;
    margin: 40px -20px 0;
  }
  .grid .grid-item {
    margin: 0 20px 40px;
  }
  .grid.xlarge-2-col .grid-item {
    width: calc(50% - 40px);
  }
  .grid.xlarge-3-col .grid-item {
    width: calc(33.33333% - 40px);
  }
  .grid.xlarge-4-col .grid-item {
    width: calc(25% - 40px);
  }
}

/* @header: HEADER BLOCK */
.preheader {
  background: #7bd6d6;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.preheader p {
  margin: 0;
}
@media (max-width: 1200px) {
  .preheader {
    margin-top: 56px;
  }
}

#header {
  background: #2453B9;
  background-image: linear-gradient(to right, #2453B9 60%, #7bd6d6 100%);
  position: fixed;
  width: 100%;
  z-index: 10;
  height: 110px;
  top: 0;
}
#header .menu_principal {
  display: none;
}
#header .wrapper, #header .breadcrumb {
  position: relative;
}
#header nav ul {
  margin: 0;
  padding: 0;
}
#header nav ul li {
  list-style-type: none;
  outline-color: transparent;
  outline-style: none;
}
#header nav .menu a {
  text-transform: uppercase;
}
#header a {
  color: #fff;
  text-decoration: none;
}
#header a:hover, #header a:focus {
  text-decoration: none;
}
#header a[href^="tel:"]:before, #header a[href^="mailto:"]:before, #header a.language:before, #header a.language:after {
  width: 12px;
  height: 12px;
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background: url("../images/sprite.svg");
}
#header a[href^="tel:"]:before {
  margin-right: 4px;
  background-position: 0 -400px;
}
#header a[href^="mailto:"]:before {
  margin-right: 4px;
  background-position: -51px -400px;
}
#header a.language:before {
  margin-right: 4px;
  background-position: -101px -400px;
}
#header a.language:after {
  margin-left: 4px;
  background-position: 0 -947px;
}
#header a.language ul {
  display: none;
}
#header a.language-link {
  color: #2453B9;
}
#header a.language-link.is-active {
  text-decoration: underline;
}
@media (max-width: 1200px) {
  #header .top-menu-mobile ul {
    float: right;
    padding: 0 1.2em 0 0;
    margin: 0;
    font-size: 0.9em;
  }
  #header .top-menu-mobile ul li {
    display: none;
  }
  #header .top-menu-mobile ul li.list-language {
    display: block;
  }
  #header .top-menu-mobile ul li ul {
    position: absolute;
    background: #7bd6d6 !important;
    box-shadow: 0 2px 8px 0 rgba(64, 64, 64, 0.3);
    border-radius: 12px;
    top: 30px;
    z-index: 1;
    display: none;
  }
  #header .top-menu-mobile ul li ul li {
    display: block;
    padding: 0.5em 0.8em;
    margin-left: 0;
  }
  #header .top-menu-mobile ul li ul li a:hover, #header .top-menu-mobile ul li ul li a.is-active {
    color: #183C8B;
  }
  #header .bottom-menu-mobile ul {
    float: right;
  }
  #header .bottom-menu-mobile ul li {
    display: inline-block;
  }
  #header .bottom-menu-mobile ul li.list-language {
    display: none;
    padding-top: 16px;
  }
}
@media (min-width: 1201px) {
  #header .main-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  #header .main-nav .menu_principal {
    margin-top: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    /* Old - iOS 6-, Safari 3.1~6 */
    -moz-box-flex: 1;
    -webkit-flex: 1;
    /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
    -moz-flex: 1;
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* New, Spec - Firefox, Chrome, Opera */
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    /* Chrome 21+, Safari Not supported. */
    -moz-justify-content: flex-end;
    /* Chrome 21+, Safari Not supported. */
    justify-content: flex-end;
    /* Firefox 20+, Opera 12.10, IE Not supported. */
  }
  #header .main-nav .menu_principal ul.menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    /* Chrome 21+, Safari Not supported. */
    -moz-justify-content: flex-end;
    /* Chrome 21+, Safari Not supported. */
    justify-content: flex-end;
    /* Firefox 20+, Opera 12.10, IE Not supported. */
  }
  #header .main-nav .menu_principal ul.menu li:not(:first-child) {
    margin-left: 20px;
  }
  #header .main-nav .menu_principal ul.menu li a {
    display: flex;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
  #header .main-nav .menu_principal ul.menu li a:not(.button) {
    position: relative;
    padding-left: 16px;
  }
  #header .main-nav .menu_principal ul.menu li a:not(.button):hover:after, #header .main-nav .menu_principal ul.menu li a:not(.button):focus:after {
    content: "";
    background: url("../images/sprite.svg") no-repeat 0 -900px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
  }
  #header .main-nav .menu_principal ul.menu li a:not(.button):hover .menu:after, #header .main-nav .menu_principal ul.menu li a:not(.button):focus .menu:after {
    background: none !important;
  }
  #header .main-nav .menu_principal ul.menu li a:not(.button).is-active {
    background: url("../images/sprite.svg") no-repeat 0 -900px;
  }
  #header .main-nav .menu_principal ul.menu li a:not(.button) .menu a.is-active {
    background: none !important;
  }
  #header .main-nav .menu_principal ul.menu li .menu {
    display: none;
    position: absolute;
    background: #2453B9;
    box-shadow: 0 2px 8px 0 rgba(64, 64, 64, 0.3);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    padding-right: 2em;
  }
  #header .main-nav .menu_principal ul.menu li .menu li {
    margin-left: 0;
    background: none !important;
  }
  #header .main-nav .menu_principal ul.menu li .menu li:hover {
    background: none !important;
  }
  #header .main-nav .menu_principal ul.menu li .menu li:hover a {
    color: #DDE3E9;
    background: none !important;
  }
  #header .main-nav .menu_principal ul.menu li .menu li a.is-active:after {
    background: none !important;
  }
  #header .main-nav .menu_principal ul.menu li .menu:after {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2453B9;
    top: -7px;
    left: 5%;
    position: absolute;
    content: "";
    display: block;
  }
  #header .main-nav .menu_principal ul.menu li:hover .menu {
    display: block;
  }
  #header .main-nav .menu_principal ul.menu .menu {
    padding-left: 32px;
    color: #fff;
    list-style-type: disc;
  }
  #header .main-nav .menu_principal ul.menu .menu li {
    list-style-type: disc;
  }
  #header .main-nav .menu_principal ul.menu .menu li a {
    padding-left: 0;
  }
  #header .main-nav .menu_principal ul.menu .menu li a:hover, #header .main-nav .menu_principal ul.menu .menu li a.is-active {
    color: #DDE3E9 !important;
    background: none !important;
  }
  #header .sec-nav > ul {
    position: absolute;
    top: 12px;
    right: 0.9375rem;
    display: flex;
    justify-content: flex-end;
  }
  #header .sec-nav > ul li:not(:first-child) {
    margin-left: 15px;
  }
  #header .sec-nav > ul li a {
    display: flex;
    padding: 5px;
    font-size: 0.75rem;
  }
  #header .sec-nav #language, #header .sec-nav .submenu-lang {
    position: absolute;
    background: #7bd6d6;
    box-shadow: 0 2px 8px 0 rgba(64, 64, 64, 0.3);
    border-radius: 12px;
    top: 30px;
    z-index: 1;
  }
  #header .sec-nav #language li, #header .sec-nav .submenu-lang li {
    padding: 0.5em 0.8em;
    margin-left: 0;
  }
  #header .sec-nav #language li a:hover, #header .sec-nav #language li a.is-active, #header .sec-nav .submenu-lang li a:hover, #header .sec-nav .submenu-lang li a.is-active {
    color: #183C8B;
  }
  #header .sec-nav #language:after, #header .sec-nav .submenu-lang:after {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #7bd6d6;
    top: -7px;
    right: 45%;
    position: absolute;
    content: "";
    display: block;
  }
  #header ul li[aria-haspopup=true][aria-expanded=false] .dropdown {
    display: none;
  }
  #header ul li[aria-haspopup=true][aria-expanded=true] .dropdown {
    display: block;
    animation: appear 200ms;
  }
}

@media (max-width: 1200px) {
  #header .main-nav .menu_principal {
    display: none;
    background: #2453B9;
  }
  #header .main-nav .menu_principal ul {
    background: #2453B9;
  }
}
@media (max-width: 1280px) {
  html:lang(de) #header .main-nav .menu_principal ul.menu li {
    white-space: nowrap;
  }
  html:lang(de) #header .main-nav .menu_principal ul.menu li:not(:first-child) {
    margin-left: 9px !important;
  }
}
#header .nav-toggle {
  color: #2453B9 !important;
}

/* @footer: FOOTER BLOCK */
footer {
  color: #fff;
  background: #2453B9;
}
footer div[typeof=LocalBusiness] > h3 {
  margin: 0;
  font-weight: normal;
}
footer address {
  font-style: normal;
}
footer ul {
  margin: 0;
  padding: 0;
}
footer ul li {
  list-style-type: none;
}
footer #block-openweatherblock h2 {
  margin-bottom: 10px;
  font-size: 0.875rem;
  font-weight: normal;
  padding-top: 1em;
}
footer #block-openweatherblock .forecast-date, footer #block-openweatherblock .forecast-time {
  display: none;
}
footer #block-openweatherblock .temperature {
  font-size: 2rem;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover, footer a:focus {
  text-decoration: underline;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  footer .wrapper, footer .breadcrumb {
    padding: 178px 0 24px;
    background: url("../images/footer-onda-logo.png") no-repeat center 48px;
    background-size: contain;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 769px) and (max-width: 1280px) and (-moz-min-device-pixel-ratio: 2) {
  footer .wrapper, footer .breadcrumb {
    background: url("../images/footer-onda-logo.png") no-repeat center 48px;
    background-size: contain;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer .wrapper, footer .breadcrumb {
    padding: 178px 0 24px;
    background: url("../images/footer-onda-logo.png") no-repeat center 48px;
    background-size: contain;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1281px) and (max-width: 1440px) and (-moz-min-device-pixel-ratio: 2) {
  footer .wrapper, footer .breadcrumb {
    background: url("../images/footer-onda-logo.png") no-repeat center 48px;
    background-size: contain;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer .grid-item, footer .ateigh {
    text-align: center;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer .title {
    margin-bottom: 26px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
  }
  footer .title + ul li:not(:first-child) {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer ul li, footer div[typeof=LocalBusiness] > *, footer .ateigh {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer span[property=name], footer span[property=addressLocality], footer a[href^="mailto:"], footer a[href^="tel:"] {
    display: block;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer ul + .weather {
    margin: 26px 0 0;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer .weather dt, footer .weather dd {
    margin: 0;
  }
  footer .weather dt {
    font-size: 0.875rem;
  }
  footer .weather dd {
    margin-top: 6px;
    font-size: 2rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer .network {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .network li a {
    width: 26px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    text-indent: -2000px;
    font-size: 1px;
    vertical-align: middle;
    background-image: url("../images/sprite.svg");
    background-repeat: no-repeat;
  }
  footer .network li a.instagram {
    background-position: 0 -300px;
  }
  footer .network li a.facebook {
    background-position: 0 -250px;
  }
  footer .network li a.youtube {
    background-position: 0 -350px;
  }
  footer .network li:not(:first-child) {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  footer .ateigh em {
    margin: 0 3px;
    font-style: normal;
    width: 12px;
    height: 12px;
    display: inline-block;
    overflow: hidden;
    text-indent: -2000px;
    font-size: 1px;
    vertical-align: middle;
    background: url("../images/sprite.svg") no-repeat -3px -452px;
  }
}
@media only screen and (min-width: 1441px) {
  footer .wrapper, footer .breadcrumb {
    padding: 178px 0 24px;
    background: url("../images/footer-onda-logo.png") no-repeat center 48px;
  }
}
@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1441px) and (-moz-min-device-pixel-ratio: 2) {
  footer .wrapper, footer .breadcrumb {
    background-image: url("../images/footer-onda-logo.png");
    background-size: contain;
  }
}
@media only screen and (min-width: 1441px) {
  footer .grid-item, footer .ateigh {
    text-align: center;
  }
}
@media only screen and (min-width: 1441px) {
  footer .title {
    margin-bottom: 26px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
  }
  footer .title + ul li:not(:first-child) {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1441px) {
  footer ul li, footer div[typeof=LocalBusiness] > *, footer .ateigh {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1441px) {
  footer span[property=name], footer span[property=addressLocality], footer a[href^="mailto:"], footer a[href^="tel:"] {
    display: block;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1441px) {
  footer ul + .weather {
    margin: 26px 0 0;
  }
}
@media only screen and (min-width: 1441px) {
  footer .weather dt, footer .weather dd {
    margin: 0;
  }
  footer .weather dt {
    font-size: 0.875rem;
  }
  footer .weather dd {
    margin-top: 6px;
    font-size: 2rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1441px) {
  footer .network {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .network li a {
    width: 26px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    text-indent: -2000px;
    font-size: 1px;
    vertical-align: middle;
    background-image: url("../images/sprite.svg");
    background-repeat: no-repeat;
  }
  footer .network li a.instagram {
    background-position: 0 -300px;
  }
  footer .network li a.facebook {
    background-position: 0 -250px;
  }
  footer .network li a.youtube {
    background-position: 0 -350px;
  }
  footer .network li:not(:first-child) {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 1441px) {
  footer .ateigh em {
    margin: 0 3px;
    font-style: normal;
    width: 12px;
    height: 12px;
    display: inline-block;
    overflow: hidden;
    text-indent: -2000px;
    font-size: 1px;
    vertical-align: middle;
    background: url("../images/sprite.svg") no-repeat -3px -452px;
  }
}

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  animation: whatsapp-bounce 1s ease 1;
}
.whatsapp-button svg {
  width: 35px;
  height: 35px;
  fill: white;
}
.whatsapp-button:hover {
  transform: scale(1.1);
}

@keyframes whatsapp-bounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-8px);
  }
  40% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-4px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/* @6 PAGES */

/*# sourceMappingURL=style.css.map */