/*
Theme Name: Code Barcelona
Theme URI: https://codewebbarcelona.com/
Author: Code Barcelona
Author URI: http://codewebbarcelona.com/
Description: Code Barcelona
Version: 1.0
Tags: be inspired
Text Domain: Code Barcelona
*/

@charset "utf-8";





.cky-hide{display: none;}.cky-btn-revisit-wrapper{display: flex; align-items: center; justify-content: center; background: #0056a7; width: 45px; height: 45px; border-radius: 50%; position: fixed; z-index: 999999; cursor: pointer;}.cky-revisit-bottom-left{bottom: 15px; left: 15px;}.cky-revisit-bottom-right{bottom: 15px; right: 15px;}.cky-btn-revisit-wrapper .cky-btn-revisit{display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; position: relative; margin: 0; padding: 0;}.cky-btn-revisit-wrapper .cky-btn-revisit img{max-width: fit-content; margin: 0; height: 30px; width: 30px;}.cky-revisit-bottom-left:hover::before{content: attr(data-tooltip); position: absolute; background: #4E4B66; color: #ffffff; left: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px;}.cky-revisit-bottom-left:hover::after{position: absolute; content: ""; border: 5px solid transparent; left: calc(100% + 2px); border-left-width: 0; border-right-color: #4E4B66;}.cky-revisit-bottom-right:hover::before{content: attr(data-tooltip); position: absolute; background: #4E4B66; color: #ffffff; right: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px;}.cky-revisit-bottom-right:hover::after{position: absolute; content: ""; border: 5px solid transparent; right: calc(100% + 2px); border-right-width: 0; border-left-color: #4E4B66;}.cky-revisit-hide{display: none;}.cky-consent-container{position: fixed; width: 100%; box-sizing: border-box; z-index: 9999999;}.cky-classic-bottom{bottom: 0; left: 0;}.cky-classic-top{top: 0; left: 0;}.cky-consent-container .cky-consent-bar{background: #ffffff; border: 1px solid; padding: 16.5px 24px; box-shadow: 0 -1px 10px 0 #acabab4d;}.cky-consent-bar .cky-banner-btn-close{position: absolute; right: 9px; top: 5px; background: none; border: none; cursor: pointer; padding: 0; margin: 0; height: auto; width: auto; min-height: 0; line-height: 0; text-shadow: none; box-shadow: none;}.cky-consent-bar .cky-banner-btn-close img{width: 9px; height: 9px; margin: 0;}.cky-custom-brand-logo-wrapper .cky-custom-brand-logo{width: 100px; height: auto; margin: 0 0 10px 0;}.cky-notice .cky-title{color: #212121; font-weight: 700; font-size: 18px; line-height: 24px; margin: 0 0 10px 0;}.cky-notice-group{display: flex; justify-content: space-between; align-items: center;}.cky-notice-des *{font-size: 14px;}.cky-notice-des{color: #212121; font-size: 14px; line-height: 24px; font-weight: 400;}.cky-notice-des img{height: 25px; width: 25px;}.cky-consent-bar .cky-notice-des p{color: inherit; margin-top: 0; overflow-wrap: break-word;}.cky-notice-des p:last-child{margin-bottom: 0;}.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy{font-size: 14px; color: #1863dc; white-space: nowrap; cursor: pointer; background: transparent; border: 1px solid; text-decoration: underline;}.cky-notice-des button.cky-policy{padding: 0;}.cky-notice-des a.cky-policy:focus-visible,.cky-consent-bar .cky-banner-btn-close:focus-visible,.cky-notice-des button.cky-policy:focus-visible,.cky-category-direct-switch input[type="checkbox"]:focus-visible,.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,.cky-accordion-header .cky-accordion-btn:focus-visible,.cky-switch input[type="checkbox"]:focus-visible,.cky-footer-wrapper a:focus-visible,.cky-btn:focus-visible{outline: 2px solid #1863dc; outline-offset: 2px;}.cky-btn:focus:not(:focus-visible),.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),.cky-preference-header .cky-btn-close:focus:not(:focus-visible),.cky-banner-btn-close:focus:not(:focus-visible){outline: 0;}button.cky-show-desc-btn:not(:hover):not(:active){color: #1863dc; background: transparent;}button.cky-accordion-btn:not(:hover):not(:active),button.cky-banner-btn-close:not(:hover):not(:active),button.cky-btn-close:not(:hover):not(:active),button.cky-btn-revisit:not(:hover):not(:active){background: transparent;}.cky-consent-bar button:hover,.cky-modal.cky-modal-open button:hover,.cky-consent-bar button:focus,.cky-modal.cky-modal-open button:focus{text-decoration: none;}.cky-notice-btn-wrapper{display: flex; justify-content: center; align-items: center; margin-left: 15px;}.cky-notice-btn-wrapper .cky-btn{text-shadow: none; box-shadow: none;}.cky-btn{font-size: 14px; font-family: inherit; line-height: 24px; padding: 8px 27px; font-weight: 500; margin: 0 8px 0 0; border-radius: 2px; white-space: nowrap; cursor: pointer; text-align: center; text-transform: none; min-height: 0;}.cky-btn:hover{opacity: 0.8;}.cky-btn-customize{color: #1863dc; background: transparent; border: 2px solid; border-color: #1863dc; padding: 8px 28px 8px 14px; position: relative;}.cky-btn-reject{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.cky-btn-accept{background: #1863dc; color: #ffffff; border: 2px solid #1863dc;}.cky-consent-bar .cky-btn-customize::after{position: absolute; content: ""; display: inline-block; top: 18px; right: 12px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid; border-top-color: inherit;}.cky-consent-container.cky-consent-bar-expand .cky-btn-customize::after{transform: rotate(-180deg);}.cky-btn:last-child{margin-right: 0;}@media (max-width: 768px){.cky-notice-group{display: block;}.cky-notice-btn-wrapper{margin: 0;}.cky-notice-btn-wrapper{flex-wrap: wrap;}.cky-notice-btn-wrapper .cky-btn{flex: auto; max-width: 100%; margin-top: 10px; white-space: unset;}}@media (max-width: 576px){.cky-btn-accept{order: 1; width: 100%;}.cky-btn-customize{order: 2;}.cky-btn-reject{order: 3; margin-right: 0;}.cky-consent-container.cky-consent-bar-expand .cky-consent-bar{display: none;}.cky-consent-container .cky-consent-bar{padding: 16.5px 0;}.cky-custom-brand-logo-wrapper .cky-custom-brand-logo, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper, .cky-category-direct-preview-wrapper{padding: 0 24px;}.cky-notice-des{max-height: 40vh; overflow-y: scroll;}}@media (max-width: 352px){.cky-notice .cky-title{font-size: 16px;}.cky-notice-des *{font-size: 12px;}.cky-notice-des, .cky-btn, .cky-notice-des a.cky-policy{font-size: 12px;}}.cky-preference-wrapper{display: none;}.cky-consent-container.cky-classic-bottom.cky-consent-bar-expand{animation: cky-classic-expand 1s;}.cky-consent-container.cky-classic-bottom.cky-consent-bar-expand .cky-preference-wrapper{display: block;}@keyframes cky-classic-expand{0%{transform: translateY(50%);}100%{transform: translateY(0%);}}.cky-consent-container.cky-classic-top .cky-preference-wrapper{animation: cky-classic-top-expand 1s;}.cky-consent-container.cky-classic-top.cky-consent-bar-expand .cky-preference-wrapper{display: block;}@keyframes cky-classic-top-expand{0%{opacity: 0; transform: translateY(-50%);}50%{opacity: 0;}100%{opacity: 1; transform: translateY(0%);}}.cky-preference{padding: 0 24px; color: #212121; overflow-y: scroll; max-height: 48vh;}.cky-preference-center,.cky-preference,.cky-preference-header,.cky-footer-wrapper{background-color: inherit;}.cky-preference-center,.cky-preference,.cky-preference-body-wrapper,.cky-accordion-wrapper{color: inherit;}.cky-preference-header .cky-btn-close{cursor: pointer; vertical-align: middle; padding: 0; margin: 0; display: none; background: none; border: none; height: auto; width: auto; min-height: 0; line-height: 0; box-shadow: none; text-shadow: none;}.cky-preference-header .cky-btn-close img{margin: 0; height: 10px; width: 10px;}.cky-preference-header{margin: 16px 0 0 0; display: flex; align-items: center; justify-content: space-between;}.cky-preference-header .cky-preference-title{font-size: 18px; font-weight: 700; line-height: 24px;}.cky-preference-content-wrapper *{font-size: 14px;}.cky-preference-content-wrapper{font-size: 14px; line-height: 24px; font-weight: 400; padding: 12px 0; border-bottom: 1px solid;}.cky-preference-content-wrapper img{height: 25px; width: 25px;}.cky-preference-content-wrapper .cky-show-desc-btn{font-size: 14px; font-family: inherit; color: #1863dc; text-decoration: none; line-height: 24px; padding: 0; margin: 0; white-space: nowrap; cursor: pointer; background: transparent; border-color: transparent; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.cky-preference-body-wrapper .cky-preference-content-wrapper p{color: inherit; margin-top: 0;}.cky-accordion-wrapper{margin-bottom: 10px;}.cky-accordion{border-bottom: 1px solid;}.cky-accordion:last-child{border-bottom: none;}.cky-accordion .cky-accordion-item{display: flex; margin-top: 10px;}.cky-accordion .cky-accordion-body{display: none;}.cky-accordion.cky-accordion-active .cky-accordion-body{display: block; padding: 0 22px; margin-bottom: 16px;}.cky-accordion-header-wrapper{cursor: pointer; width: 100%;}.cky-accordion-item .cky-accordion-header{display: flex; justify-content: space-between; align-items: center;}.cky-accordion-header .cky-accordion-btn{font-size: 16px; font-family: inherit; color: #212121; line-height: 24px; background: none; border: none; font-weight: 700; padding: 0; margin: 0; cursor: pointer; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.cky-accordion-header .cky-always-active{color: #008000; font-weight: 600; line-height: 24px; font-size: 14px;}.cky-accordion-header-des *{font-size: 14px;}.cky-accordion-header-des{color: #212121; font-size: 14px; line-height: 24px; margin: 10px 0 16px 0;}.cky-accordion-header-wrapper .cky-accordion-header-des p{color: inherit; margin-top: 0;}.cky-accordion-chevron{margin-right: 22px; position: relative; cursor: pointer;}.cky-accordion-chevron-hide{display: none;}.cky-accordion .cky-accordion-chevron i::before{content: ""; position: absolute; border-right: 1.4px solid; border-bottom: 1.4px solid; border-color: inherit; height: 6px; width: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.2s ease-in-out; top: 8px;}.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}.cky-audit-table{background: #f4f4f4; border-radius: 6px;}.cky-audit-table .cky-empty-cookies-text{color: inherit; font-size: 12px; line-height: 24px; margin: 0; padding: 10px;}.cky-audit-table .cky-cookie-des-table{font-size: 12px; line-height: 24px; font-weight: normal; padding: 15px 10px; border-bottom: 1px solid; border-bottom-color: inherit; margin: 0;}.cky-audit-table .cky-cookie-des-table:last-child{border-bottom: none;}.cky-audit-table .cky-cookie-des-table li{list-style-type: none; display: flex; padding: 3px 0;}.cky-audit-table .cky-cookie-des-table li:first-child{padding-top: 0;}.cky-cookie-des-table li div:first-child{width: 100px; font-weight: 600; word-break: break-word; word-wrap: break-word;}.cky-cookie-des-table li div:last-child{flex: 1; word-break: break-word; word-wrap: break-word; margin-left: 8px;}.cky-cookie-des-table li div:last-child p{color: inherit; margin-top: 0;}.cky-cookie-des-table li div:last-child p:last-child{margin-bottom: 0;}.cky-prefrence-btn-wrapper{display: flex; align-items: center; justify-content: flex-end; padding: 18px 24px; border-top: 1px solid;}.cky-prefrence-btn-wrapper .cky-btn{text-shadow: none; box-shadow: none;}.cky-category-direct-preview-btn-wrapper .cky-btn-preferences{text-shadow: none; box-shadow: none;}.cky-prefrence-btn-wrapper .cky-btn-accept,.cky-prefrence-btn-wrapper .cky-btn-reject{display: none;}.cky-btn-preferences{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.cky-footer-wrapper{position: relative;}.cky-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: 100%;}.cky-preference-center,.cky-preference,.cky-preference-body-wrapper,.cky-preference-content-wrapper,.cky-accordion-wrapper,.cky-accordion,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{border-color: inherit;}@media (max-width: 768px){.cky-preference{max-height: 35vh;}}@media (max-width: 576px){.cky-consent-bar-hide{display: none;}.cky-preference{max-height: 100vh; padding: 0;}.cky-preference-body-wrapper{padding: 60px 24px 200px;}.cky-preference-body-wrapper-reject-hide{padding: 60px 24px 165px;}.cky-preference-header{position: fixed; width: 100%; box-sizing: border-box; z-index: 999999999; margin: 0; padding: 16px 24px; border-bottom: 1px solid #f4f4f4;}.cky-preference-header .cky-btn-close{display: block;}.cky-prefrence-btn-wrapper{display: block;}.cky-accordion.cky-accordion-active .cky-accordion-body{padding-right: 0;}.cky-prefrence-btn-wrapper .cky-btn{width: 100%; margin-top: 10px; margin-right: 0;}.cky-prefrence-btn-wrapper .cky-btn:first-child{margin-top: 0;}.cky-accordion:last-child{padding-bottom: 20px;}.cky-prefrence-btn-wrapper .cky-btn-accept, .cky-prefrence-btn-wrapper .cky-btn-reject{display: block;}.cky-footer-wrapper{position: fixed; bottom: 0; width: 100%;}}@media (max-width: 425px){.cky-accordion-chevron{margin-right: 15px;}.cky-accordion.cky-accordion-active .cky-accordion-body{padding: 0 15px;}}@media (max-width: 352px){.cky-preference-header .cky-preference-title{font-size: 16px;}.cky-preference-content-wrapper *, .cky-accordion-header-des *{font-size: 12px;}.cky-accordion-header-des, .cky-preference-content-wrapper, .cky-preference-content-wrapper .cky-show-desc-btn{font-size: 12px;}.cky-accordion-header .cky-accordion-btn{font-size: 14px;}}.cky-category-direct-preview-wrapper{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 16px;}.cky-category-direct-preview{display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-weight: 600; line-height: 24px; color: #212121;}.cky-category-direct-preview-section{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}.cky-category-direct-item{display: flex; margin: 0 30px 10px 0; cursor: pointer;}.cky-category-direct-item label{font-size: 14px; font-weight: 600; margin-right: 10px; cursor: pointer; word-break: break-word;}.cky-category-direct-switch input[type="checkbox"]{display: inline-block; position: relative; width: 33px; height: 18px; margin: 0; background: #d0d5d2; -webkit-appearance: none; border-radius: 50px; border: none; cursor: pointer; vertical-align: middle; outline: 0; top: 0;}.cky-category-direct-switch input[type="checkbox"]:checked{background: #1863dc;}.cky-category-direct-switch input[type="checkbox"]:before{position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 2px; margin: 0; border-radius: 50%; background-color: white; -webkit-transition: 0.4s; transition: 0.4s;}.cky-category-direct-switch input[type="checkbox"]:checked:before{-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px);}.cky-category-direct-switch input[type="checkbox"]:after{display: none;}.cky-category-direct-switch .cky-category-direct-switch-enabled:checked{background: #818181;}@media (max-width: 576px){.cky-category-direct-preview-wrapper{display: block;}.cky-category-direct-item{justify-content: space-between; width: 45%; margin: 0 0 10px 0;}.cky-category-direct-preview-btn-wrapper .cky-btn-preferences{width: 100%;}}@media (max-width: 352px){.cky-category-direct-preview{font-size: 12px;}}.cky-switch{display: flex;}.cky-switch input[type="checkbox"]{position: relative; width: 44px; height: 24px; margin: 0; background: #d0d5d2; -webkit-appearance: none; border-radius: 50px; cursor: pointer; outline: 0; border: none; top: 0;}.cky-switch input[type="checkbox"]:checked{background: #3a76d8;}.cky-switch input[type="checkbox"]:before{position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; margin: 0;}.cky-switch input[type="checkbox"]:after{display: none;}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}@media (max-width: 425px){.cky-switch input[type="checkbox"]{width: 38px; height: 21px;}.cky-switch input[type="checkbox"]:before{height: 17px; width: 17px;}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px);}}.video-placeholder-youtube{background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-color: #b2b0b059; position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%;}.video-placeholder-text-youtube{text-align: center; align-items: center; padding: 10px 16px; background-color: #000000cc; color: #ffffff; border: 1px solid; border-radius: 2px; cursor: pointer;}.video-placeholder-normal{background-image: url("/wp-content/plugins/cookie-law-info/lite/frontend/images/placeholder.svg"); background-size: 80px; background-position: center; background-repeat: no-repeat; background-color: #b2b0b059; position: relative; display: flex; align-items: flex-end; justify-content: center; max-width: 100%;}.video-placeholder-text-normal{align-items: center; padding: 10px 16px; text-align: center; border: 1px solid; border-radius: 2px; cursor: pointer;}.cky-rtl{direction: rtl; text-align: right;}.cky-rtl .cky-banner-btn-close{left: 9px; right: auto;}.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right: 8px;}.cky-rtl .cky-notice-btn-wrapper{margin-left: 0; margin-right: 15px;}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right: 8px;}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child{margin-right: 0;}.cky-rtl .cky-accordion .cky-accordion-chevron i::before{border: none; border-left: 1.4px solid; border-top: 1.4px solid; left: 12px;}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}.cky-rtl .cky-category-direct-preview-btn-wrapper{margin-right: 15px; margin-left: 0;}.cky-rtl .cky-category-direct-item label{margin-right: 0; margin-left: 10px;}.cky-rtl .cky-category-direct-preview-section .cky-category-direct-item:first-child{margin: 0 0 10px 0;}@media (max-width: 992px){.cky-rtl .cky-category-direct-preview-btn-wrapper{margin-right: 0;}}@media (max-width: 768px){.cky-rtl .cky-notice-btn-wrapper{margin-right: 0;}.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child{margin-right: 0;}}@media (max-width: 576px){.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right: 0;}.cky-rtl .cky-notice-btn-wrapper .cky-btn{margin-right: 0;}.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right: 0;}.cky-rtl .cky-notice-btn-wrapper .cky-btn-reject{margin-right: 8px;}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding: 0 22px 0 0;}}@media (max-width: 425px){.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding: 0 15px 0 0;}}

/* CSS Document */
@font-face {
  font-family: "Guggeli";
  src: url("css/fonts/guggeli-regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guggeli";
  src: url("css/fonts/guggeli-bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    border-radius: 8px;
}

*::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
    background-color: #888;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}


.nicescroll-cursors{
background: var(--color1)!important;
border-radius: 0px!important;
}
.nicescroll-rails{
background: var(--stroke);
}

/*jqswa*/

.jqswaitem{
-webkit-transition:all 0.9s ease-in-out;
-moz-transition:all 0.9s ease-in-out;
-o-transition:all 0.9s ease-in-out;
transition:all 0.9s ease-in-out;
}
.jqswa .jqswaitem{
transform: translateY(-30px);
}
.jqswa .jqswaitem.jqswalight{
transform: translateY(-10px);
}
.jqswa .jqswa-notranslate{
transform: translateY(0px);
}
.jqswa .jqswaitem{
opacity: 0;
}
.jqswa .jqswaleftright{
transform: translateX(-30px);
}
.jqswa .jqswarightleft{
transform: translateX(30px);
}
.jqswa.scrollingwayfinish .jqswaitem{
transform: translateY(0px) translateX(0px);
}
.jqswa.scrollingwayfinish .jqswaitem{
opacity: 1;
}
.jqswa .jqswabg{
opacity: 0;
overflow: hidden;
transform: scale(1.02);
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
    height: 100%;
}
.jqswa.scrollingwayfinish .jqswabg{
opacity: 1;
transform: scale(1);
}


.cursor-outline,
.cursor-dot {
  opacity: 0;
  z-index: 999;
}

.cursor-outline {
  border-radius: 50px;
  position: absolute;
  width: 30px;
  height: 30px;
  border: solid 1px black;
  /* mix-blend-mode: difference; */
  pointer-events: none;
}

/* Visible when running fancy.js */
.cursor-dot {
  border-radius: 100%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: black;
  pointer-events: none;

}

.cursor-outline,
.cursor-dot {
  /* needed for target (shared) */
  top: 50%;
  left: 10%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
transform-origin: center center;
}

.cmedia {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.cmedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cmedialock::before {
content: "";
display: block;
position: absolute;
top: 0px;
width: 100%;
height: 45%;
background: black;
z-index: 10;
opacity: 0;
}
.cmedialock::after {
z-index: 10;
content: "";
display: block;
position: absolute;
bottom: 50px;
width: 100%;
height: 42%;
background: black;
opacity: 0;
}




.loadingpage::before{
content: "";
display: block;
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
background: white;
z-index: 9000;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.domloaded.loadingpage::before{
opacity: 0;
pointer-events: none;
}
.loadingpageout.domloaded.loadingpage::before{
opacity: 1;
pointer-events: all;
}

.cbotonalert{
margin-top: 10px;
}



/*slick*/



.cslickwrap{
overflow: hidden;
}
.cslickwrap{
position: relative;
}
.cslickcontrol{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 300;
cursor: pointer;
}
.cslicknext{
right: 20px;
}
.cslickprev{
left: 20px;
}
.cslickcontrol rect{
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;

}
.cslickcontrol:hover rect{
fill:black;
}

/*
aspect-ratio: 1 / 1;
object-fit: cover;
*/

/*jqswa*/


@keyframes bounce {
    0% {
        transform: translateY(1px);

    }
    50% {
        transform: translateY(12px);
    }
    100% {
        transform: translateY(1px);
    }
}


.loadingajax{
display: none;
}
.jqloadingajax .loadingajax{
display: block;
}

.loadingajax .loader{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
z-index: 999;
}
.loadingajaxfixed  .loader{
position:fixed;
}

.loadingajax .loaderinner{
position: relative;
height: 100%;
}
.loader::before{
content: "";
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background: black;
opacity: 0.2;
}
.lds-ripple {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}



.marginTop10{margin-top: 10px;}.marginTop20{margin-top: 20px;}.marginTop30{margin-top: 30px;}.marginTop40{margin-top: 40px;}.marginTop50{margin-top: 50px;}.marginTop60{margin-top: 60px;}.marginTop70{margin-top: 70px;}.marginTop80{margin-top: 80px;}
.marginBottom10{margin-top: 10px;}.marginBottom20{margin-bottom: 20px;}.marginBottom30{margin-bottom: 30px;}.marginBottom40{margin-bottom: 40px;}.marginBottom50{margin-bottom: 50px;}.marginBottom60{margin-bottom: 60px;}.marginBottom70{margin-bottom: 70px;}.marginBottom80{margin-bottom: 80px;}.paddingTop10{padding-top: 10px;}.paddingTop20{padding-top: 20px;}.paddingTop30{padding-top: 30px;}.paddingTop40{padding-top: 40px;}.paddingTop50{padding-top: 50px;}.paddingTop60{padding-top: 60px;}.paddingTop70{padding-top: 70px;}.paddingTop80{padding-top: 80px;}
.paddingBottom10{padding-bottom: 10px;}.paddingBottom20{padding-bottom: 20px;}.paddingBottom30{padding-bottom: 30px;}.paddingBottom40{padding-bottom: 40px;}.paddingBottom50{padding-bottom: 50px;}.paddingBottom60{padding-bottom: 60px;}.paddingBottom70{padding-bottom: 70px;}.paddingBottom80{padding-bottom: 80px;}


.textleft{text-align: left;}
.textcenter{text-align: center;}
.textright{text-align: right;}


/*estandards*/
.cvcenter{
	display:table;
	height:100%;
	width: 100%;
}
.cvcenterinner{
	display:table-cell;
	vertical-align:middle;
}
.nicescroll-rails {
z-index: 999!important;

}
/*//estandards*/
.clear{clear:both;}
.clear{width: 100%;}
.overflowhidden{overflow: hidden;}
.overflowxhidden{overflow-x: hidden;}

/*general*/
body {
  margin: 0;
}
body,input,textarea,a{
	font-size: 26px;
  line-height: 1.4;
	font-weight:400;
	font-family: 'Poppins', sans serif;
}
.clineheightlow{
line-height: 30px;
}
textarea:focus, input:focus{
    outline: none;
}

img {border: 0 none;}
a {
  text-decoration: none;
}
a:hover {text-decoration:none;}

body,a,.iinputdefault,.iinputdefault::placeholder,input,textarea{
color: var(--color1);
}
.ssline span,.ssline.sline{
position: relative;
}
.ssline span::before,.ssline.sline::before{
position: absolute;
bottom: 1px;
left: 0px;
width: 100%;
border-bottom: 1px solid black;
content: "";
}
.slinewhite span::before,
.sline.slinewhite::before{
border-color: white;
}
.zoominout{
overflow: hidden;
}
.zoominout .cimagesentinellimg{
animation: zoominout 20s infinite;
animation-timing-function: linear;
}
@keyframes zoominout {
  0% {
		transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.iinputdefault{
background: transparent;
border: 0px;
width: 100%;
box-sizing: border-box;
padding: 4px;
padding-left: 25px;
border: 1px solid #D9D9D9;

}

:root{
  --color1:#003479;
  --color1hover:#092e61;
  --text:#8C8C8C;
  --border:#AAAAAA;
  --background:#DBDCDE;
  --lightgray:#F0F0F0;
  --sectionmargin:5vw;
  --paddings:4vw;
  --cardpaddings:60px;
  --stroke:#D9D9D9;
}

.csectionmargin{
height: var(--sectionmargin);
}
.csectionmargin-negativo{
margin-top: calc(var(--sectionmargin) * -1);
}
.csectionmarginmid{
height: calc(var(--sectionmargin)/2);
}
.csectionmarginmmsmall{
height: calc(var(--sectionmargin)/2.5);
}
.csectionmarginmsmall{
height: calc(var(--sectionmargin)/3);
}
.csectionmarginsmall{
height: calc(var(--sectionmargin)/4);
}
.csectionmarginmini{
height: calc(var(--sectionmargin)/8);
}
.cnomarginbot .csectionmargin{
display: none;
}

.scoma:last-child{
display: none;
}
/*
aspect-ratio:500 / 700;
-o-object-fit: cover;
   object-fit: cover;
*/
.cimagesentinell{
position: relative;
}
.cimagesentinell svg{
width: 100%!important;
height: auto!important;
opacity: 0;
display: block;
}
.cimagesentinellimg{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.cpopupwrap{
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
z-index:950;
display: none;
}
.cpopupimage .cpopupinner{
padding: 0px;
}
.cpopupimage img,.cgallery video{
display: block;
}
.cgallery video{

}
.cpopupimage img,.cpopupimage video{
max-width: 90vw;
max-height: 90vh;
}
.cpopupimage .cpopup{
max-width: none;
width: auto;
}
.cpopupopa{
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
background-color: black;
opacity: 0.7;
z-index: 940;
}

.cpopup{
position: absolute;
background-color: white;
z-index: 960;
max-width: 1200px;
width: 90%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top:-40px;
opacity: 0;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.cpopupclose{
position: absolute;
top: 0px;
right: 0px;
height: 90px;
width: 90px;
background-image: url(img/elementos/i-popupclose.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 40px;
cursor: pointer;
z-index: 20;
}
.cpopupalert .cpopup{
width: 700px;
}
.cpopupalert .cpopupinner{
padding-top: 79px;
padding-bottom: 50px;
}
.cpopupinner{
position: relative;
padding: 60px;
}
.cpopupcerrar{
	position: absolute;
	top: 25px;
	right: 30px;
	cursor: pointer;
	background-color: #e5e5e5;
    padding: 6px;
    border-radius: 100%;
	font-weight: 700;
	font-size: 12px;
	width: 18px;
    height: 18px;
    line-height: 18px;
}

.showpopup .cpopup{
opacity: 1;
margin-top:0px;
}
.infoicon{
width: 30px;
height: 30px;
line-height: 30px;
border: 2px solid #666;
border-radius: 100%;
text-align: center;
font-weight:700;
position: absolute;
left: 20px;
top: 20px;
font-size: 14px;
color: #666;
}
.infoicon svg{
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);

}
.clente{
position: relative;
}
.clenteopa{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
opacity: 0.2;
background: black;
}
.clenteimagebck{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



/*form*/
.clegalwrap,.clegalwrap a{
font-size: 14px;
line-height: 1.8em;
}

input,textarea,.sinput{
width: 100%;
display: block;
}
.cinputwrap .cinner{
position: relative;
}
.cinputwrap .cinner input,.cinputwrap .cinner .sinput,.cinputwrap .cinner textarea{
box-sizing: border-box;
    display: block;
    border: 0px;
    padding:21px;
    padding-left:35px;
    padding-right: 35px;
    color: #4f5c69;
    background: white;
}
.cselectdropdown input{
display: none!important;
}
.cinputwrap .cinner input::placeholder,.cinputwrap .cinner textarea::placeholder{
color: #4f5c69;
}
.cinputwrap .cinner textarea{
height: 300px;
}
.cformfooter .csubtitulartext{
display: block;
color: #4f5c69;
}
.cpopupcontact *{
text-align: left;
}
.cpopup .sh3{
margin-bottom: 20px;
}
.cformlegal{
text-align: justify;
color: #4f5c69;
}
.saceptotext{
text-align: left;
}
.cformlegal,.cformlegal a{
font-size: 18px;
line-height: 31px;
}
.ccheckboxes{
border-top: 2px solid #acbbb6;
margin-top: 20px;
padding-top: 20px;
}
/*checkbox*/
.scheck{
display: inline-block;
width: 45px;
height: 29px;
border-radius: 20px;
vertical-align: middle;
margin-right: 10px;
border: 1px solid var(--stroke);
margin-top: -4px;
position: absolute;
left: 0px;
top: 0px;
}
.icheckbox{
padding-left: 60px;
}
.ccheckboxeslegal{
position: relative;
}
.ccheckboxeslegal input{
position: absolute;
left:10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
opacity: 0;
}
.scheckwrap{
position: relative;
display: inline-block;
}
.ccheckboxeslegal{
margin-top: 15px;
margin-bottom: 5px;
}
.scheck:before{
content: "";
display: block;
position: absolute;
top: 52%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(45deg);
width: 40%;
height: 2px;
background: var(--color1);
opacity: 0;
}
.scheck:after{
content: "";
display: block;
position: absolute;
top: 52%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
width: 40%;
height:2px;
background: var(--color1);
opacity: 0;
}
.icheckbox.selected .scheck:after,
.icheckbox.selected .scheck:before{
opacity: 1;
}
.icheckbox{
display: block;
margin-bottom: 10px;
cursor: pointer;
}
.ccheckboxeslegal,.clegalwrap{
margin-top:0px;
margin-bottom: 15px;
}

.mCSB_scrollTools_vertical {
    transform: scale(0.95) translateX(-3px)  translateY(-2px);
}
#mCSB_1_dragger_vertical {
    transform: scale(0.95) translateY(4px);
}
/*dropdown*/
.cdropsc {
    max-height: 294px;
}
.cselectdropdownvalues{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.cinputwrapdropdown{
position: relative;
z-index:10;
}
.cselectdropdown input{
display: none;
}
.cselectdropdownvalues{}
.jqdropdownvalue{
display: block;
text-align: center;
padding: 10px;
    padding-bottom: 8px;
background: #aaaaaa;
color: #505050;
border-top: 1px solid #ccc;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
cursor: pointer;
}
.jqdropdownvalue:hover,.jqdropdownvalue.selectedvalue{
background: #505050;
color: #aaaaaa;
}

.cselectdropdown svg {
  position: absolute;
  top: 27px;
  right: 24px;
  z-index: 100;
  width: 33px;
  height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.selectactive svg{
   transform: translateZ(0px) rotateX(-180deg);
}
.cselectdropdownvalues {
    display: none;
}
.jqopendropdown{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
cursor: pointer;
}

/*inputchoice*/
.cinputchoice input{
display: none;
}
.cacepto.selectedvalue .iaceptoinput:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 26px;
    background-image: url(img/elementos/i-cross.svg);
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}



/*form*/


/*sections*/
.csection {
position: relative;
}
.csectionpaddings{
padding-top: 170px;
padding-bottom: 150px;
}
.csectionnopadding{
padding: 0px;
}
.csectionwhite {
color: white;
}
.jqsectionfull100 {
padding-top: 330px;
}
.csectionwhite h1,.csectionwhite h2,.csectionwhite h3,.csectionwhite h4,.csectionwhite h5,.csectionwhite .sh1,.csectionwhite .sh2,.csectionwhite .sh3,.csectionwhite .sh4,.csectionwhite a{
color: white;
}
.csectionopa,.citemopa{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background: black;
z-index: 100;
opacity: 0;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
transition:all 1.2s ease-in-out;

}
.citemtext{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
z-index: 10;
text-align: center;
opacity: 0;
transform: translateY(-15px);
}
.csectionsentinell .csectionbg svg{
display: block;width: 100%;
height: auto;
}
.csectionsentinell .csectionopa{
display: none;
}
.coltitular{
margin-bottom: 0px!important;
}
.citemopa,.citemtext{
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;

}
.citemoverlay .citemtext *{
color: white;
}
.citemopa{
opacity: 0;
z-index: 8;
}
.citemoverlay:hover .citemopa{
opacity: 0.6;
}
.citemoverlay:hover .citemtext{
opacity: 1;
transform: translateY(0px);
}

.citemoverlayinvertido .citemopa{
opacity: 0.3;

}
.citemoverlayinvertido .citemtext{
opacity: 1;
transform: translateY(0px);
}
.citemoverlayinvertido:hover .citemopa{
opacity: 0;

}
.citemoverlayinvertido:hover .citemtext{
opacity: 0;
transform: translateY(-30px);
}

.csectionbg{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background-position: center;
background-size: cover;
z-index: 90;
}
.scrollingwayfinish .csectionopa{
opacity: 0.8;
}

.csectiontext{
position: relative;
z-index: 150;
}
.csectionfullscreen{
height:100vh;
padding-top: 0px;
padding-bottom: 0px;
}
.csectionbgvideo{
overflow: hidden;
}
.csectionbgvideo video{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}

.csectionsentinell{
padding-top: 0px;
padding-bottom: 0px;
}
.csectionsentinell .csectionbg{
position: relative;
}
.csectionsentinell .csectionbg img{
position: relative;
display: block;
width: 100%;
height: auto;
}
.csectionsentinell .csectiontext{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color: white;
}
.csectionwhitebackground{
background: #fff;
}
/*///sections*/




/*acordion*/

.cacordion p{
display: none;
}
.cacordion ul{
padding-left: 0px;
}
.cacordion li{
list-style: none;
}
.cacordion > ul > li{
padding-bottom: 10px;
border-bottom: 1px solid #121212;
padding-top: 11px;
position: relative;
margin-bottom: 0px;
cursor: pointer;
}
.cacordion > ul > li > ul > li:first-child{
padding-top: 30px;
}
.cacordion > ul > li > ul > li:last-child{
padding-bottom: 30px;
}
.cacordion > ul > li:first-child{
border-top: 1px solid #121212;
}
.cacordion li li{
display: none;
}

.cacordion > ul > li::before{
content: "";
display: block;
width:13px;
height: 7px;
background-image: url('img/elementos/i-fldownaccordion.svg');
background-position: center;
background-repeat: no-repeat;
top: 19px;
right: 20px;
position: absolute;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.liacordionshow::before{
transform: scaleY(-1);
   -moz-transform: scaleY(-1);
   -webkit-transform: scaleY(-1);
   -ms-transform: scaleY(-1);
}

/*///acordion*/


.cvideocover{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background: white;
z-index: 10;
background-position: center;
background-size: cover;
}
.cplayvideo{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
border-radius: 100%;
cursor: pointer;
}
.csentinellsvg svg{
width: 100%;
height: auto;

}
.csectionrelative{
position: relative;
}

.cburger{
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%);
width: 42px;
}
.cburgerinner{
position: relative;
}
.cbar{
width: 100%;
height: 2px;
background: black;
margin-top: 8px;
margin-bottom:8px;
}


p{
margin-top: 0px;
margin-bottom:32px;
}
p:last-child{
margin-bottom: 0px;
}

h1,h2,h3,h4,h5,
.sh1,.sh2,.sh3,.sh34,.sh4,.sh5{
font-family: 'Guggeli', sans-serif;
font-weight: 400;
color: var(--color1);
margin-top: 0px;
margin-bottom: 0px;
}

.csingleblogredes svg{
height: 50px;
width: auto;
display: inline-block;
}
.relative{
position: relative;
}



/*slider*/
.cwrap,.cpasador,.slide{
	height:100%;
	width:100%;
}
.cwrap{
	position:relative;
	height:66%;
}
.slide{
	background-position:center;
	background-size:cover;
}


.cfooterkitsinner{
background: var(--lightgray);
padding-left: var(--paddings);
padding-right: var(--paddings);
padding-top: 15px;
padding-bottom: 15px;
}
.cfooterkitsinner svg{
display: block;
max-width: 500px;
width: 100%;
height: auto;
}
.cfooterkitsimg{
position: relative;
display: block;
}
.cfooterkitsimg *{
fill:var(--text);
}
.cfooterkitsimg *[fill='#FEF200']{
fill:var(--lightgray);
}

/*web*/


.jqdrawicon * {
    stroke-dasharray:1200;
    stroke-dashoffset: 1200;
    animation-delay: 1.4s!important;
}

@keyframes dash {
  to {
	stroke-dashoffset:  0;
  }
}
.scrollingwayfinish .jqdrawicon svg *{
animation: dash 2.5s linear forwards;
}

.ccontactoitemmap{
height: 100%;
}

/* font-size: calc(30px + 4.8vw); */

h1,.sh1{
font-size: calc(32px + 5.5vw);
line-height: 0.9;
}
h2,.sh2{
font-size: calc(28px + 3.5vw);
line-height: 0.9;
}
h3,.sh3{
font-size: calc(22px + 1.5vw);
line-height: 1;
}
.sh34{
font-size: 30px;
line-height: 30px;
}
h4,.sh4{
font-size: calc(24px + 0.7vw);
line-height: 0.9;
}
.cta{
cursor: pointer;
background: var(--color1);
color: white;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
border-radius: 14px;
font-weight: 600;
}
.cta:hover{
background: var(--color1hover);
}
.ctanaked{

}
.ctanaked:hover{

}
.ctawhite{

}
.ctawhite:hover{

}
.cta100{

}
.ctawide{

}
.ctasmall{

}

.citembotrightwrap{
position: relative;
}
.citembotright{
position: absolute;
  bottom: 0px;
  right: 0px;
}
.cburger{
display: none;
}
.ctalleresmap,.cmapwrap,#map  {
aspect-ratio:112/57;
}
.csectionmap{
background: var(--color1);
}
.ctalleresmappastilla,.ctalleresmappastillainner{
height: 100%;
}
.csectionmap form{
padding: var(--sectionmargin);
}
.cheader{
position: absolute;
width: 100%;
z-index: 500;
top: var(--sectionmargin);
}
body section.csectionbannerdefault{
height: 78vh;
overflow: inherit!important;
}
.contentxxlarge,.contentxlarge{
max-width: 100%;
margin-left: var(--sectionmargin);
margin-right: var(--sectionmargin);
}

.csectionbannerdefault .csectiontext{
position: absolute;
bottom: 5vw;
width: 100%;
left: 0px;
}
.cdescbanner {
margin-top: 40px;
max-width:900px;
}
.csvgfldown{
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%) translateY(50%);
z-index: 300;

}
.csvgfldown svg{
display: block;
 animation: bounce 1s infinite;
}
.citemproducto{
text-align: center;
}
.csectionproductos {
    --gap: 7px;
}
.csectioncols{
    --gap: 35px;
}
.csectiontest{
    --gap: 7px;
}
.cformdefault{
  --gap: 10px;
}
.iproductogrid{
aspect-ratio:40/35;
object-fit: scale-down;
object-position: center;
display: block;
width: 67%!important;
margin: auto;
height: auto;
transform: translateY(1%);
}
.citemproductologo svg{
display: inline-block;
width: 200px;
height: auto;
}
.citemproducto .cinner{
padding-top: 60px;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.citemproducto .cta{
position: absolute;
opacity: 0;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
}
.citemproducto .cta,
.citemproducto .iproductogrid,
.citemproducto .citemproductologo{
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.4s ease-in-out;

}
.citemproducto:hover .cta{
bottom: 35px;
opacity: 1;
}
.citemproducto:hover .iproductogrid{
transform: translateY(0%) scale(1.15);
}
.citemproducto:hover .citemproductologo{
transform: translateY(-20%);
opacity: 0;
}
.citem-fibra:hover .iproductogrid,
.citem-aftagum:hover .iproductogrid{
transform: translateY(-7%) scale(1.15);
}
.citem-sensibilidad:hover .iproductogrid,
.citem-garganta:hover .iproductogrid{
transform: translateY(-4%) scale(1.15);
}
.citem-suero:hover .iproductogrid,
.citem-antiestrias:hover .iproductogrid{
transform: translateY(2%) scale(1.15);
}

.cp60 p{
max-width: 60%;
}
.cp70 p{
max-width: 70%;
}
.cp80 p{
max-width: 80%;
}
.cp90 p{
max-width: 90%;
}
.cp80 p img{
width: 120%;
}
.csectiontexto img,.citemproducto .cinner{
border-radius: 35px;
}
.csectiontexto img,.csectiontexto p{
margin-bottom: 30px;
margin-top: 0px;
}
.csectiontexto img:last-child,.csectiontexto p:last-child{
margin-bottom: 0px;
}
.ch2marbot h2{
margin-bottom: 50px;
display: block;
}
.ch2marbot h3{
margin-top: 50px;
}

.csectiontest{
background-image: url('img/bg.jpg');
background-position: center;
background-size: cover;
}
.cproductohtml50{
width: 50%;
float: left;
position: relative;
}
.cproductohtml50 img{
max-width: 70%;
}
.cproductohtml50 h4{
margin-bottom: 20px;
}
.cproductohtml50text{
max-width: 550px;
}
.jqcustomlist li{
position: relative;
padding-left: 40px;
margin-left: 20px;
margin-top:8px;
margin-bottom: 8px;
}
.jqcustomlist li svg{
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.cproductohtml50text{
margin-top: 5vw;
}
.cproductohtml50{
opacity: 0;
transform: translateY(-20px);
-webkit-transition:all 0.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;
transition:all 0.6s ease-in-out;
transition-delay: 0s;

}
.cproductohtml502{
transition-delay: .4s;
}
.e-jqd-contentsloaded .cproductohtml50{
opacity: 1;
transform: translateY(0px);
}
.cproductohtml{
display: none;
}
.ctestbutton .cinner{
background: var(--color1);
color: white;
padding:120px;
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
border-radius: 25px;
}
.ctestbutton:hover .cinner{
background: var(--color1hover);
}
.ctestbutton{
cursor: pointer;

}
.ctestbutton .cinner {
  display: flex;           /* Use flexbox layout */
  align-items: center;      /* Vertically center content */
  justify-content: center;  /* Horizontally center content (optional) */
  height: 100%;             /* Ensure it takes full height of .ctestbutton */
}
.ccontentswrap{
display: none;
}
h3 i,.sh3 i{
font-style: normal;
}
.creload{
cursor: pointer;
text-decoration: underline;
margin-top: 40px;
display: inline-block;
}
.creload:hover{
text-decoration: none;
}
.creload svg {
    width: 20px;
    height: auto;
    display: inline-block;
    transform: translateY(10%);
    margin-right: 5px;
    transition: transform 0.5s ease;
}

.creload:hover svg{
    transform: translateY(10%) rotate(360deg);
}
.cinputtiendas{
margin-top: 30px;
position: relative;
}
.cinputtiendas input,.cformdefault input:not([type="submit"]), .cformdefault textarea{
border-radius: 37px;
box-sizing: border-box;
padding:15px;
padding-left: 25px;
padding-right: 25px;
border: 0px;
}
.cinputtiendas input::placeholder,
.cformdefault input:not([type="submit"])::placeholder,
.cformdefault textarea::placeholder{
color: var(--text);
}
.cformdefault input:not([type="submit"]), .cformdefault textarea{
border:1px solid var(--stroke);
}
.italleressubmit svg{
height: 23px;
width: auto;
}
.italleressubmit{
margin-top: 30px;
display: inline-block;
text-decoration: underline;
cursor: pointer;
}
.ssubmitcodigo{
position: absolute;
cursor: pointer;
right: 10px;
top: 50%;
height: 80%;
transform: translateY(-50%);
}
.ssubmitcodigo svg{
width: auto;
height: 100%;
display: block;
}
.ssubmitcodigo:hover circle{
fill:var(--color1hover);
}
.cbotonalert{
display: inline-block;
margin-top: 20px;
}
.ctallerinfo {
    position: absolute;
    z-index: 400;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
}
.ctallerinfo *{
color: var(--color1)!important;
}
.cmapwrap{
position: relative;
}
.ctallerinfoskewwrap,.ctallerinfoskew,.ctallerinfoinner{
height: 100%;
text-align: center;

}
.ctallerinfoinner h4{
margin-bottom: 10px;
}
.ctallerinfoviewing.ctallerinfo{
opacity: 1;
pointer-events: all;
}
.ctallerinfo{
opacity: 0;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;

pointer-events: none;
}
.ctallerinfoclose{
position: absolute;
top: 30px;
cursor: pointer;
right: 30px;
}
.ctallerinfoclose:hover circle{
color: var(--color1hover)!important;
}

.cformdefault textarea{
min-height: 150px;
}
input.cta{
border: 0px;
display: inline-block;
width: 140px;

}
.ccheckboxeslegal{
margin-top: 20px;
}
.cformdefault{
color: var(--text);
}
.cformdefault a{
text-decoration: underline;
color: var(--text);
}
.cformgracias{
border: 1px solid var(--color1);
border-radius: 35px;
padding: 20px;
text-align: center;
margin-top: 20px;
}
.colnomarginbot{
margin-bottom: 0px!important;
}
footer{
background: var(--color1);
}

footer svg{
display: block;
}
footer,footer a{
line-height: 1.2;
}
footer a{
text-decoration: underline;
}
.ctextrightfooter a{
text-decoration: underline;
font-size: 18px;
}
.clogoline::before{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
width: 0%;
border-top: 1px solid white;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 2.6s ease-in-out;

}
.slogopie{
display: inline-block;
background: var(--color1);
padding-right: 20px;
position: relative;
z-index: 2;
}
.scrollingwayfinish .clogoline::before{
width: 85%;
}
.csectionbannerdefault{
background: var(--color1);
}
.home .csectionbannerdefault .csectionopa{
opacity: 1!important;
background: linear-gradient(258deg, rgba(0, 52, 121, 0.02) 36.42%, #003479 79.25%), linear-gradient(0deg, rgba(0, 52, 121, 0.84) 0%, rgba(0, 52, 121, 0.84) 100%);
}
.home .csectionbannerdefault .csectionbgvideo{
mix-blend-mode: luminosity;
}
body section.csectiontest{
overflow: inherit!important;
}
.cheart{
position: absolute;
right: calc(var(--sectionmargin) * 2);
transform: translateY(-25%);
}
.cheart img{
width: 19vw;
animation: heart-pump 10s infinite;
}


@keyframes heart-pump {
  /* Initial pause */
  0%, 20% {
    transform: scale(1); /* Idle */
  }
  /* First pulse (slight intensity) */
  25% {
    transform: scale(1.05); /* Slightly larger */
  }
  30% {
    transform: scale(1); /* Back to normal */
  }
  /* Second pulse (slight intensity) */
  35% {
    transform: scale(1.05); /* Slightly larger */
  }
  40% {
    transform: scale(1); /* Back to normal */
  }
  /* Pause */
  50%, 60% {
    transform: scale(1); /* Idle */
  }
  /* Third pulse (higher intensity) */
  65% {
    transform: scale(1.1); /* Larger */
  }
  70% {
    transform: scale(1); /* Back to normal */
  }
  /* Fourth pulse (higher intensity) */
  75% {
    transform: scale(1.05); /* Larger */
  }
  80% {
    transform: scale(1); /* Back to normal */
  }
  /* Final pause */
  100% {
    transform: scale(1); /* Idle */
  }
}
.home .csectionbannerdefault.cvideoopa24  .csectionbgvideo {
    mix-blend-mode: normal!important;
}

.home .csectionbannerdefault.cvideoopa24 .csectionopa{
opacity: 0.9!important;
background: linear-gradient(258deg, rgba(0, 52, 121, 0.02) 36.42%, #003479 79.25%), linear-gradient(0deg, rgba(0, 52, 121, 0.64) 0%, rgba(0, 52, 121, 0.64) 100%);
}
.e-jq-geoloc{
margin-top: 20px;
display: inline-block;
color: #3FD4CF;
font-size: 16px;
}
#map div[role='dialog']{
max-width: 350px!important;
}
#map div[role='dialog'] *{
color: var(--color1);
}
#map div[role='dialog'] h3{
font-size: 22px;
margin-bottom: 8px;
}
.gm-style-iw-chr{
position: absolute;
right: 0px;
}
.gm-style-iw-d{
padding: 20px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 30px;
}
#buscarAqui{
position: absolute; bottom:20px; left: 50%;  transform: translateX(-50%); z-index: 1; color:var(--color1); background-color: white; padding: 6px;padding-left: 15px;
padding-right: 15px;cursor: pointer; border: 1px solid #ccc; border-radius: 20px;font-size: 16px;
display: none;
}


.cky-box-bottom-left{
bottom: 0px!important;
left: 0px!important;
width: 100%!important;
}
.cky-consent-bar{
border-radius: 0px !important;

}
.cky-notice-btn-wrapper {
    margin-top: 0px!important;
}
.ccookiepopupwrapbanner {
display: none!important;
}
.citemproductologo svg {
    width: 200px;
}