.has-material-red-color{ color:#f44336; }

.has-material-red-background-color{ background-color:#f44336; }

.has-material-pink-color{ color:#e91e63; }

.has-material-pink-background-color{ background-color:#e91e63; }

.has-material-purple-color{ color:#9c27b0; }

.has-material-purple-background-color{ background-color:#9c27b0; }

.has-material-deep-purple-color{ color:#673ab7; }

.has-material-deep-purple-background-color{ background-color:#673ab7; }

.has-material-indigo-color{ color:#3f51b5; }

.has-material-indigo-background-color{ background-color:#3f51b5; }

.has-material-blue-color{ color:#2196f3; }

.has-material-blue-background-color{ background-color:#2196f3; }

.has-material-light-blue-color{ color:#03a9f4; }

.has-material-light-blue-background-color{ background-color:#03a9f4; }

.has-material-cyan-color{ color:#00bcd4; }

.has-material-cyan-background-color{ background-color:#00bcd4; }

.has-material-teal-color{ color:#009688; }

.has-material-teal-background-color{ background-color:#009688; }

.has-material-green-color{ color:#4caf50; }

.has-material-green-background-color{ background-color:#4caf50; }

.has-material-light-green-color{ color:#8bc34a; }

.has-material-light-green-background-color{ background-color:#8bc34a; }

.has-material-lime-color{ color:#cddc39; }

.has-material-lime-background-color{ background-color:#cddc39; }

.has-material-yellow-color{ color:#ffeb3b; }

.has-material-yellow-background-color{ background-color:#ffeb3b; }

.has-material-amber-color{ color:#ffc107; }

.has-material-amber-background-color{ background-color:#ffc107; }

.has-material-orange-color{ color:#ff9800; }

.has-material-orange-background-color{ background-color:#ff9800; }

.has-material-deep-orange-color{ color:#ff5722; }

.has-material-deep-orange-background-color{ background-color:#ff5722; }

.has-material-brown-color{ color:#795548; }

.has-material-brown-background-color{ background-color:#795548; }

.has-material-grey-color{ color:#9e9e9e; }

.has-material-grey-background-color{ background-color:#9e9e9e; }

.has-material-blue-grey-color{ color:#607d8b; }

.has-material-blue-grey-background-color{ background-color:#607d8b; }
.has-xs-font-size{ font-size:12px; }

.has-s-font-size{ font-size:16px; }

.has-m-font-size{ font-size:20px; }

.has-l-font-size{ font-size:28px; }

.has-xl-font-size{ font-size:36px; }

:root{ --fs-destacados-sm:clamp(1.25rem, 1.09vi + 0.91rem, 1.78rem); --fs-destacados-base:clamp(1.56rem, 1.67vi + 1.04rem, 2.38rem); --fs-p-sm:clamp(0.8rem, 0.09vi + 0.77rem, 0.84rem); --fs-p-base:clamp(1rem, 0.26vi + 0.92rem, 1.13rem); --fs-a-arrow-sm:clamp(0.6rem, 0.12vi + 0.56rem, 0.66rem); --fs-a-arrow-base:clamp(0.75rem, 0.26vi + 0.67rem, 0.88rem); --fs-p-circle-sm:clamp(0.8rem, -0.39vi + 0.92rem, 0.61rem); --fs-p-circle-base:clamp(1rem, -0.38vi + 1.12rem, 0.81rem); --fs-title-circle-sm:clamp(1.1rem, -0.14vi + 1.14rem, 1.03rem); --fs-title-circle-base:clamp(1.38rem, 0vi + 1.38rem, 1.38rem); --fs-project-sm:clamp(0.8rem, -0.1vi + 0.83rem, 0.75rem); --fs-project-base:clamp(1rem, 0vi + 1rem, 1rem); --fs-panel-big-sm:clamp(1.5rem, 4.62vi + 0.06rem, 3.75rem); --fs-panel-big-base:clamp(1.88rem, 6.41vi + -0.13rem, 5rem); --fs-panel-destacado-sm:clamp(1.4rem, 0.01vi + 1.4rem, 1.41rem); --fs-panel-destacado-base:clamp(1.75rem, 0.26vi + 1.67rem, 1.88rem); --fs-filosifia-compromiso-title-sm:clamp(1.8rem, 1.12vi + 1.45rem, 2.34rem); --fs-filosifia-compromiso-title-base:clamp(2.25rem, 1.79vi + 1.69rem, 3.13rem); --fs-pinned-section-sm:clamp(2.35rem, 3.84vi + 1.15rem, 4.22rem); --fs-pinned-section-base:clamp(2.94rem, 5.51vi + 1.21rem, 5.63rem); }
.has-material-red-color{ color:#f44336; }

.has-material-red-background-color{ background-color:#f44336; }

.has-material-pink-color{ color:#e91e63; }

.has-material-pink-background-color{ background-color:#e91e63; }

.has-material-purple-color{ color:#9c27b0; }

.has-material-purple-background-color{ background-color:#9c27b0; }

.has-material-deep-purple-color{ color:#673ab7; }

.has-material-deep-purple-background-color{ background-color:#673ab7; }

.has-material-indigo-color{ color:#3f51b5; }

.has-material-indigo-background-color{ background-color:#3f51b5; }

.has-material-blue-color{ color:#2196f3; }

.has-material-blue-background-color{ background-color:#2196f3; }

.has-material-light-blue-color{ color:#03a9f4; }

.has-material-light-blue-background-color{ background-color:#03a9f4; }

.has-material-cyan-color{ color:#00bcd4; }

.has-material-cyan-background-color{ background-color:#00bcd4; }

.has-material-teal-color{ color:#009688; }

.has-material-teal-background-color{ background-color:#009688; }

.has-material-green-color{ color:#4caf50; }

.has-material-green-background-color{ background-color:#4caf50; }

.has-material-light-green-color{ color:#8bc34a; }

.has-material-light-green-background-color{ background-color:#8bc34a; }

.has-material-lime-color{ color:#cddc39; }

.has-material-lime-background-color{ background-color:#cddc39; }

.has-material-yellow-color{ color:#ffeb3b; }

.has-material-yellow-background-color{ background-color:#ffeb3b; }

.has-material-amber-color{ color:#ffc107; }

.has-material-amber-background-color{ background-color:#ffc107; }

.has-material-orange-color{ color:#ff9800; }

.has-material-orange-background-color{ background-color:#ff9800; }

.has-material-deep-orange-color{ color:#ff5722; }

.has-material-deep-orange-background-color{ background-color:#ff5722; }

.has-material-brown-color{ color:#795548; }

.has-material-brown-background-color{ background-color:#795548; }

.has-material-grey-color{ color:#9e9e9e; }

.has-material-grey-background-color{ background-color:#9e9e9e; }

.has-material-blue-grey-color{ color:#607d8b; }

.has-material-blue-grey-background-color{ background-color:#607d8b; }
.has-xs-font-size{ font-size:12px; }

.has-s-font-size{ font-size:16px; }

.has-m-font-size{ font-size:20px; }

.has-l-font-size{ font-size:28px; }

.has-xl-font-size{ font-size:36px; }
.alignnone, .alignleft, .alignright, .aligncenter{ margin:5px 15px 10px; }

.alignleft{ float:left; margin-left:0; }

.alignright{ float:right; margin-right:0; }

.alignnone{ display:block; margin-left:0; margin-right:0; }

.aligncenter{ display:block; margin-left:auto; margin-right:auto; }

.wp-caption{ position:relative; }

.wp-caption img{ width:100%; }

.wp-caption-text{ position:absolute; bottom:0; left:0; right:0; padding:5px 10px; background:rgba(0, 0, 0, 0.5); color:#fff; }
.articles{ list-style-type:none; padding:0; margin:0; }
.widgets{ list-style-type:none; padding:0; margin:0; }
.gallery{ position:relative; overflow:hidden; padding-bottom:20px; }

.gallery-item{ float:left; position:relative; padding:10px; }

.gallery-columns-1 .gallery-item{ width:100%; }

.gallery-columns-2 .gallery-item{ width:50%; }

.gallery-columns-3 .gallery-item{ width:33.33%; }

.gallery-columns-4 .gallery-item{ width:25%; }

.gallery-columns-5 .gallery-item{ width:20%; }

.gallery-columns-6 .gallery-item{ width:16.67%; }

.gallery-columns-7 .gallery-item{ width:14.29%; }

.gallery-columns-8 .gallery-item{ width:12.5%; }

.gallery-columns-9 .gallery-item{ width:11.11%; }

.gallery-columns-7 .gallery .wp-caption, .gallery-columns-8 .gallery .wp-caption, .gallery-columns-9 .gallery .wp-caption{ display:none; }

.gallery .wp-caption-text{ right:10px; bottom:10px; left:10px; text-align:left; }
.section-comments{ padding-top:15px; }

.section-comments a{ text-decoration:none; }

.section-comments p{ padding-bottom:18.2px; }

.section-comments ol, .section-comments ul{ padding:0; margin:0; list-style:none outside none; }

.section-comments h3{ position:relative; padding:0 0 10px; }

.section-comments h3 small{ position:absolute; top:0; right:0; }

.comments{ position:relative; }

.comments .children{ position:relative; padding-left:70px; }

.comments .children:before, .comments .children:after{ content:''; position:absolute; display:block; }

.comments .children:before{ top:33px; left:23px; width:32px; height:27px; border-left:8px solid #c3c3c3; border-bottom:8px solid #c3c3c3; }

.comments .children:after{ top:-5px; left:8px; border:20px solid transparent; border-width:20px 19px; border-bottom-color:#c3c3c3; }

.comment{ position:relative; padding:30px 0 30px 65px; }

.comment .avatar{ position:absolute; top:28px; left:0; width:48px; height:48px; border-radius:50%; border:1px solid #ccc; }

.comment__says{ padding-left:5px; }

.comment__moderation-notice{ display:inline-block; margin:3px 0 8px; color:#999; }

.comment__meta{ padding-bottom:12px; }

.comment__meta a{ color:#363636; }

.comment__text p:last-child{ padding-bottom:0; margin-bottom:0; }

.comment__reply{ padding-top:10px; text-align:right; }

.comment__reply a{ display:inline-block; padding:5px 10px; background:#363636; color:#fff; }

.comment__reply a:hover{ text-decoration:none; opacity:.8; }

.comment-respond{ width:100%; padding-top:30px; }

.comment-respond h3{ position:relative; }

.comment-respond small{ position:absolute; top:0; right:0; }

.comment-respond label{ display:block; padding-bottom:4px; }

.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond textarea{ display:block; width:80%; padding:10px; border:1px solid #ccc; background:#f7f7f7; }

.comment-respond textarea{ width:100%; height:100px; }

.comment-respond input[type="text"]:focus, .comment-respond input[type="email"]:focus, .comment-respond input[type="url"]:focus{ background-color:#fff; }

.comment-respond input[type="text"]::-webkit-input-placeholder, .comment-respond input[type="email"]::-webkit-input-placeholder, .comment-respond input[type="url"]::-webkit-input-placeholder{ color:#777; }

.comment-respond input[type="text"]::-moz-placeholder, .comment-respond input[type="email"]::-moz-placeholder, .comment-respond input[type="url"]::-moz-placeholder{ color:#777; }

.comment-respond input[type="text"]:-ms-input-placeholder, .comment-respond input[type="email"]:-ms-input-placeholder, .comment-respond input[type="url"]:-ms-input-placeholder{ color:#777; }

.comment-respond input[type="text"]::-ms-input-placeholder, .comment-respond input[type="email"]::-ms-input-placeholder, .comment-respond input[type="url"]::-ms-input-placeholder{ color:#777; }

.comment-respond input[type="text"]::placeholder, .comment-respond input[type="email"]::placeholder, .comment-respond input[type="url"]::placeholder{ color:#777; }

.comment-respond .required{ color:#e40000; }

.comment-respond .comment-notes{ padding-top:15px; }

.comment-respond .form-submit input{ display:block; width:160px; height:40px; border:0; font-size:14px; font-weight:bold; color:#fff; background:#363636; cursor:pointer; }

.no-comments{ padding-top:12px; font-weight:bold; font-size:18px; }
.search-form{ position:relative; overflow:hidden; }

.search-form__field{ display:block; width:100%; padding:10px; border:1px solid #ccc; background:#f7f7f7; }

.search-form__field:focus{ background-color:#fff; }

.search-form__field::-webkit-input-placeholder{ color:#777; }

.search-form__field::-moz-placeholder{ color:#777; }

.search-form__field:-ms-input-placeholder{ color:#777; }

.search-form__field::-ms-input-placeholder{ color:#777; }

.search-form__field::placeholder{ color:#777; }

.search-form .screen-reader-text{ position:absolute; top:0; left:0; width:0; height:0; opacity:0.5; visibility:hidden; }
.toggle-menu-mobile-is-active header.backdrop-filter{ -webkit-backdrop-filter:none; backdrop-filter:none; background-color:#F5F5F5; }

@media only screen and (max-width: 500px){ .toggle-menu-mobile-is-active header .menu-container{ opacity:1; z-index:99999; left:0; } }

header{ padding:14px 20px; position:fixed; width:100vw; top:0; z-index:999999; height:66px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

header.backdrop-filter{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); background:rgba(245, 245, 245, 0.5); }

header .ftm-logo .custom-logo-link img{ width:66px; height:auto; }

header .menu-container{ opacity:1; }

@media only screen and (max-width: 500px){ header .menu-container{ width:100vw; height:calc(100vh - 64px); position:fixed; left:-100vw; top:66px; background-color:#F5F5F5; opacity:0; -webkit-transition:0.3s opacity ease-out; transition:0.3s opacity ease-out; overflow:hidden; z-index:-1; } }

header .menu-container #menu-menu-principal{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; list-style:none; padding:0; }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding:0 15px; margin:5px 0; } }

header .menu-container #menu-menu-principal .menu-item{ margin-right:23px; }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal .menu-item{ border-top:1px solid #000; width:100%; padding:20px 0; }
  header .menu-container #menu-menu-principal .menu-item:last-child{ border-bottom:1px solid #000; } }

header .menu-container #menu-menu-principal .menu-item.current-menu-parent > a, header .menu-container #menu-menu-principal .menu-item.current-menu-item > a{ font-weight:bold !important; }

header .menu-container #menu-menu-principal .menu-item.menu-item-has-children{ position:relative; }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal .menu-item.menu-item-has-children.active a:first-child:after{ -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
  header .menu-container #menu-menu-principal .menu-item.menu-item-has-children a{ font-weight:bold; }
  header .menu-container #menu-menu-principal .menu-item.menu-item-has-children a:first-child{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
  header .menu-container #menu-menu-principal .menu-item.menu-item-has-children a:first-child:after{ content:''; display:block; position:relative; right:0; top:0; height:9px; width:8px; background:transparent url("/wp-content/themes/ftm/resources/images/FLECHA.svg") no-repeat; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } }

header .menu-container #menu-menu-principal .menu-item.menu-item-has-children:hover .sub-menu, header .menu-container #menu-menu-principal .menu-item.menu-item-has-children:focus .sub-menu{ opacity:1; }

header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu{ position:absolute; border-bottom-left-radius:12px; border-bottom-right-radius:12px; background-color:rgba(245, 245, 245, 0.9); list-style:none; padding:10px 15px 10px; width:195px; top:66px; opacity:0; -webkit-transition:0.3s opacity ease-out; transition:0.3s opacity ease-out; }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu{ position:relative; width:100%; opacity:1; top:0; padding:0; margin-top:20px; } }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu .menu-item{ border-top:none; width:100%; padding:5px 0; }
  header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu .menu-item:last-child{ border-bottom:none; } }

header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu a{ height:unset; margin-bottom:10px; }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu a{ font-weight:normal; font-size:14px; }
  header .menu-container #menu-menu-principal .menu-item.menu-item-has-children .sub-menu a:after{ display:none; } }

header .menu-container #menu-menu-principal .menu-item:last-child{ margin-right:0; }

header .menu-container #menu-menu-principal .menu-item a{ text-decoration:none; color:#000; font:normal normal normal 13px/15px "neue-haas-grotesk-display", serif; text-transform:uppercase; height:66px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

@media only screen and (max-width: 500px){ header .menu-container #menu-menu-principal .menu-item a{ height:auto; font-size:17px; line-height:30px; display:inline-block; width:auto; } }

header .hamburger:focus-visible{ outline:none !important; }

header .hamburger .line{ width:30px; height:1px; background-color:#3EACDF; display:block; margin:8px auto; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

header .hamburger:hover{ cursor:pointer; }

header #hamburger-1.is-active .line:nth-child(2){ opacity:0; }

header #hamburger-1.is-active .line:nth-child(1){ -webkit-transform:translateY(5px) rotate(45deg); -ms-transform:translateY(5px) rotate(45deg); transform:translateY(5px) rotate(45deg); }

header #hamburger-1.is-active .line:nth-child(3){ -webkit-transform:translateY(-13px) rotate(-45deg); -ms-transform:translateY(-13px) rotate(-45deg); transform:translateY(-13px) rotate(-45deg); }

.page-template-page-contacto, .page-template-page-trabaja-con-nosotros{ overflow:hidden; position:relative; }

@media only screen and (max-height: 850px){ .page-template-page-contacto, .page-template-page-trabaja-con-nosotros{ height:100%; overflow:auto; } }

@media only screen and (max-width: 500px){ .page-template-page-contacto, .page-template-page-trabaja-con-nosotros{ height:100%; overflow:auto; } }

.page-template-page-contacto footer, .page-template-page-trabaja-con-nosotros footer{ position:relative; bottom:0; width:100%; }

@media only screen and (max-height: 850px){ .page-template-page-contacto footer, .page-template-page-trabaja-con-nosotros footer{ position:relative; } }

@media only screen and (max-width: 500px){ .page-template-page-contacto footer, .page-template-page-trabaja-con-nosotros footer{ position:relative; } }

.page-template-page-contacto footer .top, .page-template-page-trabaja-con-nosotros footer .top{ display:none; }

.page-template-page-contacto footer .center .col .info, .page-template-page-trabaja-con-nosotros footer .center .col .info{ margin:0; }

@media only screen and (max-width: 500px){ .page-template-page-contacto footer .center .col .info, .page-template-page-trabaja-con-nosotros footer .center .col .info{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } }

.page-template-page-contacto footer .center .col .text, .page-template-page-trabaja-con-nosotros footer .center .col .text{ display:none; }

.page-template-page-contacto footer .bottom, .page-template-page-trabaja-con-nosotros footer .bottom{ margin-top:40px; }

.page-template-page-contacto footer .col-first:after, .page-template-page-trabaja-con-nosotros footer .col-first:after{ display:none !important; }

.page-template-page-contacto footer .wpcf7, .page-template-page-trabaja-con-nosotros footer .wpcf7{ display:none; }

footer{ position:relative; z-index:99999; padding:0 20px; background-color:#086CB3; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; overflow:hidden; }

footer #lottie-footer{ -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg); left:11%; top:-3%; position:absolute; width:100%; }

@media only screen and (min-width: 1280px){ footer #lottie-footer{ -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg); left:18%; top:-11%; position:absolute; width:86%; } }

@media only screen and (max-width: 992px){ footer #lottie-footer{ -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg); left:-45%; top:-3%; position:absolute; width:149%; } }

@media only screen and (max-width: 500px){ footer #lottie-footer{ -webkit-transform:rotate(9deg); -ms-transform:rotate(9deg); transform:rotate(9deg); left:-45%; top:-2%; position:absolute; width:149%; } }

@media only screen and (max-width: 500px){ footer{ padding:0 15px; } }

footer .top p{ font:normal normal normal 60px/80px "neue-haas-grotesk-display", serif; letter-spacing:0; color:#FFFFFF; text-transform:uppercase; opacity:1; padding:20px 0; margin:0; border-bottom:1px solid #fff; }

@media only screen and (max-width: 992px){ footer .top p{ font:normal normal normal 40px/80px "neue-haas-grotesk-display", serif; margin:0; padding:0; } }

@media only screen and (max-width: 500px){ footer .top p{ font:normal normal normal 28px/33px "neue-haas-grotesk-display", serif; margin:0; padding:35px 0; } }

footer .center{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:30px; }

@media only screen and (max-width: 500px){ footer .center{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-top:20px; } }

footer .center .col{ width:50%; }

@media only screen and (max-width: 500px){ footer .center .col{ width:100%; } }

footer .center .col.col-first{ position:relative; }

@media only screen and (max-width: 500px){ footer .center .col.col-first{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } }

footer .center .col.col-first:after{ content:''; display:block; position:absolute; height:80px; width:20px; border-right:1px solid #fff; right:0; top:-30px; z-index:0; }

@media only screen and (max-width: 500px){ footer .center .col.col-first:after{ display:none; } }

footer .center .col.col-last{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }

@media only screen and (max-width: 500px){ footer .center .col.col-last .wpcf7{ width:100%; margin-top:54px; } }

footer .center .col.col-last .wpcf7-form{ width:38vw; }

@media only screen and (max-width: 500px){ footer .center .col.col-last .wpcf7-form{ width:100%; } }

@media only screen and (max-width: 992px){ footer .center .col.col-last .wpcf7-form p{ margin:0 0 20px; } }

footer .center .col.col-last .wpcf7-form .wpcf7-not-valid-tip{ font:normal normal normal 14px/16px "neue-haas-grotesk-display", serif, serif; letter-spacing:0px; color:#B5B5B5; text-decoration:none; margin-top:5px; }

footer .center .col.col-last .wpcf7-form .footer-form{ margin-top:25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

footer .center .col.col-last .wpcf7-form input{ width:100%; background-color:transparent; border:none; border-bottom:1px solid #fff; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-transform:uppercase; padding-bottom:5px; border-radius:0 !important; }

@media only screen and (max-width: 500px){ footer .center .col.col-last .wpcf7-form input{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } }

footer .center .col.col-last .wpcf7-form input:focus{ outline:none !important; }

footer .center .col.col-last .wpcf7-form input::-webkit-input-placeholder{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-transform:uppercase; }

footer .center .col.col-last .wpcf7-form input::-moz-placeholder{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-transform:uppercase; }

footer .center .col.col-last .wpcf7-form input:-ms-input-placeholder{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-transform:uppercase; }

footer .center .col.col-last .wpcf7-form input::-ms-input-placeholder{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-transform:uppercase; }

footer .center .col.col-last .wpcf7-form input::placeholder{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-transform:uppercase; }

@media only screen and (max-width: 500px){ footer .center .col.col-last .wpcf7-form input::-webkit-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } footer .center .col.col-last .wpcf7-form input::-moz-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } footer .center .col.col-last .wpcf7-form input:-ms-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } footer .center .col.col-last .wpcf7-form input::-ms-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } footer .center .col.col-last .wpcf7-form input::placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } }

footer .center .col.col-last .wpcf7-form .wpcf7-list-item{ margin:0; }

footer .center .col.col-last .wpcf7-form .wpcf7-list-item label{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

footer .center .col.col-last .wpcf7-form .wpcf7-list-item label input{ width:auto; margin:0 10px 0 0; }

footer .center .col.col-last .wpcf7-form .wpcf7-list-item label span{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif, serif; }

footer .center .col.col-last .wpcf7-form input[type=checkbox]{ margin:0 20px 0; visibility:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; }

footer .center .col.col-last .wpcf7-form input[type=checkbox]:checked:before{ content:''; width:10px; height:10px; display:block; visibility:visible; background-color:#FFFFFF; position:absolute; border-radius:100%; }

footer .center .col.col-last .wpcf7-form input[type=checkbox]:after{ content:''; border:1px solid #fff; border-radius:4px; width:16px; height:16px; display:block; visibility:visible; position:absolute; }

footer .center .col.col-last .wpcf7-form .submit{ background-color:transparent; border:none; color:#FFFFFF; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; float:right; }

footer .center .col.col-last .wpcf7-form .submit img{ margin-left:5px; }

@media only screen and (max-width: 500px){ footer .center .col.col-last .wpcf7-form .submit{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } }

footer .center .col .text{ max-width:510px; width:100%; }

@media only screen and (max-width: 992px){ footer .center .col .text{ max-width:263px; margin:0; } }

@media only screen and (max-width: 500px){ footer .center .col .text{ width:50%; } }

footer .center .col .info{ margin-top:50px; }

@media only screen and (max-width: 500px){ footer .center .col .info{ width:50%; margin-top:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } }

footer .center .col .info span{ display:inline-block; font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; }

footer .center .col .info a{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; }

footer .center .col .info .head{ border-bottom:1px solid #fff; margin-bottom:5px; width:auto; }

footer .center .col p, footer .center .col a{ font:normal normal normal 20px/24px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#FFFFFF; text-decoration:none; }

@media only screen and (max-width: 992px){ footer .center .col p, footer .center .col a{ font:normal normal normal 16px/22px "neue-haas-grotesk-display", serif; } }

@media only screen and (max-width: 500px){ footer .center .col p, footer .center .col a{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } }

footer .bottom{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:20px; font:normal normal normal 14px/16px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#B5B5B5; margin-top:70px; }

@media only screen and (max-width: 500px){ footer .bottom{ font:normal normal normal 12px/14px "neue-haas-grotesk-display", serif; } }

footer .bottom a{ font:normal normal normal 14px/16px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#B5B5B5; text-decoration:none; }

@media only screen and (max-width: 500px){ footer .bottom a{ font:normal normal normal 12px/14px "neue-haas-grotesk-display", serif; } }

.wpcf7 form .wpcf7-response-output{ padding:10px 10px !important; border-color:#fff !important; color:#fff; font:normal normal normal 14px/16px "neue-haas-grotesk-display", serif; }

.page-template-page-contacto .wpcf7 form .wpcf7-response-output{ padding:10px 10px !important; border-color:#086CB3 !important; color:#086CB3; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; }
#frontpage .section{ position:relative; z-index:2; padding:0 20px; }

@media only screen and (max-width: 500px){ #frontpage .head-page-section{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } }

@media only screen and (max-width: 992px){ #frontpage .head-page-section{ height:355px; } }

#frontpage .head-page-section .arrow-container{ bottom:20%; }

@media only screen and (max-width: 992px){ #frontpage .head-page-section .arrow-container{ bottom:15%; } }

@media only screen and (max-width: 500px){ #frontpage .head-page-section .titles h1.title{ font:normal normal normal 36px/50px "neue-haas-grotesk-display", serif; } }

#frontpage #nuestra-filosofia{ padding:0 0 67px; margin-top:650px; background-color:#F5F5F5; border-top-left-radius:40px; border-top-right-radius:40px; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia{ margin-top:400px; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia{ border-top-left-radius:30px; border-top-right-radius:30px; padding:0 0 47px; } }

#frontpage #nuestra-filosofia .text-top{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }

#frontpage #nuestra-filosofia .text-top p{ width:100%; max-width:905px; padding-right:5%; margin-bottom:0; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia .text-top p{ max-width:505px; margin-top:55px; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia .text-top p{ padding-left:15px; margin-top:47px; } }

#frontpage #nuestra-filosofia .cols{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia .cols{ margin-top:23px; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia .cols{ -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } }

#frontpage #nuestra-filosofia .cols .col.first-col{ padding-left:20px; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia .cols .col.first-col{ padding-left:30px; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia .cols .col.first-col{ width:100%; padding-left:15px; padding-right:15px; margin-top:57px; } }

#frontpage #nuestra-filosofia .cols .col.first-col p{ max-width:454px; width:100%; line-height:25px; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia .cols .col.first-col p{ width:250px; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia .cols .col.first-col p{ width:100%; } }

#frontpage #nuestra-filosofia .cols .col.first-col p a{ text-decoration:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-top:50px; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia .cols .col.first-col p a{ font-size:14px !important; line-height:18px !important; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia .cols .col.first-col p a{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; } }

#frontpage #nuestra-filosofia .cols .col.first-col p a .text{ font-size:var(--fs-a-arrow-base); color:#000; line-height:18px; }

#frontpage #nuestra-filosofia .cols .col.first-col p a .black-arrow{ margin-left:7px; }

#frontpage #nuestra-filosofia .cols .col.last-col{ width:100%; max-width:607px; padding-left:50px; }

@media only screen and (max-width: 992px){ #frontpage #nuestra-filosofia .cols .col.last-col{ width:75%; } }

@media only screen and (max-width: 500px){ #frontpage #nuestra-filosofia .cols .col.last-col{ width:100%; padding-left:15px; } }

#frontpage #nuestra-filosofia .cols .col.last-col img{ width:100%; height:100%; -o-object-position:center; object-position:center; -o-object-fit:cover; object-fit:cover; }

#frontpage #movimiento-compartido{ background-color:#ACD8EC; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100vw; padding:7% 5%; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido{ padding:5% 3%; } }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido{ padding:5% 15px; } }

#frontpage #movimiento-compartido .content{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:1082px; width:100%; border-radius:12px; background-color:#FFFFFF; height:617px; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido .content{ height:500px; } }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido .content{ padding:31px; height:auto; } }

#frontpage #movimiento-compartido .content h2{ margin:0; }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido .content h2{ font-size:34px !important; line-height:39px !important; text-align:center; } }

#frontpage #movimiento-compartido .content p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

#frontpage #movimiento-compartido .content p.long-text{ margin-top:50px; text-align:center; width:100%; max-width:614px; line-height:25px; margin-bottom:70px; }

#frontpage #movimiento-compartido .content .circles{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; }

#frontpage #movimiento-compartido .content .circles .circle-line{ position:absolute; z-index:0; top:0; }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido .content .circles{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } }

#frontpage #movimiento-compartido .content .circles .circle{ width:240px; height:240px; border-radius:100%; border:2px solid #3EACDF; margin-left:-40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:relative; text-decoration:none; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido .content .circles .circle{ width:163px; height:163px; margin-left:5px; border:none; } }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido .content .circles .circle{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:240px; height:240px; margin-left:0; margin-bottom:21px; border:none; } }

#frontpage #movimiento-compartido .content .circles .circle:first-child{ margin-left:0; }

#frontpage #movimiento-compartido .content .circles .circle:hover{ z-index:3; }

#frontpage #movimiento-compartido .content .circles .circle:hover .hover-image{ opacity:1; }

#frontpage #movimiento-compartido .content .circles .circle:hover .icon svg path{ fill:#fff; }

#frontpage #movimiento-compartido .content .circles .circle:hover .title, #frontpage #movimiento-compartido .content .circles .circle:hover .text{ color:#fff; }

#frontpage #movimiento-compartido .content .circles .circle .hover-image{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; opacity:0; position:absolute; -webkit-transition:0.3s opacity ease-out; transition:0.3s opacity ease-out; z-index:0; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido .content .circles .circle{ z-index:3; }
  #frontpage #movimiento-compartido .content .circles .circle .hover-image{ opacity:1; }
  #frontpage #movimiento-compartido .content .circles .circle .icon svg path{ fill:#fff; } }

#frontpage #movimiento-compartido .content .circles .circle .icon, #frontpage #movimiento-compartido .content .circles .circle .title, #frontpage #movimiento-compartido .content .circles .circle .text{ z-index:2; position:relative; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido .content .circles .circle .icon, #frontpage #movimiento-compartido .content .circles .circle .title, #frontpage #movimiento-compartido .content .circles .circle .text{ color:#fff !important; } }

#frontpage #movimiento-compartido .content .circles .circle .icon{ width:33px; margin:14px 0; }

#frontpage #movimiento-compartido .content .circles .circle .title{ font-size:var(--fs-title-circle-base); color:#3EACDF; text-align:center; font-weight:400; margin:0; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido .content .circles .circle .title{ font-size:16px; line-height:16px; } }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido .content .circles .circle .title{ font-size:22px; line-height:22px; } }

#frontpage #movimiento-compartido .content .circles .circle .text{ font-size:var(--fs-p-circle-sm); color:#3EACDF; text-align:center; margin:0; }

@media only screen and (max-width: 992px){ #frontpage #movimiento-compartido .content .circles .circle .text{ font-size:10px; line-height:13px; max-width:66px; } }

@media only screen and (max-width: 500px){ #frontpage #movimiento-compartido .content .circles .circle .text{ font-size:16px; line-height:17px; max-width:86px; } }

#levante-portservice .section{ position:relative; z-index:2; padding:0 20px; }

@media only screen and (max-width: 500px){ #levante-portservice .head-page-section{ height:72vh; overflow:hidden; border-radius:12px; }
  #levante-portservice .head-page-section .arrow-container{ bottom:10%; }
  #levante-portservice .head-page-section .bg{ height:100%; }
  #levante-portservice .head-page-section h2{ margin-top:0; } }

@media only screen and (max-width: 500px){ #levante-portservice #project-section .first-section-projects h2{ padding-top:20px; } }

#levante-portservice #project-section .cols{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }

@media only screen and (max-width: 992px){ #levante-portservice #project-section .cols .col.first-col{ width:55%; padding-left:30px; }
  #levante-portservice #project-section .cols .col.first-col p{ max-width:339px; }
  #levante-portservice #project-section .cols .col.last-col{ width:45%; } }

#levante-portservice #project-section .panel .long-text{ display:inline-block; max-width:620px; }

#conwork-tech .section{ position:relative; z-index:2; padding:0 20px; }

@media only screen and (max-width: 500px){ #conwork-tech .head-page-section{ height:72vh; overflow:hidden; border-radius:12px; }
  #conwork-tech .head-page-section .arrow-container{ bottom:10%; }
  #conwork-tech .head-page-section .bg{ height:100%; }
  #conwork-tech .head-page-section h2{ margin-top:0; } }

#conwork-tech #project-section .first-section-projects{ -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .first-section-projects .text-project .border-animated::after{ height:5px; bottom:-2px; } }

#conwork-tech #project-section .cols{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .cols .col.first-col{ width:55%; padding-left:30px; }
  #conwork-tech #project-section .cols .col.first-col p{ max-width:339px; }
  #conwork-tech #project-section .cols .col.last-col{ width:45%; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .cols .col.first-col{ padding-top:30px; } }

#conwork-tech #project-section .panel{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:100%; border-radius:0; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel{ max-width:708px; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel{ padding:56px 0 0; max-width:360px; border-radius:12px; } }

#conwork-tech #project-section .panel .content{ max-width:1280px; width:100%; padding:0 50px; position:relative; }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content{ padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } }

#conwork-tech #project-section .panel .content .text-destacado{ font-size:var(--fs-panel-destacado-base); margin:0; }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .text-destacado{ position:relative; z-index:1; text-align:left; max-width:300px; line-height:35px; -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; padding:0 15px; }
  #conwork-tech #project-section .panel .content .text-destacado br{ display:none; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .text-project{ padding:0 15px; } }

#conwork-tech #project-section .panel .content .text-panel-big{ margin:140px 0 109px; z-index:10; position:relative; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .text-panel-big{ margin:113px 0 89px; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .text-panel-big{ position:relative; z-index:1; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; margin:67px 0 67px; font-size:35px; line-height:50px; padding:10px 0; background:transparent linear-gradient(91deg, #FFFFFF4A 0%, #40ABDEBC 100%) 0% 0% no-repeat padding-box; } }

#conwork-tech #project-section .panel .content .lottie{ width:224px; height:auto; position:absolute; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .lottie{ width:150px; } }

#conwork-tech #project-section .panel .content .lottie#lottie_2{ top:-5%; right:7%; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .lottie#lottie_2{ top:33%; right:4%; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .lottie#lottie_2{ top:4%; right:4%; z-index:0; } }

#conwork-tech #project-section .panel .content .lottie#lottie_1{ bottom:-3%; left:35%; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .lottie#lottie_1{ display:none; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .lottie#lottie_1{ display:block; left:4%; z-index:0; bottom:26%; } }

#conwork-tech #project-section .panel .content .lottie#lottie_3{ top:9%; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .lottie#lottie_3{ top:16%; left:4%; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .lottie#lottie_3{ display:none; } }

#conwork-tech #project-section .panel .content .text-project-container{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .text-project-container{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .text-project-container{ position:relative; z-index:1; margin-top:44px; } }

#conwork-tech #project-section .panel .content .text-project-container .text-project{ max-width:402px; width:100%; text-align:left; display:block; margin-bottom:0; }

@media only screen and (max-width: 992px){ #conwork-tech #project-section .panel .content .text-project-container .text-project{ max-width:571px; text-align:center; } }

@media only screen and (max-width: 500px){ #conwork-tech #project-section .panel .content .text-project-container .text-project{ text-align:left; } }

#conwork-tech #project-section .panel .content .text-project-container .text-project .border-animated:after{ left:20%; bottom:-4px; }

#conwork-tech #project-section .panel .content .text-project-container .text-project .border-animated-active:after{ width:80%; }

#conwork-tech #project-section .last_section .text-project{ max-width:515px; width:100%; font-size:var(--fs-p-base); }

#kaizen-venture .section{ position:relative; z-index:2; padding:0 20px; }

@media only screen and (max-width: 500px){ #kaizen-venture .head-page-section{ height:72vh; overflow:hidden; border-radius:12px; }
  #kaizen-venture .head-page-section .arrow-container{ bottom:10%; }
  #kaizen-venture .head-page-section .bg{ height:100%; }
  #kaizen-venture .head-page-section h2{ margin-top:0; } }

#kaizen-venture #project-section .two-cols .col.first-col{ width:40%; }

#kaizen-venture #project-section .two-cols .col.last-col{ width:60%; }

#kaizen-venture #project-section .cols{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }

@media only screen and (max-width: 992px){ #kaizen-venture #project-section .cols .col.first-col{ width:55%; padding-left:30px; }
  #kaizen-venture #project-section .cols .col.first-col p{ max-width:339px; }
  #kaizen-venture #project-section .cols .col.last-col{ width:45%; } }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .cols .col.first-col{ padding-top:30px; } }

#kaizen-venture #project-section .text-bottom-project-destacado{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }

#kaizen-venture #project-section .text-bottom-project-destacado .text-destacado-sub{ margin-bottom:39px; }

@media only screen and (max-width: 992px){ #kaizen-venture #project-section .text-bottom-project-destacado .text-destacado-sub{ max-width:404px; } }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .text-bottom-project-destacado .text-destacado-sub{ font-size:14px; line-height:20px; max-width:337px; } }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .text-bottom-project-destacado .text-destacado br{ display:none; } }

#kaizen-venture #project-section .last_section{ max-width:1240px; width:100%; border-radius:12px; background-color:#FFFFFF; margin:0 auto; padding:92px 50px; }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .last_section{ max-width:360px; padding:0; } }

#kaizen-venture #project-section .last_section .two-cols{ padding-top:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#kaizen-venture #project-section .last_section .two-cols .first-col{ padding-left:0; width:50%; }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .last_section .two-cols .first-col{ padding-top:0; } }

#kaizen-venture #project-section .last_section .two-cols .last-col{ width:50%; }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .last_section .two-cols .last-col{ margin:0; } }

#kaizen-venture #project-section .last_section .text-project{ max-width:515px; width:100%; font-size:var(--fs-p-base); }

@media only screen and (max-width: 500px){ #kaizen-venture #project-section .last_section .text-project{ margin:48px 0; } }

#kaizen-venture #project-section .last_section .text-project .line{ margin-bottom:20px; }

#inmio-properties .section{ position:relative; z-index:2; padding:0 20px; }

@media only screen and (max-width: 500px){ #inmio-properties .head-page-section{ height:72vh; overflow:hidden; border-radius:12px; }
  #inmio-properties .head-page-section .arrow-container{ bottom:10%; }
  #inmio-properties .head-page-section .bg{ height:100%; }
  #inmio-properties .head-page-section h2{ margin-top:0; } }

#inmio-properties #project-section .first-section-projects{ -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; }

#inmio-properties #project-section .first-section-projects.two-cols .col.first-col p{ max-width:420px; }

@media only screen and (max-width: 992px){ #inmio-properties #project-section .first-section-projects.two-cols .col.first-col p br{ display:none; } }

#inmio-properties #project-section .two-cols .col.first-col{ width:40%; }

#inmio-properties #project-section .two-cols .col.last-col{ width:60%; }

#inmio-properties #project-section .cols{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }

@media only screen and (max-width: 992px){ #inmio-properties #project-section .cols .col.first-col{ width:50%; padding-left:30px; padding-right:30px; }
  #inmio-properties #project-section .cols .col.first-col p{ max-width:333px; }
  #inmio-properties #project-section .cols .col.last-col{ width:50%; } }

@media only screen and (max-width: 500px){ #inmio-properties #project-section .cols .col.first-col{ padding-top:30px; padding-right:0; } }

#inmio-properties #project-section .text-bottom-project-destacado{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }

@media only screen and (max-width: 992px){ #inmio-properties #project-section .text-bottom-project-destacado .text-destacado{ max-width:536px; } }

@media only screen and (max-width: 500px){ #inmio-properties #project-section .text-bottom-project-destacado .text-destacado{ max-width:348px; } }

#inmio-properties #project-section .last_section{ max-width:1240px; width:100%; border-radius:12px; background-color:#FFFFFF; margin:0 auto; padding:92px 50px; }

@media only screen and (max-width: 992px){ #inmio-properties #project-section .last_section{ max-width:708px; } }

@media only screen and (max-width: 500px){ #inmio-properties #project-section .last_section{ max-width:360px; padding:0; } }

#inmio-properties #project-section .last_section .two-cols{ padding-top:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#inmio-properties #project-section .last_section .two-cols .first-col{ padding-left:0; width:50%; }

@media only screen and (max-width: 500px){ #inmio-properties #project-section .last_section .two-cols .first-col{ padding-top:0; } }

#inmio-properties #project-section .last_section .two-cols .last-col{ width:50%; }

@media only screen and (max-width: 500px){ #inmio-properties #project-section .last_section .two-cols .last-col{ margin:0; } }

#inmio-properties #project-section .last_section .two-cols .last-col #lottie-project{ max-width:300px; }

#inmio-properties #project-section .last_section .text-project{ max-width:550px; width:100%; font-size:var(--fs-p-base); }

@media only screen and (max-width: 500px){ #inmio-properties #project-section .last_section .text-project{ margin:48px 0; } }

#inmio-properties #project-section .last_section .text-project .line{ margin-bottom:20px; }

#filosofia .section{ position:relative; z-index:2; padding:0 20px; }

#filosofia .head-page-section{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

@media only screen and (max-width: 992px){ #filosofia .head-page-section{ height:355px; } }

#filosofia .head-page-section .arrow-container{ bottom:20%; }

@media only screen and (max-width: 992px){ #filosofia .head-page-section .arrow-container{ bottom:15%; } }

#filosofia .head-page-section .head_video{ background-color:#1A73BC; overflow:hidden; padding:0 20px; width:100vw; display:block; height:670px; border-radius:12px; }

@media only screen and (max-width: 992px){ #filosofia .head-page-section .head_video{ height:355px; } }

@media only screen and (max-width: 500px){ #filosofia .head-page-section .head_video{ display:none !important; } }

#filosofia .head-page-section .head_video .lottie-head{ -o-object-fit:contain; object-fit:contain; max-height:580px; }

@media only screen and (max-width: 992px){ #filosofia .head-page-section .head_video .lottie-head{ max-height:328px; } }

@media only screen and (max-width: 500px){ #filosofia .head-page-section{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } }

#filosofia .head-page-section .lottie-head{ -o-object-position:center; object-position:center; }

#filosofia .head-page-section .titles{ top:unset; left:unset; text-align:center; }

@media only screen and (max-width: 992px){ #filosofia .head-page-section .titles{ top:15%; } }

#filosofia #first-section{ padding:0 0 67px; margin-top:650px; background-color:#F5F5F5; border-top-left-radius:17px; border-top-right-radius:17px; }

@media only screen and (max-width: 992px){ #filosofia #first-section{ margin-top:400px; } }

#filosofia #first-section .text-top{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; }

#filosofia #first-section .text-top p{ width:100%; max-width:940px; padding-left:20px; margin:67px 0 38px; }

@media only screen and (max-width: 992px){ #filosofia #first-section .text-top p{ max-width:472px; } }

@media only screen and (max-width: 500px){ #filosofia #first-section .text-top p{ margin:52px 0 20px; padding:0 15px; } }

#filosofia #first-section .cols{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; }

@media only screen and (max-width: 992px){ #filosofia #first-section .cols{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } }

@media only screen and (max-width: 500px){ #filosofia #first-section .cols{ -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; padding:0 15px; } }

#filosofia #first-section .cols .col.first-col{ padding-left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; padding-right:20px; }

@media only screen and (max-width: 992px){ #filosofia #first-section .cols .col.first-col{ width:47%; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding-right:30px; } }

@media only screen and (max-width: 500px){ #filosofia #first-section .cols .col.first-col{ width:100%; padding-right:0; margin-top:58px; } }

#filosofia #first-section .cols .col.first-col p{ max-width:501px; width:100%; line-height:25px; }

@media only screen and (max-width: 992px){ #filosofia #first-section .cols .col.first-col p{ max-width:302px; margin:0; } }

@media only screen and (max-width: 500px){ #filosofia #first-section .cols .col.first-col p{ margin:0; max-width:100%; } }

#filosofia #first-section .cols .col.first-col p a{ text-decoration:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-top:50px; }

#filosofia #first-section .cols .col.first-col p a .text{ font-size:var(--fs-a-arrow-base); color:#000; line-height:18px; }

#filosofia #first-section .cols .col.first-col p a .black-arrow{ margin-left:7px; }

#filosofia #first-section .cols .col.last-col{ width:100%; max-width:607px; }

@media only screen and (max-width: 992px){ #filosofia #first-section .cols .col.last-col{ width:53%; padding-right:42px; padding-left:30px; } }

@media only screen and (max-width: 500px){ #filosofia #first-section .cols .col.last-col{ width:100%; padding-right:0; padding-left:0; } }

#filosofia #first-section .cols .col.last-col img{ width:100%; height:100%; -o-object-position:center; object-position:center; -o-object-fit:cover; object-fit:cover; }

#filosofia #nuestros-valores{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100vw; background-color:#F5F5F5; }

@media only screen and (max-width: 500px){ #filosofia #nuestros-valores{ padding:0; } }

#filosofia #nuestros-valores .content{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:1240px; width:100%; border-radius:12px; background-color:#ACD8EC; height:auto; padding:10% 5%; position:relative; }

@media only screen and (max-width: 992px){ #filosofia #nuestros-valores .content{ max-width:708px; } }

@media only screen and (max-width: 500px){ #filosofia #nuestros-valores .content{ max-width:100%; padding:74px 26px 138px; position:relative; border-radius:0; } }

#filosofia #nuestros-valores .content .text-top{ margin:0; width:100%; text-align:left; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:normal; }

@media only screen and (max-width: 500px){ #filosofia #nuestros-valores .content .text-top{ font-size:14px; line-height:20px; } }

#filosofia #nuestros-valores .content .text-top img{ width:19px; margin-right:10px; }

#filosofia #nuestros-valores .content p.long-text{ font-family:"neue-haas-grotesk-display", serif; font-weight:normal; margin:40px 0 0; width:100%; line-height:50px; text-transform:unset; }

@media only screen and (max-width: 992px){ #filosofia #nuestros-valores .content p.long-text{ font-size:25px; line-height:32px; } }

@media only screen and (max-width: 500px){ #filosofia #nuestros-valores .content p.long-text br{ display:none; } }

#filosofia #nuestros-valores .content #lottie_valores{ width:542px; position:absolute; right:2%; top:17%; }

@media only screen and (max-width: 992px){ #filosofia #nuestros-valores .content #lottie_valores{ width:350px; } }

@media only screen and (max-width: 500px){ #filosofia #nuestros-valores .content #lottie_valores{ width:360px; top:unset; bottom:50px; } }

#filosofia #compromiso{ background-color:#F5F5F5; display:block; padding:0; }

#filosofia #compromiso .container{ max-width:717px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 auto; }

#filosofia #compromiso .container h2{ font-size:var(--fs-filosifia-compromiso-title-base); text-align:center; margin:70px 0 0; font-weight:300; }

@media only screen and (max-width: 992px){ #filosofia #compromiso .container h2{ font-size:25px; line-height:30px; } }

@media only screen and (max-width: 500px){ #filosofia #compromiso .container h2{ font-size:36px; line-height:41px; } }

#filosofia #compromiso .container p{ text-align:center; line-height:21px; }

@media only screen and (max-width: 992px){ #filosofia #compromiso .container p{ max-width:638px; width:100%; line-height:22px; } }

@media only screen and (max-width: 500px){ #filosofia #compromiso .container p{ line-height:22px; max-width:354px; } }

#filosofia #compromiso .container p.first{ margin-top:37px; margin-bottom:10px; }

#filosofia #compromiso .three-cols{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; padding:72px 0; }

@media only screen and (max-width: 500px){ #filosofia #compromiso .three-cols{ padding:35px 0; } }

#filosofia #compromiso .three-cols .col .img-container{ border-radius:12px; overflow:hidden; position:relative; }

#filosofia #compromiso .three-cols .col .img-container .black-arrow{ position:absolute; top:4%; right:4%; width:19px; }

#filosofia #compromiso .three-cols .col .img-container img{ width:100%; }

#filosofia #compromiso .three-cols .col .img-container p{ margin:0; }

#filosofia #compromiso .three-cols .col .img-container p.title{ margin:25px 0 18px; }

#filosofia #compromiso .three-cols .col.first{ width:23.5%; }

@media only screen and (max-width: 992px){ #filosofia #compromiso .three-cols .col.first{ width:224px; } }

#filosofia #compromiso .three-cols .col.center{ width:47%; }

@media only screen and (max-width: 992px){ #filosofia #compromiso .three-cols .col.center{ width:448px; } }

#filosofia #compromiso .three-cols .col.last{ width:23.5%; }

@media only screen and (max-width: 992px){ #filosofia #compromiso .three-cols .col.last{ width:224px; } }

#filosofia #container-pinned{ height:400vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#F5F5F5; position:relative; }

@media only screen and (max-width: 992px){ #filosofia #container-pinned{ padding:0; } }

#filosofia #container-pinned .pinned-element{ z-index:2; position:absolute; top:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:calc(100% - 40px); height:calc(100vh - 40px); border-radius:12px; overflow:hidden; }

@media only screen and (max-width: 500px){ #filosofia #container-pinned .pinned-element .border-animated-active.white.small::after{ width:59%; }
  #filosofia #container-pinned .pinned-element .border-animated-active.white.small-alternative::after{ width:47%; }
  #filosofia #container-pinned .pinned-element .white.small::after{ left:40%; height:10px; }
  #filosofia #container-pinned .pinned-element .white.small-alternative::after{ left:24%; height:10px; } }

@media only screen and (max-width: 992px){ #filosofia #container-pinned .pinned-element{ width:100vw; height:100vh; } }

#filosofia #container-pinned .pinned-element .arrow{ width:76px; position:absolute; bottom:41px; z-index:3; }

@media only screen and (max-width: 992px){ #filosofia #container-pinned .pinned-element .arrow{ bottom:14%; } }

@media only screen and (max-width: 500px){ #filosofia #container-pinned .pinned-element .arrow{ width:49px; } }

#filosofia #container-pinned .pinned-element .bg{ width:100%; height:100%; -o-object-position:center; object-position:center; -o-object-fit:cover; object-fit:cover; }

@media only screen and (max-width: 992px){ #filosofia #container-pinned .pinned-element .bg{ -o-object-fit:unset; object-fit:unset; -o-object-position:center; object-position:center; width:100%; height:auto; } }

@media only screen and (max-width: 500px){ #filosofia #container-pinned .pinned-element .bg{ padding:0 15px; } }

#filosofia #container-pinned .pinned-element .content{ width:100%; height:100%; position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden; }

#filosofia #container-pinned .pinned-element .content.content1 h2{ font-size:var(--fs-pinned-section-base); letter-spacing:0; opacity:1; text-align:center; }

@media only screen and (max-width: 500px){ #filosofia #container-pinned .pinned-element .content.content1 h2{ font-size:47px; line-height:60px; } }

#filosofia #container-pinned .pinned-element .content.content1 h2 .container-animation span{ display:inline-grid; }

#filosofia #container-pinned .pinned-element .content.content2 .img-container{ opacity:0; width:100%; height:100vh; }

#filosofia #container-pinned .pinned-element .content.content2 .img-container img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; }

@media only screen and (max-width: 992px){ #filosofia #container-pinned .pinned-element .content.content2 .img-container img{ -o-object-fit:unset; object-fit:unset; -o-object-position:center; object-position:center; width:100%; height:auto; position:relative; top:4.7%; } }

@media only screen and (max-width: 500px){ #filosofia #container-pinned .pinned-element .content.content2 .img-container img{ padding:0 15px; top:10px; } }

#filosofia #container-pinned .pinned-element .content.content3 p{ text-align:center; text-transform:unset; line-height:50px; }

@media only screen and (max-width: 992px){ #filosofia #container-pinned .pinned-element .content.content3 p{ font-size:4vw; line-height:36px; }
  #filosofia #container-pinned .pinned-element .content.content3 p br{ display:none; } }

@media only screen and (max-width: 500px){ #filosofia #container-pinned .pinned-element .content.content3 p{ font-size:24px; line-height:35px; padding:0 29px; } }

#filosofia #container-pinned .box{ width:100vw; height:100vh; z-index:1; position:relative; opacity:0; }

#filosofia #container-pinned #estela{ width:65vw !important; position:absolute; bottom:-12%; left:-20px; }

@media only screen and (max-width: 992px){ #filosofia #container-pinned #estela{ bottom:-4%; } }

@media only screen and (max-width: 500px){ #filosofia #container-pinned #estela{ width:151% !important; position:absolute; bottom:-8%; left:-67%; } }

#filosofia #last-section{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:130px 20px 113px; position:relative; }

@media only screen and (max-width: 992px){ #filosofia #last-section{ padding:0 30px 105px; } }

@media only screen and (max-width: 500px){ #filosofia #last-section{ padding:40px 15px 80px; } }

#filosofia #last-section h2{ font-size:var(--fs-panel-destacado-base); font-weight:normal; }

#filosofia #last-section .cols{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

@media only screen and (max-width: 500px){ #filosofia #last-section .cols{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } }

#filosofia #last-section .cols .col.last-col{ width:65%; padding-left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-right:20px; }

@media only screen and (max-width: 992px){ #filosofia #last-section .cols .col.last-col{ width:50%; } }

@media only screen and (max-width: 500px){ #filosofia #last-section .cols .col.last-col{ width:100%; padding-right:0; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-top:50px; } }

#filosofia #last-section .cols .col.last-col h2, #filosofia #last-section .cols .col.last-col p{ max-width:611px; width:100%; }

#filosofia #last-section .cols .col.last-col p{ margin:0; line-height:24px; }

@media only screen and (max-width: 500px){ #filosofia #last-section .cols .col.last-col p{ font-size:16px; line-height:23px; } }

#filosofia #last-section .cols .col.last-col h2{ line-height:35px; margin:0 0 25px; }

@media only screen and (max-width: 992px){ #filosofia #last-section .cols .col.last-col h2{ font-size:22px; line-height:28px; } }

@media only screen and (max-width: 500px){ #filosofia #last-section .cols .col.last-col h2{ font-size:16px; line-height:22px; max-width:300px; } }

#filosofia #last-section .cols .col.first-col{ width:35%; }

@media only screen and (max-width: 992px){ #filosofia #last-section .cols .col.first-col{ width:50%; padding-right:32px; } }

@media only screen and (max-width: 500px){ #filosofia #last-section .cols .col.first-col{ width:100%; padding-right:0; } }

#filosofia #last-section .cols .col.first-col img{ width:100%; height:100%; -o-object-position:center; object-position:center; -o-object-fit:cover; object-fit:cover; }

#filosofia #last-section #lottie-estela2{ position:absolute; width:70%; right:-33%; bottom:-2%; }

@media only screen and (max-width: 500px){ #filosofia #last-section #lottie-estela2{ width:160%; right:-52%; bottom:-24%; -webkit-transform:rotate(18deg); -ms-transform:rotate(18deg); transform:rotate(18deg); } }

#contact{ padding:70px 20px; background-color:#F5F5F5; }

@media only screen and (max-width: 992px){ #contact{ padding:70px 30px 50px; } }

@media only screen and (max-width: 500px){ #contact{ padding:70px 15px 50px; } }

#contact .section{ position:relative; z-index:2; padding:0 20px; }

#contact h1.title{ font:normal normal normal 60px/80px "neue-haas-grotesk-display", serif; letter-spacing:0px; text-transform:uppercase; border-bottom:1px solid #086CB3; padding:10px 0; margin:0; }

@media only screen and (max-width: 992px){ #contact h1.title{ font:normal normal normal 50px/80px "neue-haas-grotesk-display", serif; } }

@media only screen and (max-width: 500px){ #contact h1.title{ font:normal normal normal 28px/33px "neue-haas-grotesk-display", serif; border-bottom:none; } }

#contact .cols{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

@media only screen and (max-width: 500px){ #contact .cols{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } }

#contact .cols .border-animated::after{ height:5px; }

#contact .cols .col.first{ border-right:1px solid #086CB3; width:40%; }

@media only screen and (max-width: 992px){ #contact .cols .col.first{ border-right:none; } }

@media only screen and (max-width: 500px){ #contact .cols .col.first{ width:100%; } }

#contact .cols .col.first p{ width:421px; max-width:100%; font:normal normal normal 20px/25px "dm-sans", serif; letter-spacing:0px; color:#000000; margin:20px 0; }

@media only screen and (max-width: 992px){ #contact .cols .col.first p{ width:245px; font:normal normal normal 16px/23px "dm-sans", serif; } }

@media only screen and (max-width: 500px){ #contact .cols .col.first p{ width:325px; } }

#contact .cols .col.first p b{ display:inline-block; }

#contact .cols .col.first .lottie-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:30px 0 30px; }

#contact .cols .col.first .lottie-container #lottie-contacto{ width:250px; }

#contact .cols .col.last{ width:60%; padding:30px 0 30px 30px; }

@media only screen and (max-width: 500px){ #contact .cols .col.last{ width:100%; padding:0; } }

@media only screen and (max-width: 500px){ #contact .cols .col.last .wpcf7{ width:100%; margin-top:0; } }

@media only screen and (max-width: 500px){ #contact .cols .col.last .wpcf7-form{ width:100%; } }

#contact .cols .col.last .wpcf7-form p{ margin:0; }

#contact .cols .col.last .wpcf7-form .wpcf7-not-valid-tip{ font:normal normal normal 14px/16px "neue-haas-grotesk-display", serif, serif; letter-spacing:0px; color:#B5B5B5; text-decoration:none; margin-top:5px; position:absolute; bottom:-30px; }

#contact .cols .col.last .wpcf7-form .footer-form{ margin-top:25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#contact .cols .col.last .wpcf7-form input{ width:100%; background-color:transparent; border:none; border-bottom:1px solid #086CB3; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#086CB3; padding-bottom:5px; margin-bottom:40px; border-radius:0 !important; }

@media only screen and (max-width: 500px){ #contact .cols .col.last .wpcf7-form input{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; margin-bottom:20px; } }

#contact .cols .col.last .wpcf7-form input:focus{ outline:none !important; }

#contact .cols .col.last .wpcf7-form textarea{ background-color:transparent; border:1px solid #086CB3; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#086CB3; border-radius:4px; width:100%; padding:14px 10px; }

@media only screen and (max-width: 500px){ #contact .cols .col.last .wpcf7-form textarea{ min-height:250px; } }

#contact .cols .col.last .wpcf7-form textarea:focus{ outline:none !important; }

#contact .cols .col.last .wpcf7-form .label{ font:normal normal normal 16px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#086CB3; margin-bottom:5px; display:block; }

#contact .cols .col.last .wpcf7-form input::-webkit-input-placeholder, #contact .cols .col.last .wpcf7-form textarea::-webkit-input-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:transparent; opacity:0.47; }

#contact .cols .col.last .wpcf7-form input::-moz-placeholder, #contact .cols .col.last .wpcf7-form textarea::-moz-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:transparent; opacity:0.47; }

#contact .cols .col.last .wpcf7-form input:-ms-input-placeholder, #contact .cols .col.last .wpcf7-form textarea:-ms-input-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:transparent; opacity:0.47; }

#contact .cols .col.last .wpcf7-form input::-ms-input-placeholder, #contact .cols .col.last .wpcf7-form textarea::-ms-input-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:transparent; opacity:0.47; }

#contact .cols .col.last .wpcf7-form input::placeholder, #contact .cols .col.last .wpcf7-form textarea::placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:transparent; opacity:0.47; }

@media only screen and (max-width: 500px){ #contact .cols .col.last .wpcf7-form input::-webkit-input-placeholder, #contact .cols .col.last .wpcf7-form textarea::-webkit-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #contact .cols .col.last .wpcf7-form input::-moz-placeholder, #contact .cols .col.last .wpcf7-form textarea::-moz-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #contact .cols .col.last .wpcf7-form input:-ms-input-placeholder, #contact .cols .col.last .wpcf7-form textarea:-ms-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #contact .cols .col.last .wpcf7-form input::-ms-input-placeholder, #contact .cols .col.last .wpcf7-form textarea::-ms-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #contact .cols .col.last .wpcf7-form input::placeholder, #contact .cols .col.last .wpcf7-form textarea::placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } }

#contact .cols .col.last .wpcf7-form .wpcf7-list-item{ margin:0; }

#contact .cols .col.last .wpcf7-form .wpcf7-list-item label{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#086CB3; }

#contact .cols .col.last .wpcf7-form .wpcf7-list-item label input{ width:auto; margin:0 10px 0 0; }

#contact .cols .col.last .wpcf7-form .wpcf7-list-item label span{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif, serif; }

#contact .cols .col.last .wpcf7-form input[type=checkbox]{ margin:0 20px 0; visibility:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; }

#contact .cols .col.last .wpcf7-form input[type=checkbox]:checked:before{ content:''; width:10px; height:10px; display:block; visibility:visible; background-color:#086CB3; position:absolute; border-radius:100%; }

#contact .cols .col.last .wpcf7-form input[type=checkbox]:after{ content:''; border:1px solid #086CB3; border-radius:4px; width:16px; height:16px; display:block; visibility:visible; position:absolute; }

#contact .cols .col.last .wpcf7-form .submit{ background-color:transparent; border:none; color:#086CB3; font:normal normal normal 14px/18px "dm-sans", serif; letter-spacing:0px; float:right; padding:0; cursor:pointer; position:relative; }

#contact .cols .col.last .wpcf7-form .submit:hover:after{ width:100%; }

#contact .cols .col.last .wpcf7-form .submit:after{ content:''; position:absolute; display:block; height:1px; background-color:#086CB3; width:0; -webkit-transition:0.3s width ease-out; transition:0.3s width ease-out; }

@media only screen and (max-width: 992px){ #contact .cols .col.last .wpcf7-form .submit:after{ width:100%; } }

.trabaja-con-nosotros{ background-color:#fff; padding:50px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }

.trabaja-con-nosotros a{ text-decoration:none; }

.legales{ padding:0 20px; }

.legales h1{ width:100%; padding-top:80px; text-align:center; border-bottom:1px solid #086CB3; text-transform:uppercase; color:#086CB3; font:normal normal normal 50px/57px "neue-haas-grotesk-display", serif; letter-spacing:0; margin:0; }

@media only screen and (max-width: 500px){ .legales h1{ padding-top:70px; font:normal normal normal 28px/33px "neue-haas-grotesk-display", serif; } }

.legales .content{ position:relative; z-index:2; max-width:925px; width:100%; margin:90px auto; }

@media only screen and (max-width: 992px){ .legales .content{ margin:30px auto; } }

.legales .content p{ font:normal normal normal 18px/24px "dm-sans", serif; letter-spacing:0; margin-top:0; }

@media only screen and (max-width: 500px){ .legales .content p{ font:normal normal normal 16px/23px "dm-sans", serif; } }

.legales .content ul li{ font:normal normal normal 18px/24px "dm-sans", serif; letter-spacing:0; margin-top:0; }

@media only screen and (max-width: 500px){ .legales .content ul li{ font:normal normal normal 16px/23px "dm-sans", serif; } }

.legales .content h2{ font:normal normal normal 16px/20px "neue-haas-grotesk-display", serif; letter-spacing:0; color:#086CB3; text-transform:uppercase; width:100%; border-bottom:1px solid #086CB3; margin-bottom:20px; }

@media only screen and (max-width: 500px){ .legales .content h2{ margin-top:30px; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros{ padding-top:66px; } }

#trabaja-con-nosotros .areas{ background-color:#ACD8EC; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:56vw; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros .areas{ height:60vw; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros .areas{ height:81vw; } }

#trabaja-con-nosotros .areas h1{ margin:0 0 60px; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros .areas h1{ margin:0 0 30px; } }

#trabaja-con-nosotros .areas h1 .border-animated:after{ right:0; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros .areas h1 .border-animated:after{ height:4px; } }

#trabaja-con-nosotros .areas .content{ width:90%; background-color:#fff; border-radius:8px; padding:4% 11%; overflow:hidden; }

#trabaja-con-nosotros .areas .content .swiper-wrapper{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros .areas .content .swiper-wrapper{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros .areas .content{ padding:4% 10%; } }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros .areas .content{ padding:4%; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros .areas .content{ width:95%; } }

#trabaja-con-nosotros .areas .content .items .item{ width:50%; max-width:384px; cursor:pointer; position:relative; }

#trabaja-con-nosotros .areas .content .items .item .icon{ position:absolute; top:0; right:0; width:1.5vw; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros .areas .content .items .item{ max-width:230px; } }

#trabaja-con-nosotros .areas .content .items .item:last-child{ margin-right:0; }

#trabaja-con-nosotros .areas .content .items .item img{ width:100%; }

#trabaja-con-nosotros #contact{ padding:5px 20px; background-color:#F5F5F5; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact{ padding:70px 30px 50px; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact{ padding:70px 15px 50px; } }

#trabaja-con-nosotros #contact .section{ position:relative; z-index:2; padding:0 20px; }

#trabaja-con-nosotros #contact h1.title{ font:normal normal normal 60px/80px "neue-haas-grotesk-display", serif; letter-spacing:0px; text-transform:uppercase; border-bottom:1px solid #086CB3; padding:10px 0; margin:0; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact h1.title{ font:normal normal normal 50px/80px "neue-haas-grotesk-display", serif; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact h1.title{ font:normal normal normal 28px/33px "neue-haas-grotesk-display", serif; border-bottom:none; } }

#trabaja-con-nosotros #contact .cols{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } }

#trabaja-con-nosotros #contact .cols .border-animated::after{ height:5px; }

#trabaja-con-nosotros #contact .cols .col.first{ border-right:1px solid #086CB3; width:40%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.first{ border-right:none; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.first{ width:100%; } }

#trabaja-con-nosotros #contact .cols .col.first p{ width:421px; max-width:100%; font:normal normal normal 20px/25px "dm-sans", serif; letter-spacing:0px; color:#000000; margin:20px 0; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.first p{ width:245px; font:normal normal normal 16px/23px "dm-sans", serif; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.first p{ width:325px; } }

#trabaja-con-nosotros #contact .cols .col.first p b{ display:inline-block; }

#trabaja-con-nosotros #contact .cols .col.first .lottie-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:30px 0 30px; }

#trabaja-con-nosotros #contact .cols .col.first .lottie-container #lottie-contacto{ width:250px; }

#trabaja-con-nosotros #contact .cols .col.last{ width:60%; padding:15px 0 30px 20px; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7 form .wpcf7-response-output{ padding:10px 10px !important; border-color:#086CB3 !important; color:#086CB3; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last{ width:100%; padding:0; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7{ width:100%; margin-top:0; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form{ width:100%; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form p{ margin:0; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .wpcf7-not-valid-tip{ font:normal normal normal 14px/16px "neue-haas-grotesk-display", serif, serif; letter-spacing:0px; color:#B5B5B5; text-decoration:none; margin-top:5px; position:absolute; bottom:-30px; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .footer-form{ margin-top:25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input{ width:100%; background-color:transparent; border:none; border-bottom:1px solid #086CB3; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#086CB3; padding-bottom:5px; margin-bottom:25px; border-radius:0 !important; }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; margin-bottom:20px; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input:focus{ outline:none !important; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea{ background-color:transparent; border:1px solid #086CB3; font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#086CB3; border-radius:4px; width:100%; padding:14px 10px; }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea{ min-height:250px; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea:focus{ outline:none !important; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .label{ font:normal normal normal 16px/20px "neue-haas-grotesk-display", serif; letter-spacing:0px; color:#086CB3; margin-bottom:5px; display:block; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .label.departamento{ font:normal normal normal 25px/34px "neue-haas-grotesk-display", serif; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::-webkit-input-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::-webkit-input-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:#575757; opacity:0.47; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::-moz-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::-moz-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:#575757; opacity:0.47; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input:-ms-input-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea:-ms-input-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:#575757; opacity:0.47; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::-ms-input-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::-ms-input-placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:#575757; opacity:0.47; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::placeholder{ font:normal normal normal 16px/20px "dm-sans", serif; letter-spacing:0px; color:#575757; opacity:0.47; }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::-webkit-input-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::-webkit-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::-moz-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::-moz-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input:-ms-input-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea:-ms-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::-ms-input-placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::-ms-input-placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input::placeholder, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form textarea::placeholder{ font:normal normal normal 14px/20px "neue-haas-grotesk-display", serif; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form select, #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form select:focus{ background-color:transparent; width:100%; padding:10px; border-radius:4px; border-color:#086CB3; color:#086CB3; margin-bottom:25px; outline:none !important; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:none; padding-right:1em; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .departamento-container{ position:relative; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .departamento-container .wpcf7-not-valid-tip{ bottom:-20px; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .departamento-container select{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .departamento-container .select_arrow{ position:absolute; right:2%; bottom:17%; width:0.7vw; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .wpcf7-list-item{ margin:0; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .wpcf7-list-item label{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#086CB3; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .wpcf7-list-item label input{ width:auto; margin:0 10px 0 0; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .wpcf7-list-item label span{ font:normal normal normal 15px/20px "neue-haas-grotesk-display", serif, serif; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input[type=checkbox]{ margin:0 20px 0; visibility:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input[type=checkbox]:checked:before{ content:''; width:10px; height:10px; display:block; visibility:visible; background-color:#086CB3; position:absolute; border-radius:100%; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form input[type=checkbox]:after{ content:''; border:1px solid #086CB3; border-radius:4px; width:16px; height:16px; display:block; visibility:visible; position:absolute; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .submit{ background-color:transparent; border:none; color:#086CB3; font:normal normal normal 14px/18px "dm-sans", serif; letter-spacing:0px; float:right; padding:0; cursor:pointer; position:relative; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .submit:hover:after{ width:100%; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .submit:after{ content:''; position:absolute; display:block; height:1px; background-color:#086CB3; width:0; -webkit-transition:0.3s width ease-out; transition:0.3s width ease-out; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .submit:after{ width:100%; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .wpcf7-file{ position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file{ display:inline-block; position:relative; width:100%; text-align:center; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .col{ width:33.3% !important; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .col{ width:100% !important; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file.all{ display:inline-block; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file.autonomos{ display:none; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file.autonomos.active{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file.autonomos.active .error{ width:100%; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; font-family:"neue-haas-grotesk-display", serif; font-size:calc( (16/1440)*100*1vw); line-height:calc( (22/1440)*100*1vw); color:#C6C5C5; font-weight:500; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file p{ font-size:2.08333vw; line-height:2.86458vw; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file p{ font-size:16px; line-height:22px; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .wpcf7-not-valid-tip{ display:none !important; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .file-label{ display:inline-block; background-color:transparent; color:#000; cursor:pointer; text-align:left; margin:0; width:100%; border:1px solid #086CB3; border-radius:4px; padding:16px 10px; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .file-label br{ display:none; }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .error{ font-size:calc( (16/1440)*100*1vw); line-height:calc( (22/1440)*100*1vw); padding-top:0; top:-30px; position:relative; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .error{ font-size:calc( (12/768)*100*1vw); line-height:calc( (22/768)*100*1vw); } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .error{ font-size:12px; line-height:22px; } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .file-label-text{ pointer-events:none; font-family:"neue-haas-grotesk-display", serif; font-size:calc( (16/1440)*100*1vw); line-height:calc( (22/1440)*100*1vw); color:#086CB3; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; width:100%; }

@media only screen and (max-width: 992px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .file-label-text{ font-size:2.08333vw; line-height:2.86458vw; } }

@media only screen and (max-width: 500px){ #trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .file-label-text{ font-size:calc( (16/400)*100*1vw); line-height:calc( (22/400)*100*1vw); } }

#trabaja-con-nosotros #contact .cols .col.last .wpcf7-form .custom-file .file-label-text .clip{ position:absolute; right:10px; width:10px; }
.head-page-section{ padding:0 20px; width:100%; height:670px; position:fixed; z-index:1; top:70px; overflow:hidden; }

.head-page-section .arrow-container{ position:absolute; bottom:10%; z-index:3; width:100vw; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

@media only screen and (max-width: 992px){ .head-page-section .arrow-container{ bottom:22%; } }

.head-page-section .arrow-container .arrow-head{ width:29px; }

@media only screen and (max-width: 992px){ .head-page-section{ height:464px; } }

@media only screen and (max-width: 500px){ .head-page-section{ padding:0 15px; } }

.head-page-section .lottie-head, .head-page-section .bg img{ position:relative; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; border-radius:17px; }

.head-page-section #bg_head_lottie{ width:100%; border-radius:17px; overflow:hidden; }

.head-page-section .titles{ position:absolute; top:40px; left:60px; }

@media only screen and (max-width: 992px){ .head-page-section .titles{ top:20px; left:40px; } }

.head-page-section .titles h1{ margin:0; }

.head-page-section .titles h1.title{ color:#FAF8F3; font:normal normal normal 120px/120px "neue-haas-grotesk-display", serif; letter-spacing:0px; text-transform:uppercase; font-weight:500; }

@media only screen and (max-width: 992px){ .head-page-section .titles h1.title{ font:normal normal normal 72px/80px "neue-haas-grotesk-display", serif; } }

@media only screen and (max-width: 500px){ .head-page-section .titles h1.title{ font:normal normal normal 45px/50px "neue-haas-grotesk-display", serif; } }

.head-page-section .titles h1.title .line{ display:block; }

.head-page-section .titles h1.title .line:first-child{ margin-bottom:5px; }

.head-page-section .titles h2{ color:#FAF8F3; text-transform:uppercase; font:normal normal 300 30px/33px "neue-haas-grotesk-display", serif; letter-spacing:0px; }

@media only screen and (max-width: 992px){ .head-page-section .titles h2{ font-size:25px; line-height:28px; } }

@media only screen and (max-width: 500px){ .head-page-section .titles h2{ font-size:15px; line-height:23px; } }

#project-section.section{ padding:0 0 67px; margin-top:650px; background-color:#F5F5F5; border-top-left-radius:17px; border-top-right-radius:17px; }

@media only screen and (max-width: 992px){ #project-section.section{ margin-top:400px; } }

@media only screen and (max-width: 500px){ #project-section.section{ border-top-left-radius:30px; border-top-right-radius:30px; padding:0 0 47px; margin-top:83vh; } }

#project-section .first-section-projects{ position:relative; }

@media only screen and (max-width: 500px){ #project-section .first-section-projects{ -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; -ms-flex-direction:column !important; flex-direction:column !important; padding:0 15px !important; } }

#project-section .first-section-projects #lottie-estela1{ position:absolute; width:48%; left:0; bottom:-24%; }

@media only screen and (max-width: 992px){ #project-section .first-section-projects #lottie-estela1{ width:100%; left:-38%; bottom:-83%; } }

@media only screen and (max-width: 500px){ #project-section .first-section-projects #lottie-estela1{ width:162%; left:-65%; bottom:-40%; } }

#project-section .first-section-projects #lottie-estela3{ position:absolute; width:48%; right:0; bottom:-24%; }

@media only screen and (max-width: 992px){ #project-section .first-section-projects #lottie-estela3{ width:91%; right:-21%; bottom:-78%; } }

@media only screen and (max-width: 500px){ #project-section .first-section-projects #lottie-estela3{ width:153%; right:-52%; bottom:-41%; } }

#project-section .first-section-projects h2{ margin-top:0; }

@media only screen and (max-width: 500px){ #project-section .first-section-projects h2{ font-size:31px; line-height:41px; text-align:center; } }

#project-section .text-bottom-project-destacado{ position:relative; }

#project-section .text-bottom-project-destacado #lottie-estela2{ position:absolute; width:48%; right:-20%; bottom:-21%; -webkit-transform:rotate(16deg); -ms-transform:rotate(16deg); transform:rotate(16deg); }

@media only screen and (max-width: 992px){ #project-section .text-bottom-project-destacado #lottie-estela2{ width:100%; right:-57%; bottom:-46%; -webkit-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); } }

@media only screen and (max-width: 500px){ #project-section .text-bottom-project-destacado #lottie-estela2{ width:184%; right:-115%; bottom:-40%; } }

#project-section .text-bottom-project-destacado #lottie-estela4{ position:absolute; width:60%; left:-22%; bottom:-27%; -ms-transform:rotate(16deg); -webkit-transform:rotate(-16deg); transform:rotate(-16deg); }

@media only screen and (max-width: 992px){ #project-section .text-bottom-project-destacado #lottie-estela4{ width:100%; left:-52%; bottom:-57%; -webkit-transform:rotate(-18deg); -ms-transform:rotate(-18deg); transform:rotate(-18deg); } }

@media only screen and (max-width: 500px){ #project-section .text-bottom-project-destacado #lottie-estela4{ width:174%; left:-102%; bottom:-45%; -webkit-transform:rotate(-12deg); -ms-transform:rotate(-12deg); transform:rotate(-12deg); } }

#project-section .two-cols{ padding-top:70px; }

@media only screen and (max-width: 500px){ #project-section .two-cols{ padding-top:30px; } }

#project-section .two-cols .col.first-col{ width:35%; padding-left:20px; }

@media only screen and (max-width: 500px){ #project-section .two-cols .col.first-col{ width:100% !important; padding-left:0 !important; } }

#project-section .two-cols .col.first-col .line{ display:block; }

#project-section .two-cols .col.first-col p{ max-width:400px; width:100%; line-height:25px; }

@media only screen and (max-width: 500px){ #project-section .two-cols .col.first-col p{ max-width:100% !important; } }

#project-section .two-cols .col.first-col p a{ text-decoration:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-top:50px; }

#project-section .two-cols .col.first-col p a .text{ font-size:var(--fs-a-arrow-base); color:#000; line-height:18px; }

#project-section .two-cols .col.first-col p a .black-arrow{ margin-left:7px; }

#project-section .two-cols .col.last-col{ width:65%; }

@media only screen and (max-width: 500px){ #project-section .two-cols .col.last-col{ width:100% !important; margin-top:55px; } }

#project-section .two-cols .col.last-col img{ width:100%; height:100%; -o-object-position:center; object-position:center; -o-object-fit:cover; object-fit:cover; }

#project-section .text-bottom{ padding:195px 0; margin:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

@media only screen and (max-width: 992px){ #project-section .text-bottom{ padding:100px 0; } }

#project-section .text-bottom p{ width:1100px; max-width:100%; margin:0; font-weight:300; }

@media only screen and (max-width: 992px){ #project-section .text-bottom p{ width:668px; } }

@media only screen and (max-width: 500px){ #project-section .text-bottom p{ font-size:20px; line-height:27px; max-width:328px; } }

#project-section .panel{ padding:56px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:1200px; width:100%; border-radius:12px; background-color:#FFFFFF; margin:0 auto; position:relative; }

@media only screen and (max-width: 992px){ #project-section .panel{ max-width:708px; } }

@media only screen and (max-width: 500px){ #project-section .panel{ max-width:360px; } }

#project-section .panel .brujula{ width:80px; height:auto; }

@media only screen and (max-width: 500px){ #project-section .panel .panel-img{ width:39px; } }

#project-section .panel h2{ margin:45px 0; }

@media only screen and (max-width: 500px){ #project-section .panel h2{ font-size:34px; line-height:45px; margin:34px 0; } }

#project-section .panel p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0; }

#project-section .panel p.long-text{ text-align:center; width:100%; max-width:600px; line-height:25px; margin-bottom:70px; }

@media only screen and (max-width: 500px){ #project-section .panel p.long-text{ max-width:315px; } }

#project-section .panel .wrapper{ height:30%; width:100%; background:-webkit-gradient(linear, left top, right top, from(white), color-stop(20%, white), to(#3eacdf)); background:linear-gradient(to right, white 0%, white 20%, #3eacdf 100%); position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden; padding:20px 0; }

#project-section .panel .wrapper .box{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:100%; width:auto; padding:0; position:relative; -ms-flex-negative:0; flex-shrink:0; overflow:hidden; }

#project-section .panel .wrapper .box img{ margin:0 25px; height:34px; width:auto; -o-object-fit:cover; object-fit:cover; }

@media only screen and (max-width: 992px){ #project-section .panel .wrapper .box img{ height:23px; } }

#project-section .last_section{ position:relative; }

@media only screen and (max-width: 500px){ #project-section .last_section .two-cols{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:0 15px; } }

#project-section .last_section .two-cols .col{ width:50%; }

#project-section .last_section .two-cols .col.first-col{ max-width:570px; width:100%; }

@media only screen and (max-width: 500px){ #project-section .last_section .two-cols .col.first-col h2{ font-size:28px; line-height:35px; margin-top:45px; } }

#project-section .last_section .two-cols .col.first-col p{ max-width:unset; }

#project-section .last_section .two-cols .col.last-col{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#project-section .last_section .two-cols .col.last-col #lottie-project{ max-width:383px; width:100%; }

.preload{ position:fixed; width:100vw; height:100vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:9999999; background-color:#fff; -webkit-transition:top 2s cubic-bezier(0.42, 0, 0.58, 1); transition:top 2s cubic-bezier(0.42, 0, 0.58, 1); top:0; overflow:hidden; }

.preload #lottie-preload{ width:100%; max-width:400px; }

@media only screen and (max-width: 500px){ .preload #lottie-preload{ width:70%; } }

.preload.hide-preload{ top:-150%; }

.loader-pages{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#fff; clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); display:-webkit-box; display:-ms-flexbox; display:flex; height:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; left:0; pointer-events:none; position:fixed; top:0; width:100%; will-change:transform; z-index:9999999; overflow:hidden; }

.loader-pages #lottie-loader-pages{ width:100%; max-width:400px; }

@media only screen and (max-width: 500px){ .loader-pages #lottie-loader-pages{ width:70%; } }

.loader-pages.isGeneralPage{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

.loader-pages.show{ -webkit-animation:transition-bg 0.8s forwards cubic-bezier(0.8, 0, 0.2, 1); animation:transition-bg 0.8s forwards cubic-bezier(0.8, 0, 0.2, 1); }

.loader-pages.hide-loader{ -webkit-animation:transition-bg-complete 0.8s forwards cubic-bezier(0.8, 0, 0.2, 1); animation:transition-bg-complete 0.8s forwards cubic-bezier(0.8, 0, 0.2, 1); }

.loader-pages .content{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; }

.loader-pages .content img{ width:15%; }

@-webkit-keyframes transition-bg{ 0%{ clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
  100%{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

@keyframes transition-bg{ 0%{ clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
  100%{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

@-webkit-keyframes transition-bg-complete{ 0%{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  100%{ clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); } }

@keyframes transition-bg-complete{ 0%{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  100%{ clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); } }
.text-blue{ color:#3EACDF; }

.text-blue-dark{ color:#086CB3; }

.text-black{ color:#000; }

.text-destacado{ font-size:var(--fs-destacados-base); letter-spacing:0; text-transform:uppercase; font-weight:500; }

@media only screen and (max-width: 992px){ .text-destacado{ font-size:var(--fs-destacados-sm); } }

@media only screen and (max-width: 500px){ .text-destacado{ font-size:25px; line-height:33px; } }

.text-normal{ font-size:var(--fs-p-base); }

@media only screen and (max-width: 992px){ .text-normal{ font-size:16px; line-height:22px; } }

.text-project{ font-size:var(--fs-project-base); }

.text-small{ font-size:var(--fs-p-circle-base); }

.text-panel-big{ font-size:var(--fs-panel-big-base); }

@media only screen and (max-width: 992px){ .text-panel-big{ font-size:70px; line-height:85px; } }

@media only screen and (max-width: 500px){ .text-panel-big{ font-size:30px; line-height:50px; } }

.text-font-family-neue{ font-family:"neue-haas-grotesk-display", serif; }

.text-font-family-dm-sans{ font-family:"dm-sans", serif; }

.text-center{ text-align:center; }
.cols{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }

.cols.two-cols .col{ width:50%; }
.w-100{ width:100%; }

.text-upper{ text-transform:uppercase; }
.black-arrow{ width:9px; height:auto; }

.only-desktop{ display:block; }

.only-tablet{ display:none; }

.only-mobile{ display:none; }

.only-mobile-inline{ display:none; }

@media only screen and (max-width: 992px){ .only-desktop{ display:none; }
  .only-tablet{ display:block; }
  .only-mobile{ display:none; }
  .only-mobile-inline{ display:none; } }

@media only screen and (max-width: 500px){ .only-desktop{ display:none; }
  .only-tablet{ display:none; }
  .only-mobile{ display:block; }
  .only-mobile-inline{ display:inline-block; } }

.grecaptcha-badge{ visibility:hidden; }
.border-animated{ position:relative; }

.border-animated::after{ -webkit-transition:0.6s width ease-out; transition:0.6s width ease-out; }

.border-animated.border-animated-active.small::after{ width:65%; }

.border-animated.small::after{ width:0; left:35%; height:5px; bottom:-2px; }

.border-animated.border-animated-active.head-home::after{ width:50%; }

@media only screen and (max-width: 500px){ .border-animated.border-animated-active.head-home::after{ width:100%; } }

.border-animated.border-animated-active.head-home.reverse::after{ width:45%; }

@media only screen and (max-width: 500px){ .border-animated.border-animated-active.head-home.reverse::after{ width:54%; } }

.border-animated.head-home::after{ background:-webkit-gradient(linear, left top, right top, from(rgba(0, 155, 220, 0)), to(white)); background:linear-gradient(to right, rgba(0, 155, 220, 0), white); width:0; height:10px; bottom:-4px; right:unset; left:47%; }

@media only screen and (max-width: 992px){ .border-animated.head-home::after{ height:6px; } }

@media only screen and (max-width: 500px){ .border-animated.head-home::after{ left:0; } }

.border-animated.head-home.reverse::after{ right:unset; left:10%; width:0; }

@media only screen and (max-width: 500px){ .border-animated.head-home.reverse::after{ left:0; } }

.border-animated.border-animated-active.white::after{ width:100%; }

.border-animated.border-animated-active.white.small::after{ width:45%; }

.border-animated.border-animated-active.white.small-alternative::after{ width:64%; }

.border-animated.white::after{ background:-webkit-gradient(linear, left top, right top, from(rgba(0, 155, 220, 0)), to(white)); background:linear-gradient(to right, rgba(0, 155, 220, 0), white); width:0; height:7px; bottom:-4px; right:unset; left:0; }

.border-animated.white.small::after{ left:55%; height:15px; }

.border-animated.white.small-alternative::after{ left:35%; height:15px; }

.border-animated.border-animated-active::after{ width:100%; }

.border-animated::after{ content:''; position:absolute; display:block; width:0; height:7px; background:-webkit-gradient(linear, left top, right top, from(rgba(0, 155, 220, 0)), to(#009bdc)); background:linear-gradient(to right, rgba(0, 155, 220, 0), #009bdc); }

.border-animated.lps-project:after{ width:0; left:29%; bottom:0; height:6px; }

.border-animated.border-animated-active.lps-project::after{ width:85%; }

.border-animated.cwt-project:after{ width:0; left:13%; bottom:0; height:6px; }

.border-animated.border-animated-active.cwt-project::after{ width:88%; }

.border-animated.kvp-project:after{ width:0; left:15%; bottom:0; height:6px; }

.border-animated.border-animated-active.kvp-project::after{ width:85%; }

.border-animated.ipp-project:after{ width:0; left:15%; bottom:0; height:6px; }

.border-animated.border-animated-active.ipp-project::after{ width:85%; }

.container-animation{ position:relative; overflow:hidden; display:block; }

.container-animation span{ position:relative; display:block; -webkit-transform:translate(0, 150px); -ms-transform:translate(0, 150px); transform:translate(0, 150px); }
a .hover-text{ position:relative; }

a .hover-text:after{ content:''; position:absolute; display:block; height:1px; background-color:#000; width:0; -webkit-transition:0.3s width ease-out; transition:0.3s width ease-out; }

@media only screen and (max-width: 992px){ a .hover-text:after{ width:100%; } }

a:hover .hover-text{ position:relative; }

a:hover .hover-text:after{ width:100%; }

html{ scroll-behavior:smooth; overflow-x:hidden; }

html, body{ margin:0; background-color:#F5F5F5; max-width:100vw; overflow-x:hidden; }

*{ -webkit-box-sizing:border-box; box-sizing:border-box; }