/*--- Fonts ---*/
@font-face {
    font-family : "Next Rounded Bold";
    font-display: swap;
    src         : url("../fonts/DIN/1463167/a2048640-e106-4769-afa1-6b1de35107d9.eot?#iefix");
    src         : url("../fonts/DIN/1463167/a2048640-e106-4769-afa1-6b1de35107d9.eot?#iefix") format("eot"), url("../fonts/DIN/1463167/c5f258fa-5070-497f-985f-8e74eea63421.woff2") format("woff2"), url("../fonts/DIN/1463167/c42bd34c-4fbf-4a08-90b8-53afc9659aeb.woff") format("woff"), url("../fonts/DIN/1463167/ecdb64e0-cd2c-4f3b-ba29-8d05680de20a.ttf") format("truetype");
}

@font-face {
    font-family : "Next Rounded Medium";
    font-display: swap;
    src         : url("../fonts/DIN/1463183/fca36984-2ce2-496d-937d-163e115cd137.eot?#iefix");
    src         : url("../fonts/DIN/1463183/fca36984-2ce2-496d-937d-163e115cd137.eot?#iefix") format("eot"), url("../fonts/DIN/1463183/bb9643ae-703a-4b4b-a9b7-4ff9537bc8d7.woff2") format("woff2"), url("../fonts/DIN/1463183/27d304bd-8cab-431a-b410-57e94c642875.woff") format("woff"), url("../fonts/DIN/1463183/e7d2602c-4c29-4af2-a176-d6be801f3def.ttf") format("truetype");
}

@font-face {
    font-family : "Next Rounded Regular";
    font-display: swap;
    src         : url("../fonts/DIN/1463191/71af21a3-c45a-4fbb-b06b-21c8fe72cbc6.eot?#iefix");
    src         : url("../fonts/DIN/1463191/71af21a3-c45a-4fbb-b06b-21c8fe72cbc6.eot?#iefix") format("eot"), url("../fonts/DIN/1463191/07474ddd-28dd-4483-bbfe-8ea9caaf47ae.woff2") format("woff2"), url("../fonts/DIN/1463191/893dac19-dbbb-4177-90ea-e070fd4d42fd.woff") format("woff"), url("../fonts/DIN/1463191/4b859a45-8cf5-4fb2-a93d-601a96615c8e.ttf") format("truetype");
}

@font-face {
    font-family : "Next Rounded Light";
    font-display: swap;
    src         : url("../fonts/DIN/1463175/15298451-59c4-419a-bb2d-002593c2ef6a.eot?#iefix");
    src         : url("../fonts/DIN/1463175/15298451-59c4-419a-bb2d-002593c2ef6a.eot?#iefix") format("eot"), url(" ../fonts/DIN/1463175/97d75bd3-28e8-468f-ba38-ab3a64771c36.woff2") format("woff2"), url("../fonts/DIN/1463175/e168036d-9c61-4096-b0f5-39f59c370b11.woff") format("woff"), url("../fonts/DIN/1463175/e020129f-7f06-4cc7-831e-299b46177a30.ttf") format("truetype");
}

@font-face {
    font-family : "Next Rounded Black";
    font-display: swap;
    src         : url("../fonts/DIN/1463159/7d6653f5-ab99-426e-a570-8b603885d034.eot?#iefix");
    src         : url("../fonts/DIN/1463159/7d6653f5-ab99-426e-a570-8b603885d034.eot?#iefix") format("eot"), url("../fonts/DIN/1463159/9cfeced7-1aa0-4d9d-9e9f-93da38ce3164.woff2") format("woff2"), url("../fonts/DIN/1463159/669b3b0a-7a70-4f47-9cd0-b0154074f885.woff") format("woff"), url("../fonts/DIN/1463159/6aaeb2db-22c7-44eb-8b28-f562bd932631.ttf") format("truetype");
}

@font-face {
    font-family : "Chevin Pro Bold";
    font-display: swap;
    src         : url("../fonts/chevinpro/chevin_pro_bold.eot?#iefix");
    src         : url("../fonts/chevinpro/chevin_pro_bold.eot?#iefix") format("eot"), url("../fonts/chevinpro/chevin_pro_bold.woff") format("woff2"), url("../fonts/chevinpro/chevin_pro_bold.woff") format("woff"), url("../fonts/chevinpro/chevin_pro_bold.ttf") format("truetype");
}

@font-face {
    font-family : "Chevin Pro Demibold";
    font-display: swap;
    src         : url("../fonts/chevinpro/chevin_pro_demibold.eot?#iefix");
    src         : url("../fonts/chevinpro/chevin_pro_demibold.eot?#iefix") format("eot"), url("../fonts/chevinpro/chevin_pro_demibold.woff") format("woff2"), url("../fonts/chevinpro/chevin_pro_demibold.woff") format("woff"), url("../fonts/chevinpro/chevin_pro_demibold.ttf") format("truetype");
}

@font-face {
    font-family : "Chevin Pro Extrabold";
    font-display: swap;
    src         : url("../fonts/chevinpro/chevin_pro_extrabold.eot?#iefix");
    src         : url("../fonts/chevinpro/chevin_pro_extrabold.eot?#iefix") format("eot"), url("../fonts/chevinpro/chevin_pro_extrabold.woff") format("woff2"), url("../fonts/chevinpro/chevin_pro_extrabold.woff") format("woff"), url("../fonts/chevinpro/chevin_pro_extrabold.ttf") format("truetype");
}

@font-face {
    font-family : "Chevin Pro Thin";
    font-display: swap;
    src         : url("../fonts/chevinpro/chevin_pro_thin.eot?#iefix");
    src         : url("../fonts/chevinpro/chevin_pro_thin.eot?#iefix") format("eot"), url("../fonts/chevinpro/chevin_pro_thin.woff") format("woff2"), url("../fonts/chevinpro/chevin_pro_thin.woff") format("woff"), url("../fonts/chevinpro/chevin_pro_thin.ttf") format("truetype");
}

@font-face {
    font-family : "Chevin Pro Medium";
    font-display: swap;
    src         : url("../fonts/chevinpro/chevin_pro_medium.eot?#iefix");
    src         : url("../fonts/chevinpro/chevin_pro_medium.eot?#iefix") format("eot"), url("../fonts/chevinpro/chevin_pro_medium.woff") format("woff2"), url("../fonts/chevinpro/chevin_pro_medium.woff") format("woff"), url("../fonts/chevinpro/chevin_pro_medium.ttf") format("truetype");
}

@font-face {
    font-family : "Chevin Pro Light";
    font-display: swap;
    src         : url("../fonts/chevinpro/chevin_pro_light.eot?#iefix");
    src         : url("../fonts/chevinpro/chevin_pro_light.eot?#iefix") format("eot"), url("../fonts/chevinpro/chevin_pro_light.woff") format("woff2"), url("../fonts/chevinpro/chevin_pro_light.woff") format("woff"), url("../fonts/chevinpro/chevin_pro_light.ttf") format("truetype");
}


@font-face {
    font-family : 'Roboto Condensed Light';
    font-display: swap;
    src         : url('../fonts/roboto/RobotoCondensed-Light.ttf');
}

@font-face {
    font-family : 'Roboto Condensed Regular';
    font-display: swap;
    src         : url('../fonts/roboto/RobotoCondensed-Regular.ttf');
}

@font-face {
    font-family : 'Roboto Condensed Bold';
    font-display: swap;
    src         : url('../fonts/roboto/RobotoCondensed-Bold.ttf');
}

/*-- General --*/
body.page-template-page-legal {
    background-image: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Next Rounded Bold", "Chevin Pro Bold";
}

h1 small {
    color: #000;
    display: block;
    font-size: 24px;
    margin-top: .5rem;
}

h2.page-title {
    margin-bottom: 2rem;
}

a {
    color: #d61f36;
}

a:hover {
    color          : #d61f36;
    text-decoration: none;
}

.btn-beige {

    background-color: #F2EFD3!important;
}

.btn-beige:hover {
    background-color: #fff!important;
}

.btn-back {
    border         : 1px solid;
    border-radius  : 10px;
    padding        : 3px 15px 4px;
    text-transform : uppercase;
    color          : #565656;
    display        : block;
    width          : max-content;
    text-decoration: none;
    margin         : 0 0 0 auto;
}

.btn-back:hover {
    background-color: #565656;
    color           : #fff;
}

.no-link {
    text-decoration: none;
}

/*-- Login --*/
.vstesia-container-login {
    background           : url("./../img/cuerda-fondo.png") #f0eeef;
    background-repeat    : repeat-y;
    background-attachment: fixed;
    background-position-x: 50%;
    min-height           : 100vh;
}

.vstesia-container-login .col-form section {
    background   : #fff;
    border-radius: 35px;
    padding      : 30px 75px;
    z-index      : 1;
    position     : relative;
    margin       : 80px auto;
    border       : 1px solid #b2b2b2;
    width        : 455px;
    max-width    : 100%;
}

.vstesia-container-login .col-form section .main-logo,
.vstesia-container-legal .main-logo,
.vstesia-container-404 .main-logo {
    margin-bottom: 1rem;
}

.vstesia-container-login .col-form section .main-title,
.vstesia-container-legal .main-title,
.vstesia-container-404 .main-title {
    font-family: 'Next Rounded Bold', 'Chevin Pro Bold';
    font-size  : 42px;
    color      : #e1003a;
}

.vstesia-container-login .col-form section .main-desc {
    font-family: 'Next Rounded Bold', 'Chevin Pro Bold';
    font-size  : 20px;
    color      : #757373;
    line-height: 25px;
}

.vstesia-container-login .col-form section label {
    font-family: 'Next Rounded Light', 'Chevin Pro Light';
    font-size  : 14px;
    color      : #999898;
    padding    : 0 15px 5px;
}

.vstesia-container-login .form-check-input:checked {
    background-color: #d61f36;
    border-color    : #d61f36;
    color           : #fff;
}

.vstesia-container-login .login-control {
    background   : transparent;
    border-radius: 10px;
    border       : 1px solid #91908f;
}

.vstesia-container-login .login-control:focus {
    box-shadow: none;
}

.vstesia-container-login .forgot-link,
.container-login .register {
    font-size: 14px;
}

.vstesia-container-login .forgot-link:hover,
.container-login .register:hover {
    text-decoration: none;
}

.vstesia-container-login .login-remember {
    font-size: 14px;
}

.vstesia-container-login .pass-options {
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.vstesia-container-login .pass-options .login-remember label {
    padding: 0;
}

.vstesia-container-login .pass-options * {
    font-family: "Arial" !important;
    font-size  : 13px !important;
    color      : #565656 !important;
    cursor     : pointer;
}

.vstesia-container-login .login-submit {
    margin-bottom: 2rem;
}

.vstesia-container-login .btn-login {
    min-width       : 150px;
    margin          : 0 auto;
    background-color: #d61f36;
    border          : 1px solid #d61f36;
    border-radius   : 10px;
    text-transform  : uppercase;
    font-family     : 'Next Rounded Bold', 'Chevin Pro Bold';
    font-size       : 18px;
    color           : #fff;
    display         : block;
    padding         : 7px 15px;
}

.vstesia-container-login .btn-login:hover {
    border          : 1px solid #d61f36;
    color           : #d61f36;
    background-color: #fff;
}

.vstesia-container-login .login-register {
    font-family: "Arial";
    font-size  : 16px;
    color      : #565656;
}

.vstesia-container-login .login-register a {
    color         : #d61f36;
    text-transform: uppercase;
    font-weight   : 700;
}

.vstesia-container-login .login-register a:hover {
    text-decoration: none;
}

.vstesia-container-register .col-form section {
    width    : 100%;
    max-width: 100%;
}

.vstesia-container-register .wppb-checkbox {
    padding: 0 27px;
}

.vstesia-container-register .wppb-checkbox>label {
    padding: 0 !important;
}

.vstesia-container-register .form-check-inline {
    margin-right: 0.5rem;
}

.vstesia-container-register .form-check-inline label {
    padding-left: 3px !important;
    font-family : "Arial" !important;
    font-size   : 13px !important;
    color       : #565656 !important;
}

.vstesia-container-register .legal-checkbox input {
    margin-right: 3px;
}

.vstesia-container-register .legal-checkbox label {
    font-family: "Arial" !important;
    font-size  : 13px !important;
    color      : #565656 !important;
}

.vstesia-container-register .legal-checkbox label a {
    color: #d61f36;
}

.vstesia-container-register .legal-checkbox label a:hover {
    color          : #d61f36;
    text-decoration: none;
}

/*-- Cookies --*/
#cookie-law-info-bar {
    border       : 2px solid #000;
    padding      : 1rem 2.5rem 2.5rem !important;
    width        : 600px !important;
    max-width    : 100%;
    border-radius: 25px;
    text-align   : center !important;
    max-height   : 600px !important
}

#cookie-law-info-bar span {
    color: #000
}

#cookie-law-info-bar .cli_settings_button {
    color          : #000 !important;
    text-decoration: underline !important;
    margin-top     : 2rem !important;
    display        : inline-block;
    margin-left    : 0 !important;
    padding-left   : 0;
    border         : none !important
}

#cookie-law-info-bar .cli_settings_button:hover {
    text-decoration: none !important
}

#cookie-law-info-bar #cookie_action_close_header {
    background   : #000 !important;
    color        : #fff !important;
    border-radius: 3px
}

#cookie-law-info-bar #cookie_action_close_header:hover {
    background: #3458a6 !important
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    border-radius: 3px
}

.wt-cli-ckyes-footer-section {
    display: none
}

#cookie-law-info-bar #wt-cli-accept-btn,
.cli-tab-footer .wt-cli-privacy-accept-btn {
    text-transform : uppercase;
    text-decoration: none;
    border         : 1px solid;
    border-radius  : 5px !important;
    padding        : 7px 30px 8px !important;
    transition     : all .2s;
    background     : transparent !important;
    color          : #482621 !important;
    border-color   : #482621 !important
}

#cookie-law-info-bar #wt-cli-accept-btn:hover,
.cli-tab-footer .wt-cli-privacy-accept-btn:hover {
    background: #000 !important;
    color     : #fff !important;
    opacity   : 1
}

.cli-switch input:checked+.cli-slider {
    background-color: #000
}

#wt-cli-cookie-banner img {
    margin-top   : 1.5rem;
    margin-bottom: 1.5rem;
    display      : block;
    text-align   : center;
    width        : max-content;
    margin-left  : auto;
    margin-right : auto
}

.cli-plugin-button:focus {
    opacity: 1
}

#cookie-law-info-bar a.cookie_action_close_header,
#cookie-law-info-bar a.cookie_action_close_header_reject,
#cookie-law-info-bar .cli_settings_button {
    text-transform : uppercase;
    text-decoration: none !important;
    border         : 1px solid !important;
    border-radius  : 5px !important;
    padding        : 7px 30px 8px !important;
    transition     : all .2s;
    background     : transparent !important;
    color          : #482621 !important;
    border-color   : #482621 !important;
    display        : inline-block !important;
    width          : min-content;
    margin         : 30px 10px 0 !important;
    cursor         : pointer;
    white-space    : nowrap;
    font-size      : 13px;
    line-height    : normal;
    font-weight    : 400
}

#cookie-law-info-bar a.cookie_action_close_header:hover,
#cookie-law-info-bar a.cookie_action_close_header_reject:hover,
#cookie-law-info-bar .cli_settings_button:hover {
    background-color: #000 !important;
    color           : #fff !important;
    opacity         : 1;
}

.cli-preference-btn-wrapper a {
    border-radius   : 5px !important;
    border          : 1px solid #000 !important;
    background-color: transparent !important;
    color           : #000 !important;
}

.cli-preference-btn-wrapper a:hover {
    background-color: #000 !important;
    color           : #fff !important;
    opacity         : 1 !important;
}

.cli-tab-section .cookielawinfo-row-cat-table td,
.cli-tab-section .cookielawinfo-row-cat-table th {
    padding-left: 10px !important;
}



/* VARIOS */
svg,
img {
    user-select      : none;
    -webkit-user-drag: none;
}

.row {
    padding-left : 12px;
    padding-right: 12px;
}

/* IMAGEN CUERDA */
body {
    background-image     : url("./../img/cuerda-fondo.png");
    background-repeat    : repeat-y;
    background-attachment: fixed;
    background-position-x: 60%;
}

.v-stesia_container {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    padding-bottom  : 26px;
}

.cc1 {
    margin-bottom: 50px !important;
}

.content-collection>.row {
    margin-bottom: 30px;
}

.card-collection {
    display       : flex;
    flex-direction: column;
}

/* TITULOS */
.titles {
    font-family: 'Next Rounded Bold', 'Chevin Pro Bold';
}

.titles svg {
    margin-top: 34px;
}

.titles>h1 {
    margin-top: 36px;
    color     : #E1003A;
    font-size : 48px;
}

.titles>h2 {
    font-size: 44px;
    text-shadow: 1px 1px 5px #fff;
    text-transform: uppercase;
}

.custom-rounded {
    border-radius: 30px;
}

/* NUEVO PIE DE PAGINA */
footer {
    width           : 100%;
    height          : 214px;
    background-color: #DEDEDE;
}

footer>div {
    height         : 100%;
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
    flex-wrap      : nowrap;
}

footer .ft-title>p {
    font-family  : 'Next Rounded Bold', 'Chevin pro Bold';
    color        : #E1003A;
    font-size    : 40px;
}

footer .ft-text ul {
    list-style   : none;
    display      : flex;
    margin-bottom: 0;
    padding-left : 0;
}

footer .ft-text ul li {
    background-color: transparent !important;
    line-height: normal;
}

footer .ft-text ul li:first-child:before {
    display: none;
}

footer .ft-text ul li:before {
    content: '|';
    color  : #7A7A7A;
}

footer .ft-text ul li a {
    font-family: 'Arial';
    font-size  : 14px;
    color      : #7A7A7A;
    text-align : center;
    margin     : 0 15px !important;
}

footer .ft-text ul li a:hover {
    text-decoration: none;
}

footer .ft-text ul li.no-link a {
    text-decoration: none !important;
    cursor         : default;
    pointer-events : none;
}

footer a:hover {
    cursor: pointer;
}

footer .ft-logo>svg {
    margin-bottom: 25px;
}

/* CARD PRESENTACIÓN */

.card-presentation {
    text-align   : left;
    font-family  : 'Next Rounded Bold', 'Chevin Pro Bold';
    margin-bottom: 26px;
    padding: 0 25px;
}

.card-presentation > div {
margin: 0!important;
}

.card-presentation>div>p {
    font-size : 29px;
    margin-top: 40px;
}

.card-presentation>div .cp-1 {
    margin-right: 10px;
}

.card-presentation>div .cp-2 {
    margin-left: 10px;
}

.card-presentation>div>svg {
    margin-top: 21px;
}

.card-presentation.custom-rounded {
    border-radius: 15px;
}

/* PRODUCTOS */

.product-container {
    display       : flex;
    flex-direction: row;
    flex-wrap     : wrap;
}


.product {
    height: 100%;
}

.card-product {
    padding-left : 25px !important;
    margin-top   : 26px;
    margin-bottom: 25px;
    width        : calc(50% - 10px);
}

.card-product:nth-child(odd) {
    margin-right: 10px;
}

.card-product:nth-child(even) {
    margin-left: 10px;
}

.card-product.custom-rounded {
    border-radius: 15px;
}

.product-bubble {
    position: absolute;
    bottom  : calc(100% - 83px);
    left    : 28px;
}

.product-image {
    align-items: center;
    position   : absolute;
    right      : 0;
    height     : 100%;
}

.product-image>img {
    margin-right: 15px;
    max-width: 160px;
    height: auto;
}

.product-footer>div {
    margin-top   : 20px;
    margin-bottom: 20px;
}

.product-footer>div>p {
    margin-left: 10px;
}

.product-download>p,
.product-download>a {
    cursor     : pointer;
    color      : #898989;
    font-size  : 17px;
    font-family: "Next Rounded Medium", "Chevin Pro Medium";
}

.product-download-button {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : center;
}

.product-download-button:hover>p {
    color: #898989;
}

.product-download-button>p {
    margin-top   : 17px;
    margin-bottom: 16px;
    margin-left  : 5px;
    white-space: normal;
    z-index: 1;
}

.spc {
    text-decoration: none;
}

.product-name {
    line-height  : 25px;
    margin-top   : 99px;
    font-family  : 'Next Rounded Bold', 'Chevin Pro Bold';
    font-size    : 22px;
    margin-bottom: 0px;
}

.product-name > b {
    text-transform: uppercase;
}

.product-description {
    margin-top : 10px;
    font-family: 'Next Rounded Medium', 'Chevin Pro Medium';
    font-size  : 18px;
    color      : #898989;
}

.product-medical-name {
    font-family  : 'Next Rounded Regular', 'Chevin Pro Regular';
    font-size    : 18px;
    margin-bottom: 0px;
}

/* CARD CONTACTO */

.card-contact {
    margin-top      : 68px;
    background-color: #664777;
    justify-content : center;
}

.card-contact>p {
    font-family  : 'Next Rounded Bold', 'Chevin Pro Bold';
    font-size    : 28px;
    line-height  : 1.2;
    margin-bottom: 42px;
}

.card-button {
    font-family     : 'Next Rounded Bold', 'Chevin Pro Bold';
    font-size       : 26px;
    background-color: white;
    text-align      : center;
    line-height: 1.2;
}

.card-button:hover {
    background-color: lightgray;
}

/* CARD DESCARGA MATERIALES */

.card-download-materials {
    font-family     : 'Next Rounded Bold', 'Chevin Pro Bold';
    margin-top      : 47px;
    background-color: #E1003A;
}

.card-download-materials>h4 {
    font-size: 28px;
    color    : #F2EFD3;
}

.card-download-materials ul {
    padding      : 13px;
    margin-bottom: 0;
}

.card-download-materials ul>li {
    font-family  : 'Next Rounded Medium', 'Chevin Pro Medium';
    color        : white;
    font-size    : 15px;
    margin-bottom: 10px;
}

.card-download-materials>div>button {
    margin-top: 30px;
}

/* CARD DESCARGA SPC */

.card-download-spc {
    margin-top      : 47px;
    font-family     : 'Next Rounded Bold', 'Chevin Pro Bold';
    background-color: #E1003A;
}

.card-download-spc>h4 {
    text-align: left;
    font-size : 28px;
    color     : #F2EFD3;
}

.card-download-spc>p {
    font-size: 15px;
    color    : white;
}

/*-- CARD SUPERHERO --*/
.card-superhero {background-color: #fff;overflow: hidden;}
.card-superhero h4 {font-size: 28px;color: #560343;width: fit-content;}
.card-superhero:hover {background-color: #F2EFD3;}
.card-superhero a {text-decoration: none;}
.card-superhero svg {margin-right: 0!important;}

/* CONTACT */
.v-stesia-contact-container .titles h2 {text-transform: uppercase;}
label.forminator-consent {padding-right: 0!important;}
.legal p {margin-bottom: 0;}


/* LOGIN ANIMATION */
.bubbles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 50px 0;overflow: hidden;}
.bubble { top: 0;left: 0;width: 100%;height: 100%;position: absolute;}
.bubble img {position: relative;}
.bubble-1 {top: 35px;left: calc(50% - 125px);}
.bubble-2 {top: 55px;left: calc(50% + 130px);}
.bubble-3 {top: 240px;left: calc(50% - 330px);}
.bubble-4 {z-index: 1;top: 180px;left: calc(50% + 170px);}
.bubble-5 {top: 350px;left: calc(50% + 220px);}
.bubble-6 {z-index: 1;top: 585px;left: calc(50% - 280px);}
.bubble-7 {z-index: 1;top: 705px;left: calc(50% + 125px);}
.shaking-animation {animation: shake 10s ease-in-out alternate;animation-iteration-count: infinite;}
.shaking-animation-2 {animation: shake-2 10s ease-in-out alternate;animation-iteration-count: infinite;}
@keyframes shake {
    0%   { transform: translate(1px, 1px) rotate(0deg); }
    10%  { transform: translate(-1px, -2px) rotate(-1deg); }
    20%  { transform: translate(-3px, 0px) rotate(1deg); }
    30%  { transform: translate(3px, 2px) rotate(0deg); }
    40%  { transform: translate(1px, -1px) rotate(1deg); }
    50%  { transform: translate(-1px, 2px) rotate(-1deg); }
    60%  { transform: translate(-3px, 1px) rotate(0deg); }
    70%  { transform: translate(3px, 1px) rotate(-1deg); }
    80%  { transform: translate(-1px, -1px) rotate(1deg); }
    90%  { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake-2 {
    0%  { transform: translate(-3px, 0px) rotate(1deg); }
    10%  { transform: translate(-1px, -2px) rotate(-1deg); }
    20%   { transform: translate(1px, 1px) rotate(0deg); }
    30%  { transform: translate(-1px, -1px) rotate(1deg); }
    40%  { transform: translate(1px, -1px) rotate(1deg); }
    50%  { transform: translate(-1px, 2px) rotate(-1deg); }
    60%  { transform: translate(-3px, 1px) rotate(0deg); }
    70%  { transform: translate(3px, 1px) rotate(-1deg); }
    80%  { transform: translate(3px, 2px) rotate(0deg); }
    90%  { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@media only screen and (min-width: 1401px) {
    .content-collection {
        width        : 75%;
        padding-right: 35px;
    }

    .card-collection {
        width: 25%;
    }
}

@media only screen and (min-width: 993px) {
    .hidden {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1400px) {
    .card-collection {
        flex-direction: row;
        flex-wrap     : wrap;
    }

    .card-collection>.row:nth-of-type(1) {
        order: 1;
        flex : 50%;
    }

    .card-collection>.row:nth-of-type(2) {
        order: 3;
        flex : 50%;
    }

    .card-collection>.row:nth-of-type(3) {
        order: 2;
        flex : 50%;
    }

    .card-collection>.row:nth-of-type(4) {
        order: 4;
        flex : 50%;
    }

    .card-download-spc {
        margin-top: 0;
    }

    .card-superhero {
        margin-top: 47px;
        height: auto!important;
    }
}

@media only screen and (max-width: 1400px) {
    .v-stesia_container {
        display        : flex;
        flex-direction : column;
        justify-content: center;
    }

    /* CARD COLLECTION */
    .card-contact {
        margin-top: 0;
    }

    .card-contact {
        height: 100%;
    }

    .card-contact p {
        margin-bottom: 0 !important;
        padding-top  : 41px !important;
        text-align   : center;
    }

    .card-contact .card-button {
        margin-top: 3rem !important;
    }

}

@media only screen and (max-width: 1200px) {
    body {
        background-image     : url("./../img/cuerda-fondo.png");
        background-repeat    : repeat-y;
        background-attachment: fixed;
        background-position-x: 75%;
    }

    .v-stesia_container {
        display        : flex;
        flex-direction : column;
        justify-content: center;
    }

    /* FOOTER */
    .page-footer {
        margin-top: 47px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .card-download-spc {
        height: 100%;
    }

    .card-download-spc a {
        margin-top: 67px;
    }
}

@media only screen and (max-width: 992px) {
    body {
        background-image     : url("./../img/cuerda-fondo.png");
        background-repeat    : repeat-y;
        background-attachment: fixed;
        background-position-x: 100%;
    }

    .v-stesia_container {
        display        : flex;
        flex-direction : column;
        justify-content: center;
        padding-bottom: 3rem;
    }

    .hidden {
        font-size: 29px;
    }

    .hidden>b {
        color      : #DF003C;
        font-family: 'Next Rounded Black', 'Chevin Pro Extrabold';
    }
    

    /* CARD PRESENTATION */
    .card-presentation svg,
    .card-presentation .cp-1,
    .card-presentation .cp-2 {
        display: none;
    }

    .card-product:nth-child(even) {
        margin-left: 0;
    }

    .card-product:nth-child(odd) {
        margin-right: 0;
    }

    .card-presentation>div>p{
        margin-top: 1rem;
    }

    .card-download-materials svg,
    .card-download-spc svg {
        display: block;
        margin: 0 auto;
    }
    .card-download-spc>h4,
    .card-download-materials>h4,
    .card-download-spc>p {
        text-align: center;
    }

    .card-download-materials ul {
        width: auto;
        margin: 0 auto 1rem;
    }

    /* PRODUCT */
    .product-bubble {
        margin-left: 35px;
    }

    .product>.product-data {
        margin-left: 35px;
    }

    .product-container>.card-product {
        flex: 100%;
    }

    .product-image>img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    /* FOOTER */
    footer {
        height: auto;
    }

    footer .container{
        padding-top: 1.5rem!important;
    }

    footer>div {
        flex-direction: column;
    }

    footer .ft-text ul{
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    footer .ft-text ul li{
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    footer .ft-text ul li:before{
        content: '';
    }

}

@media only screen and (max-width: 768px) {
    body {
        background-image     : url("./../img/cuerda-fondo.png");
        background-repeat    : repeat-y;
        background-attachment: fixed;
        background-position-x: 110%;
    }

    .v-stesia_container {
        display        : flex;
        flex-direction : column;
        justify-content: center;
    }

    .product-bubble {
        margin-left: 0px;
    }

    .product>.product-data {
        margin-left: 0px;
    }

    .card-contact p {
        padding-top: 0!important;
    }

    .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-bar-btn_container {
        align-items: center;
    }
}

@media (max-width: 575px){
    .bubbles{
        display: none;
    }

    .product {
        flex-direction: column-reverse!important;
    }

    .product-name {
        margin-top: 0;
    }

    .product>.product-data {
        width: 100%!important;
    }

    .product .product-image{
        position: relative;
        margin-top: 85px;
        margin-bottom: 20px;
    }

    .product-image>img{
        margin-right: 0;
    }

    .vstesia-container-login .col-form section,
    .vstesia-container-register .col-form section {
        padding: 25px;
    }
}

.user-registration-error,
.wppb-required {color: #e1003a!important;}

.vstesia-container-login .form-select {appearance: auto;}

.footer-logout {margin-top: -20px;}
.footer-logout a {color: #000;font-size: 16px;}

body.error404 {background: transparent;}

.title-lang-menu {position: relative;width: max-content;}
.lang-menu {position: absolute;bottom: 0px;right: -120px;border-radius: 10px;}
.lang-menu .wpml-ls-legacy-dropdown {width: max-content;}
.lang-menu .wpml-ls-legacy-dropdown a {border: none;background: #eee;border-radius: 10px;}
.lang-menu .wpml-ls-legacy-dropdown a:hover {background: #f3f1f1;}
.lang-menu .wpml-ls-legacy-dropdown .wpml-ls-flag {vertical-align: initial;}
.lang-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-radius: 0 0 10px 10px;overflow: hidden;}
.lang-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {border-radius: 0;}

.ft-text {display: flex;flex-direction: column;justify-content: space-between;height: 117px;}
.ft-sites a {background: #e8e8e8;padding: 5px 10px;border-radius: 5px;margin: 0 10px;color: #7A7A7A;text-decoration: none;}
.ft-sites a svg {margin-right: 5px;}
.ft-sites a span {text-decoration: underline;}
.ft-sites a:hover span {text-decoration: none;}
.ft-social a:hover svg path {fill: #e50046;}

@media (max-width: 992px){
    footer .ft-title>p {margin-bottom: 0;}
    .ft-text {height: auto;}
    .ft-sites {flex-direction: column;margin-bottom: 1rem!important;}
    .ft-sites a {margin-top: 1rem;}
}

.card-download-materials {position: relative;}
.card-download-materials .animal {position: absolute;top: 24px;right: 24px;}