.preloadBodyAnimations * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } /* ========================================================================== FUENTES ========================================================================== */ @font-face { font-family: 'Neue Light'; src: url('fonts/neue/NeueMontreal-Light.woff2') format('woff2'), url('fonts/neue/NeueMontreal-Light.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Neue'; src: url('fonts/neue/NeueMontreal-Regular.woff2') format('woff2'), url('fonts/neue/NeueMontreal-Regular.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Neue Bold'; src: url('fonts/neue/NeueMontreal-Medium.woff2') format('woff2'), url('fonts/neue/NeueMontreal-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } /* ========================================================================== ROOT ========================================================================== */ :root { --font-body: "Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; --font-body-bold: "Neue Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; --bs-gutter-x:1rem; --radius-btn: 0.35em; --border-radius: 0.3em; --transition-type: ease-in-out; --transition-time: 0.25s; --hero-height: 100vh !important; --hero-height-sm:35vh !important; --headers-height: 75vh !important; --headers-height-sm:70vh !important; /* GRIS VERDE !!! MOLA afb5ab */ --color-dark: #0B0C11; --color-light:#cfd0d1; /* #f5f7f9 */ --color-accent: #d7ff00; --color-accent-hover: #d7ff9a; --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1); --ease-default: cubic-bezier(0, 0, 0.58, 1); --ease-out-long: cubic-bezier(0,.5,0,1); --ease-out-medium: cubic-bezier(0,.57,.55,1); --ease-out-short: cubic-bezier(.15,.7,.78,1); --ease-elastic-1: cubic-bezier(0.68,-0.55,0.27,1.55); --ease-elastic-2: cubic-bezier(0.68,-3,0.27,5); --color-white: #ffffff; --color-white-10: rgba(255, 255, 255, 0.1); --color-white-20: rgba(255, 255, 255, 0.2); --color-white-30: rgba(255, 255, 255, 0.3); --color-white-40: rgba(255, 255, 255, 0.4); --color-white-50: rgba(255, 255, 255, 0.5); --color-white-60: rgba(255, 255, 255, 0.6); --color-white-70: rgba(255, 255, 255, 0.7); --color-white-80: rgba(255, 255, 255, 0.8); --color-white-90: rgba(255, 255, 255, 0.9); } /* ========================================================================== BASICS ========================================================================== */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height:100%; font-size: 100%; } body { font-family:var(--font-body); background-color: var(--color-white); font-weight:inherit; line-height: 1.5em; font-size:1.05em; color:var(--color-dark); word-wrap: break-word; text-align: justify; text-justify: inter-word; width: 100%; max-width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.85s cubic-bezier(.23, 1, .32, 1) ; -moz-transition: background-color 0.85s cubic-bezier(.23, 1, .32, 1) ; -ms-transition: background-color 0.85s cubic-bezier(.23, 1, .32, 1) ; -o-transition: background-color 0.85s cubic-bezier(.23, 1, .32, 1) ; transition: background-color 0.85s cubic-bezier(.23, 1, .32, 1) ; will-change: background-color; } main a { -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); text-decoration:none; color:inherit; outline:0 none !important; } main a:hover { color:var(--color-accent-dark-hover) !important } p a { color:var(--color-accent-dark) !important; text-decoration: underline } p a:hover { color:var(--color-accent-dark-hover) !important } .text-white{ color:var(--color-white)} .text-white-50{ color:var(--color-white-50)} .text-white-60{ color:var(--color-white-60)} .text-white-70{ color:var(--color-white-70)} .text-white-80{ color:var(--color-white-80)} .text-white-90{ color:var(--color-white-90)} .text-black { color:var(--color-dark)} .text-text-light { color:var(--color-light)} .text-accent { color:var(--color-accent)} .bg-white { background-color:var(--color-white) !important} .bg-light { background-color:var(--color-light) !important} .bg-grey { background-color:var(--color-grey) !important} .bg-beige { background-color:var(--color-beige) !important} .bg-dark { background-color:var(--color-dark) !important; color:var(--color-white)} .bg-green { background-color:var(--color-green) !important; } .bg-accent { background-color:var(--color-accent) !important; } .bg-accent-hover { background-color:var(--color-accent-hover) !important; } .mark, mark{ padding: 0em 0.2em; background-color: var(--color-accent) !important; } /* ========================================================================== TIPOGRAFIA ========================================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-supra, .display-fit, .display-0, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 { font-variant-ligatures: common-ligatures; font-weight:inherit !important; display:block; font-family:var(--font-body) !important; line-height:1.1em; margin-bottom:0.50em; letter-spacing:-0.01em; } .display-5, .display-6 { letter-spacing:0em; line-height:1.25em !important; } .display-fit {font-size:5.5vw; line-height:1 !important; } @media screen and (max-width:769px) { .display-fit{font-size:calc(1.475rem + 3vw)}} .display-supra {font-size:9vw; line-height:0.8em !important; letter-spacing:-0.04em !important; } @media screen and (max-width:996px) { .display-supra {font-size:8vw !important; }} @media screen and (max-width:768px) { .display-supra {font-size:9vw !important; }} .display-0{font-size:calc(1.475rem + 5vw); line-height:0.9em;} @media (min-width:1200px){.display-0{font-size:6rem}} .display-1{font-size:calc(1.475rem + 3.7vw); line-height:0.9em;} @media (min-width:1200px){.display-1{font-size:4.5rem}} .display-2{font-size:calc(1.425rem + 2.1vw)} @media (min-width:1200px){.display-2{font-size:3rem}} .display-3{font-size:calc(1.375rem + 1.5vw)} @media (min-width:1200px){.display-3{font-size:2.5rem}} .display-4{font-size:calc(1.2rem + .9vw)} @media (min-width:1200px){.display-4{font-size:2rem}} .display-5{font-size:calc(1.275rem + .3vw)} @media (min-width:1200px){.display-5{font-size:1.5rem}} .display-6{font-size:1.25rem} .fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6 { line-height: 1.15em !important; display:block; } .lead {font-size:1.25rem; letter-spacing: -0.02em !important; line-height: 1.2em !important; font-weight:normal !important; margin-bottom:1.5em; } p, .fs-base, .excerpt .excerptext, p strong { font-family: var(--font-body) !important; letter-spacing:0em !important; margin-bottom:1.5em; color:var(--color-dark); font-size:1em; line-height: 1.35em; text-align: justify; text-justify: inter-word; } @media screen and (min-width:992px) { .text-indent{ text-indent: 1.5em; } } @media screen and (max-width:769px) { p, .fs-base, .excerpt .excerptext, .lead, p.lead { font-size:1em !important; line-height: 1.3750em !important; } p strong { font-size:1em !important; line-height: 1.3750em !important; } } .stroke { color: transparent; -webkit-text-stroke: 1px var(--color-white); } .excerpt .excerptext {font-size:1.17em; line-height:inherit !important; font-weight:normal !important; margin-bottom:1em !important;} .excerptLarge .excerptext{ font-family: inherit !important; font-size:inherit !important; line-height:inherit !important; font-weight:inherit !important; } .card-text .excerptext {margin-bottom:3em !important;} .excerpt .excerptext, .excerptLarge .excerptext, .card-text .excerptext {margin-bottom:0.5em !important; } .strong, p strong, p .strong, p b, b, span strong { font-family: var(--font-body-bold) !important; font-weight:inherit !important; } .text-underline { text-decoration: underline } /* ============ BBRAND ============ */ .navbar-brand { -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); z-index: 9; margin: 0em !important; width: auto; float:left; } .navbar-brand img { width: 246px; height:27px; } @media screen and (max-width:769px) { .navbar-brand img { width: 190px !important; height:20.5px;} } .navbar-transparent .svglogo.dark, .navbar-transparent.scrolled .svglogo { filter: invert(0);} /* ========================================================================== NAVBAR ========================================================================== */ .navbar { -webkit-transition: color 0.45s var(--transition-type); -moz-transition: color 0.45s var(--transition-type); transition: color 0.45s var(--transition-type); -o-transition: color 0.45s var(--transition-type); padding: 0.85em 0; z-index: 999; background: #000; } .navbar .navbar-brand img { filter: invert(1); } .navbar-darken{ -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; -o-transition: none !important; background: var(--color-dark) !important; } .navbar-darken { background: var(--color-dark) !important; } .navbar.navbar-darken .animated-hamburger span { background: var(--color-light)} .navbar.navbar-darken .navbar-brand .svglogo { filter: invert(1);} .navbar-darken .navbar-nav .nav-link, .navbar-darken .navbar-nav .nav-link:hover, .navbar-darken .navbar-nav .current-menu-item .nav-link, .navbar-darken .dropdown-item, .navbar-darken .dropdown-item:hover, .navbar-darken .dropdown-item:focus {color: var(--color-light) !important;} .navbar-darken .dropdown-toggle::after { border-color: var(--color-light) !important;} .navbar-nav .nav-link { width: auto; padding:0 0 !important; margin-left:1em; font-family:var(--font-body) !important; color:var(--color-white); font-size: inherit; border-bottom: none !important; background: none !important; background-color: none !important; -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); } /* .navbar-nav li .nav-link:hover, .navbar-nav li.active .nav-link { color: var(--color-accent); } .navbar-nav .nav-link:hover, .navbar-nav .current-menu-item .nav-link { color:var(--color-dark); } */ @media all and (max-width:1140px) { .navbar-nav .nav-link { margin-left:1em; } } @media all and (max-width:769px) { .navbar-nav .nav-link { margin-left:0em; } } @media all and (max-width:991px) { .navbar-nav .nav-link { text-align:center; padding: 0.7rem 0rem !important; margin: 0rem !important; font-size: 1.5rem !important; letter-spacing: -0.05em; font-family:var(--font-body) !important; } } .navbar-toggler { border: none !important; padding: .25rem 0 .25rem .75rem !important; top: 0px; position: relative; } .navbar-dark .navbar-toggler { color: var(--color-white) !important; border: none !important; padding: .25rem 0 .25rem .75rem !important; } .bg-dark .navbar-toggler, .bg-accent .navbar-toggler { color: var(--color-white); background: none !important; background-color: none !important; } /* navbar-collapse*/ .navbar-collapse { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } @media all and (max-width:991px) { .navbar-collapse { overflow-y:auto; height:100vh; display: flex; align-items:center; justify-content:center; text-align:center; /*nuevo*/ min-width: 100%; text-align: center; } .navbar-nav { width: 100%; } .navbar-nav .nav-link { padding: 0.5em 0em !important; font-size: 1.5em !important; letter-spacing: 0; } } .animated-hamburger { width: 40px !important; height: 14px !important; position: relative !important; margin: 0px !important; } .animated-hamburger span { display: block !important; position: absolute !important; height: 2px !important; width: 100% !important; left: 0 !important; -webkit-transform: rotate(0deg) !important; -moz-transform: rotate(0deg) !important; -o-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transition: .25s ease-in-out !important; -moz-transition: .25s ease-in-out !important; -o-transition: .25s ease-in-out !important; transition: .25s ease-in-out !important; background: var(--color-white) } .animated-hamburger span:nth-child(1) { top: 0px !important; -webkit-transform-origin: left center !important; -moz-transform-origin: left center !important; -o-transform-origin: left center !important; transform-origin: left center !important; } .animated-hamburger span:nth-child(2) { top: 7px !important; -webkit-transform-origin: left center !important; -moz-transform-origin: left center !important; -o-transform-origin: left center !important; transform-origin: left center !important; } .animated-hamburger span:nth-child(3) { top: 14px !important; -webkit-transform-origin: left center !important; -moz-transform-origin: left center !important; -o-transform-origin: left center !important; transform-origin: left center !important; } .animated-hamburger.open span:nth-child(1) { -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; transform: rotate(45deg) !important; top: -2px !important; left: 6px !important; width:30px !important; } .animated-hamburger.open span:nth-child(2) { width: 0% !important; opacity: 0 !important; } .animated-hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -o-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; top: 19px !important; left: 6px !important; width:30px !important; } /* ========================================================================== LAYOUT ========================================================================== */ .container { max-width: 1680px !important; padding-left:2.4em !important; padding-right:2.4em !important; } @media all and (max-width:769px) { .container, .container-fluid { padding-left:1.6em !important; padding-right:1.6em !important; } } .scrolling-wrapper{ overflow-x: auto; max-height: var(--card-height) !important; -webkit-overflow-scrolling: touch; } .me-n1 { z-index:1; margin-right: -5.25rem !important; } .vh-25{height:25vh !important} .vh-50{height:50vh !important} .vh-55{height:55vh !important} .vh-60{height:60vh !important} .vh-65{height:65vh !important} .vh-70{height:70vh !important} .vh-75{height:75vh !important} .vh-75{height:75vh !important} .vh-80{height:80vh !important} .vh-85{height:85vh !important} .vh-90{height:90vh !important} .vh-95{height:95vh !important} @media all and (max-width:768px) { .vh-25, .vh-50, .vh-55, .vh-60, .vh-65, .vh-70, .vh-75, .vh-75, .vh-80, .vh-85, .vh-90, .vh-95, .vh-100, .min-vh-100, .min-vh-25, .min-vh-50, .min-vh-75{ height:auto !important; padding:10em 0;} } .fullimage{ height: 100vh } .custom-hero{height: var(--hero-height) } .custom-hero-full{height: var(--hero-height); margin-bottom: 0 !important; } .custom-headers{height: var(--headers-height) } @media all and (max-width:768px) { .custom-hero{height: var(--hero-height-sm) } .custom-hero-full{height: var(--hero-height); margin-bottom: 0 !important; } .custom-headers{height: var(--headers-height-sm) } } .pos-vertical-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 999; } .pos-vertical-bottom { margin:0 auto; left:0; right:0; width:auto; position: absolute; z-index: 999; bottom: 2em; } .pos-vertical-top { margin:0 auto; left:0; right:0; width:auto; position: absolute; z-index: 999; top: 6em; } /* ============ BOTON ============ */ .form-contact button, .form-contact html input[type="button"], .form-contact input[type="submit"], .form-contact .btn, #searchform.searchform input[type="submit"], .btn { -webkit-transition: background var(--transition-time) var(--transition-type), color var(--transition-time) var(--transition-type), border var(--transition-time) var(--transition-type); -moz-transition: background var(--transition-time) var(--transition-type), color var(--transition-time) var(--transition-type), border var(--transition-time) var(--transition-type); transition: background var(--transition-time) var(--transition-type), color var(--transition-time) var(--transition-type), border var(--transition-time) var(--transition-type); -o-transition: background var(--transition-time) var(--transition-type), color var(--transition-time) var(--transition-type), border var(--transition-time) var(--transition-type); white-space: nowrap; outline: 0 none !important; border-style: none !important; border: 0 !important; -webkit-appearance: none !important; box-sizing: border-box !important; display:inline-block !important; padding:0.8rem 1rem !important; font-weight:inherit; line-height:1em; height:auto; font-size: 0.7em; text-transform:uppercase; letter-spacing:0em; font-family:var(--font-body-bold) !important; background: var(--color-dark); color:var(--color-white); border:1px solid var(--color-dark) !important; text-decoration:none !important; border-radius: var(--radius-btn); margin-bottom:0em; } .form-contact button:hover, .form-contact html input[type="button"]:hover, .form-contact input[type="submit"]:hover, .form-contact .btn, #searchform.searchform input[type="submit"]:hover, .btn:hover { background-color: var(--color-white); border:1px solid var(--color-dark) !important; color:var(--color-dark); } a.form-contact button:hover, a.form-contact html input[type="button"]:hover, a.form-contact input[type="submit"]:hover, a.form-contact .btn, a#searchform.searchform input[type="submit"]:hover, a.btn:hover { color:var(--color-dark)!important; } .btn.accent { border:none !important; background:var(--color-accent) !important; color:var(--color-white) !important; } .btn.accent:hover { background:var(--color-dark) !important; color:var(--color-white) !important; } .btn.outline { border:1px solid var(--color-dark) !important; background:none !important; color:var(--color-dark) !important; } .btn.outline:hover { background:var(--color-dark) !important; color:var(--color-white) !important; } .btn.outline.white { border:1px solid var(--color-white) !important; background:none !important; color:var(--color-white) !important; } .btn.outline.white:hover { background:var(--color-white) !important; color:var(--color-dark) !important; } .btn.white { background:var(--color-white) !important; color:var(--color-dark) !important; } .btn.white:hover { background:var(--color-accent) !important; color:var(--color-white) !important; } .btn + .btn { margin-left:1em !important; } @media all and (max-width:992px) { .btn + .btn { margin-left:0em !important; } } .btn-sm {padding:.7rem 1.5rem !important; font-size: 0.75rem !important;} @media all and (max-width:768px) { .form-contact button, .form-contact html input[type="button"], .form-contact input[type="submit"], .form-contact .btn, .btn { padding:.7rem 1.5rem !important; font-size: 0.7rem !important; } .btn + .btn { margin-left:0em !important; } } a.btn-underline { -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); font-family:var(--font-body); color:var(--color-dark) !important; padding:0.2rem 0; border-bottom:1px solid var(--color-dark) !important; text-decoration: none; } a:hover.btn-underline { color:var(--color-accent) !important; border-bottom:1px solid var(--color-accent) !important; } .text-link { -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); font-size: 0.8em; text-transform:uppercase; letter-spacing:0em; font-family:var(--font-body-bold) !important; color:var(--color-accent) !important; text-decoration: none; } .text-link:after {margin-left: 0.5em; content: "\27F6"; -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); } .text-link:hover { color:var(--color-accent-hover) !important; } .text-link:hover:after {margin-left: 1em; } /* ============ SERVICES BOXES ============ */ /* ============ SECTION ============ */ .relative { position: relative !important; } section .row-padder { margin-bottom:6em} section .row-padder.xl { margin-bottom:9em} @media all and (max-width:768px) { section .row-padder { margin-bottom:3em} } section, footer { position: relative; overflow: hidden; padding-top: 5rem; padding-bottom: 5rem; } section.no-pad { padding: 0 !important; } section.top-pad { padding-top: 10rem;} section.section-inner { margin: 0 2.4em !important; -webkit-border-radius: var(--border-radius) !important; -moz-border-radius: var(--border-radius) !important; -o-border-radius: var(--border-radius) !important; border-radius: var(--border-radius) !important; } @media all and (max-width:769px) { section, footer{ padding-top: 2rem; padding-bottom: 2rem; } section.top-pad { padding-top: 3rem; padding-bottom: 2rem;} section.section-inner { margin: 0 1.6em !important; } } /*NUEVO*/ @media all and (min-width:768px) { section.fullSection {height:100vh !important; } section.fullSection .container { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 999; } } .overflow-visible { overflow:visible; } .overflow-hidden { overflow:hidden } main { padding-top:38px;} @media all and (max-width:992px) { main { padding-top:66px;} } /* ============ CONTAINERS ============ */ @media all and (max-width:768px) { .navbar .container { padding-left: 20px; padding-right: 20px; width: 100%; } } .z-index-1 { z-index: 1} .z-index-2 { z-index: 2} .z-index-3 { z-index: 3} /* ============ DATA OVERLAY ============ */ [data-overlay]:before { position: absolute; content: ''; background:#000; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;} [data-overlay] .container {/*position: relative;*/ z-index: 2;} /*[data-overlay] .container .pos-vertical-center {position: relative; z-index: 2;}*/ [data-overlay="1"]:before { opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; -o-opacity: 0.1; } [data-overlay="2"]:before { opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2; -o-opacity: 0.2; } [data-overlay="3"]:before { opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3; -o-opacity: 0.3; } [data-overlay="4"]:before { opacity: 0.4; -webkit-opacity: 0.4; -moz-opacity: 0.4; -o-opacity: 0.4; } [data-overlay="5"]:before { opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; } [data-overlay="6"]:before { opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; } [data-overlay="7"]:before { opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; } [data-overlay="8"]:before { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; } [data-overlay="9"]:before { opacity: 0.9; -webkit-opacity: 0.9; -moz-opacity: 0.9; -o-opacity: 0.9; } [data-overlay="10"]:before { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; } [data-overlay="0"]:before { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; } /* ============ BAR BOTTOM MOBILE ============ */ .whatsapp-bottom { position: fixed; bottom: 1.5em; right:1em; width: auto; z-index: 9997; padding: 0; margin: 0 } .whatsapp-btn{ padding:0.9em 0.8em; background-color:#22ba5a !important; webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; transition: background-color .3s ease; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; } .whatsapp-btn:hover{ background-color:#1c9c4b !important; } .whatsapp-btn img { width: 24px; height: 24px; top: -3px; position: relative; filter: invert(1); } /* ============ VARIOS ============ */ .invert { filter: invert(1) !important} hr { margin: 2em 0 !important; } /* ============ blockquote ============ */ blockquote { font-size: 1.5em; display: inline; margin: 1.5em 0px; padding: 0.5em 00px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } cite { line-height: 3; text-align: left; font-style:normal; } @media all and (max-width:768px) { .border-sm-none{border:none !important} } @media all and (max-width:992px) { .border-md-none{border:none !important} } .boxes { border-right: 1px solid #cccccc; } .boxes + .boxes { border-right: 1px solid #cccccc; } /* ========================================================================== IMAGENES ========================================================================== */ .brand-image-size { width: 45%; opacity: 0.7; } @media all and (max-width:1200px) { .brand-image-size { width:45%;}} @media all and (max-width:992px) { .brand-image-size { width:60%;}} @media all and (max-width:769px) { .brand-image-size { width: 65%;}} img { border: 0; width: 100% ; max-width: 1680px !important; vertical-align: middle; display: inline-block; height: auto; -ms-interpolation-mode: bicubic; } img.image-muted { padding:2em; opacity:0.6; transition: opacity 0.5s var(--transition-type); -webkit-transition: opacity 0.5s var(--transition-type); -moz-transition: opacity 0.5s var(--transition-type); -o-transition: opacity 0.5s var(--transition-type); transition: opacity 0.5s var(--transition-type); } img.image-muted:hover {opacity:1} @media all and (max-width:996px) { img.image-muted { padding:0em;} } .img-rounded, .img-rounded img { -webkit-border-radius: var(--border-radius) !important; -moz-border-radius: var(--border-radius) !important; -o-border-radius: var(--border-radius) !important; border-radius: var(--border-radius) !important; } .background-image-holder img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; min-width: 100%; height: 100%; /*z-index: -1;*/ } .background-image-holder.image-v-100 {height: 100vh; } .background-image-holder.image-v-75 {height: 75vh; } .background-image-holder.image-v-50 {height: 50vh; } .background-image-holder.image-v-25 {height: 25vh; } .background-image { position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background-size:cover;background-position:center;overflow:hidden; } .background{ position:absolute; top:0; right:0; bottom:0; left:0; margin:0; background-size:cover; background-position:center; overflow:hidden; width:100%; height:100%; } .image-fit img { width:100%; height:100%; object-fit:cover; text-align:center; } figcaption { font-size: 80%; padding: 5px 0; color: var(--bs-gray); } .equal-4-3{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-4-3::before{display:block;content:"";width:100%;padding-top:75%}.equal-4-3>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-3-4{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-3-4::before{display:block;content:"";width:100%;padding-top:133.3333%}.equal-3-4>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-2-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-2-1::before{display:block;content:"";width:100%;padding-top:50%}.equal-2-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-1-2{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-1-2::before{display:block;content:"";width:100%;padding-top:200%}.equal-1-2>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-1-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-1-1::before{display:block;content:"";width:100%;padding-top:100%}.equal-1-1>*{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 576px){.equal-sm-16-9{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-16-9::before{display:block;content:"";width:100%;padding-top:56.25%}.equal-sm-16-9>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-sm-16-10{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-16-10::before{display:block;content:"";width:100%;padding-top:62.5%}.equal-sm-16-10>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-sm-4-3{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-4-3::before{display:block;content:"";width:100%;padding-top:75%}.equal-sm-4-3>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-sm-3-4{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-3-4::before{display:block;content:"";width:100%;padding-top:133.3333%}.equal-sm-3-4>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-sm-2-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-2-1::before{display:block;content:"";width:100%;padding-top:50%}.equal-sm-2-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-sm-1-2{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-1-2::before{display:block;content:"";width:100%;padding-top:200%}.equal-sm-1-2>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-sm-1-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-sm-1-1::before{display:block;content:"";width:100%;padding-top:100%}.equal-sm-1-1>*{position:absolute;top:0;right:0;bottom:0;left:0}}@media (min-width: 768px){.equal-md-16-9{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)} .equal-md-4-3{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-md-4-3::before{display:block;content:"";width:100%;padding-top:75%}.equal-md-4-3>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-md-3-4{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-md-3-4::before{display:block;content:"";width:100%;padding-top:133.3333%}.equal-md-3-4>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-md-2-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-md-2-1::before{display:block;content:"";width:100%;padding-top:50%}.equal-md-2-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-md-1-2{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-md-1-2::before{display:block;content:"";width:100%;padding-top:200%}.equal-md-1-2>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-md-1-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-md-1-1::before{display:block;content:"";width:100%;padding-top:100%}.equal-md-1-1>*{position:absolute;top:0;right:0;bottom:0;left:0}}@media (min-width: 992px){.equal-lg-16-9{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)} .equal-lg-4-3{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-lg-4-3::before{display:block;content:"";width:100%;padding-top:75%}.equal-lg-4-3>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-lg-3-4{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-lg-3-4::before{display:block;content:"";width:100%;padding-top:133.3333%}.equal-lg-3-4>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-lg-2-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-lg-2-1::before{display:block;content:"";width:100%;padding-top:50%}.equal-lg-2-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-lg-1-2{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-lg-1-2::before{display:block;content:"";width:100%;padding-top:200%}.equal-lg-1-2>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-lg-1-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-lg-1-1::before{display:block;content:"";width:100%;padding-top:100%}.equal-lg-1-1>*{position:absolute;top:0;right:0;bottom:0;left:0}}@media (min-width: 1200px){.equal-xl-16-9{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xl-4-3{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xl-4-3::before{display:block;content:"";width:100%;padding-top:75%}.equal-xl-4-3>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xl-3-4{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xl-3-4::before{display:block;content:"";width:100%;padding-top:133.3333%}.equal-xl-3-4>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xl-2-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xl-2-1::before{display:block;content:"";width:100%;padding-top:50%}.equal-xl-2-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xl-1-2{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xl-1-2::before{display:block;content:"";width:100%;padding-top:200%}.equal-xl-1-2>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xl-1-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xl-1-1::before{display:block;content:"";width:100%;padding-top:100%}.equal-xl-1-1>*{position:absolute;top:0;right:0;bottom:0;left:0}}@media (min-width: 1400px){.equal-xxl-16-9{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xxl-4-3{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xxl-4-3::before{display:block;content:"";width:100%;padding-top:75%}.equal-xxl-4-3>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xxl-3-4{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xxl-3-4::before{display:block;content:"";width:100%;padding-top:133.3333%}.equal-xxl-3-4>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xxl-2-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xxl-2-1::before{display:block;content:"";width:100%;padding-top:50%}.equal-xxl-2-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xxl-1-2{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xxl-1-2::before{display:block;content:"";width:100%;padding-top:200%}.equal-xxl-1-2>*{position:absolute;top:0;right:0;bottom:0;left:0}.equal-xxl-1-1{position:relative;display:block;overflow:hidden;height:auto !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0, 0, 0)}.equal-xxl-1-1::before{display:block;content:"";width:100%;padding-top:100%}.equal-xxl-1-1>*{position:absolute;top:0;right:0;bottom:0;left:0}} /* ============ fadeEffect ============ */ .fadeEffect { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -webkit-transition: opacity var(--transition-time) var(--transition-type); -moz-transition: opacity var(--transition-time) var(--transition-type); transition: opacity var(--transition-time) var(--transition-type); -o-transition: opacity var(--transition-time) var(--transition-type); } .fadeEffect.show { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; } /* ============ CARDS ============ */ .card-img-overlay { background-color: rgba(0,0,0, 0.4); } .card {overflow:hidden; margin-bottom: 2em; } .card .card-image { overflow:hidden; margin-bottom: 0.4rem; } .card img, .card .card-image img { overflow:hidden; -webkit-transition: opacity var(--transition-time) var(--transition-type); -moz-transition: opacity var(--transition-time) var(--transition-type); transition: opacity var(--transition-time) var(--transition-type); -o-transition: opacity var(--transition-time) var(--transition-type); } .card a img:hover, .card .card-image a img:hover { opacity: 0.8;} .card-body { padding: 0.0em 0; } @media all and (min-width:992px) { .wrap-reducido { width: 70% } } @media all and (max-width:768px) {.wrap-reducido { width: 90% }} .card-body.testimonials { padding: 0em; } .card-body.testimonials .card-text { padding: 0em 1em; } .card-body.testimonials .title p { margin-bottom:0.3em !important; font-family:var(--font-body) !important; } .card-body.owl { padding: 0.5em 0em; } @media all and (max-width:768px) { .card-body.owl { padding: 0em; } } .card-body.card-services { padding: 0em; } .card-body.card-services .card-text { padding: 0em 1em 1em 1em; } .card .card-body .title { margin-bottom:0.5em ; line-height: 1.2; } .card .card-body .excerpt { color:#777; } .card-body.testimonials p { margin-bottom:0em; } @media screen and (max-width:769px) { .card { margin-bottom: 1em; } .card .card-wrap { padding: 1em 0;} .card-wrap .card-body { position: absolute; padding: 0em 1.5em !important; } .card-body { padding:0; } } .card-hover-gradient:hover{background-color:var(--color-accent) !important} .card>.card-wrap{height:100%;display:flex;flex-direction:column;z-index:4} .card .equal, .card .background{z-index:0} .card:hover{z-index:4} .card-hover-reveal{overflow:hidden}.card-hover-reveal>*{z-index:4} .card-hover-reveal .background{transition:all 0.3s ease-in-out;opacity:0;transform:scale(1.1);z-index:2} .card-hover-reveal:hover{color:#fff} .card-hover-reveal:hover .background{opacity:1;transform:scale(1)} .card-hover-gradient{transition:background-color 0.2s ease-in-out;background-color:#000} .card-hover-gradient .background{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.4)));mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.4)))} .card-hover-gradient:hover{background-color:#4726e1} .card-img-top{transition:all .2s;transition-delay:0s} .card-footer { padding: 1.5em 1.5em 2em 1.5em;} @media all and (max-width:768px) { .card-footer { padding: 1.5em;} } .circled-testimonial-image { display: flex; align-items: center; justify-content: center; position: relative; width: 135px; height: 135px; margin: 0 auto; overflow: hidden; } @media screen and (max-width:769px) { .circled-testimonial-image { width: 75px; height: 75px; } } /* ============ CUSTOM GRID MASONRY ============ */ #gridContainer { column-count: 4; column-gap: 20px; } #gridContainer .grid-item { margin: 0 ; padding: 0; display: grid; margin-bottom: 20px; grid-template-rows: 1fr auto; break-inside: avoid; } @media all and (max-width:992px) { #gridContainer { column-count: 3; column-gap: 15px; } } @media all and (max-width:768px) { #gridContainer { column-count: 2; column-gap: 15px; } } /* ============ LISTAS ============ */ .list-group-item { padding: 0.5rem 0rem; } .list-unstyled.list-group-item { border: none !important} .list-unstyled.list-border-bottom .list-group-item { border-bottom: 1px solid #ccc !important} .list-unstyled.list-border-bottom .list-group-item:last-child { border: none !important} .list-unstyled { padding:0.5em 0; margin: 0; } .list-unstyled.contact-list li { padding: 0.2rem 0rem; } .list-unstyled.contact-list li:first-child { padding-top:0; } .list-unstyled.contact-list li:last-child { padding-bottom:0; } .list-contact { list-style: none; padding-left: 0;} /* ========================================================================== FOOTER ========================================================================== */ footer { padding: 3.5rem 0 !important; overflow:hidden;} footer .copyright { font-size:80%;} footer .copyright .arrow-up { font-size:150%; color:#fff} footer .brand-footer { } footer .brand-footer img { width: auto; height: 1.3em; filter: invert(0); margin-bottom: 1em; } @media all and (max-width:768px) { footer { padding: 2rem 0 !important; } } /* ========================================================================== PLUGINS ========================================================================== */ /* ========================================================================== OFFCANVAS ========================================================================== */ .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); } .offcanvas-header, .offcanvas-body, .offcanvas-footer { padding: 2rem; } .offcanvas-end { width: 400px; } @media (max-width:992px) {/* LG */ .offcanvas-end { width: 50%; } } @media (max-width:768px) {/* MD */ .offcanvas-end { width: 100%; } } .bg-dark .btn-close { color: var(--color-white) !important; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } /* ============ COOKIES ============ */ #cookie-notice { z-index:999; min-width:inherit; min-width: 360px !important; width: 360px !important; text-align: left; background: var(--color-dark) !important; color:var(--color-dark) !important; font-weight:inherit !important; font-family: inherit !important; font-size: 0.75em; letter-spacing: -0.01em; right:0 !important; margin:0 1em 1em auto !important; } #cookie-notice .cookie-notice-container { margin:0 auto; padding: 25px; text-align: left; color:var(--color-white) !important; } #cookie-notice .cookie-notice-container a { color: var(--color-white-60) } #cookie-notice .cookie-notice-container a:hover { color: var(--color-white) } #cookie-notice .cn-text-container { margin: 0px 24px 20px 0;} @media all and (max-width:768px) { #cookie-notice .cookie-notice-container {padding: 15px; line-height:1.5em !important; text-align:left !important; } #cookie-notice { min-width: 100% !important; width: 100% !important; border:none !important; margin:0 !important; } } #cookie-notice .btncookie { white-space: nowrap; outline: 0 none !important; border-style: none !important; border: 0 !important; -webkit-appearance: none !important; box-sizing: border-box !important; display:inline-block !important; border-radius: var(--radius-btn) !important; font-weight:inherit; line-height:1 !important; text-transform:uppercase; font-size: 0.65rem !important; padding: 0.8rem 1.2rem !important; letter-spacing:0em; font-family:var(--font-body-bold); -webkit-transition: all var(--transition-time) var(--transition-type); -moz-transition: all var(--transition-time) var(--transition-type); transition: all var(--transition-time) var(--transition-type); -o-transition: all var(--transition-time) var(--transition-type); margin:0em !important; } #cookie-notice #cn-accept-cookie.btncookie { background: var(--color-white); color:var(--color-dark);} #cookie-notice #cn-accept-cookie.btncookie:hover { background: var(--color-accent); color:var(--color-dark); } #cookie-notice #cn-refuse-cookie.btncookie { color:var(--color-white); border:1px solid var(--color-white) !important; background: none; } #cookie-notice #cn-refuse-cookie.btncookie:hover { color:var(--color-accent); border:1px solid var(--color-accent) !important; } #cookie-notice .btncookie + .btncookie {margin-left:1em !important } .cn-close-icon { right: 5px !important; top: 5px !important; margin-top: 0 !important; opacity: 1 !important; } .cn-close-icon::before, .cn-close-icon::after { background-color: var(--color-white) !important; } #cn-close-notice {display: none !important; visibility: none !important;} /* ____________________ Owl Carousel ____________________ */ /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } /* ENd CSS3 Transitions */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer{ overflow: initial; } /* @media all and (max-width:992px) { .owl-carousel .owl-wrapper-outer{ overflow: initial; } } */ .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../img/grabbing.png) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons{ position: absolute; top: 50%; left: 0; right: 0; } .owl-theme .owl-controls .owl-pagination{ position: relative; line-height:0; padding:3px 0; margin:0 auto; width:auto; float:none; text-align: center; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius:14px; -o-border-radius:14px; border-radius: 14px; } .owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next { position: absolute;} .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next{ display: inline-block; *display: inline;/*IE7 life-saver */ margin:0; padding:12px 0 6px 0; text-align:center; text-indent:inherit; width: 45px; height:45px; font-size:1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.6s ease-in-out; -webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.6s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.6s ease-in-out; color:#000; background: #FFF; cursor: pointer; } @media all and (max-width: 768px) { .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next{ margin:0; padding:8px 0 6px 0; width: 30px; height:30px; font-size:0.7em; } } .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .owl-theme .owl-controls .owl-buttons .owl-next:hover{ color:#fff; background: #000; text-decoration: none; } .owl-theme .owl-controls .owl-prev {left: 1.4em;} .owl-theme .owl-controls .owl-next {right: 1.4em;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 10px; height: 10px; margin: 6px 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-radius: 20px; border-radius: 20px; background:none; border:1px solid var(--color-dark); -webkit-transition:background 0.3s ease-in; -moz-transition:background 0.3s ease-in; -ms-transition:background 0.3s ease-in; -o-transition:background 0.3s ease-in; transition:background 0.3s ease-in; } .owl-theme .owl-controls .owl-page.active span { width: 20px; background: var(--color-dark); } .owl-theme .owl-controls.clickable .owl-page:hover span{ background: var(--color-dark); } .dark-bg .owl-theme .owl-controls .owl-page span{ background:#CCC; background:rgba(255,255,255,0.4); } .dark-bg .owl-theme .owl-controls .owl-page.active span, .dark-bg .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #fff;} .owl-carousel .owl-controls { z-index: 9; bottom: -10px; position: absolute; width: 100%; text-align: center; margin: 0 auto; } /*botones */ .owl-carousel .owl-controls .owl-buttons div { position: absolute; display: inline-block; *display: inline; margin: 0; padding: 0px 0px!important; text-align: center; text-indent: inherit; width: 40px; height: 40px; font-size: 1em; line-height: 0em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; transition: background .2s ease-in-out, color .2s ease-in-out; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out; -moz-transition: background .2s ease-in-out, color .2s ease-in-out; -o-transition: background .2s ease-in-out, color .2s ease-in-out; color: var(--color-dark); background: var(--color-white); cursor: pointer } .owl-carousel .owl-controls .owl-buttons .owl-prev { left: -0.8em!important} .owl-carousel .owl-controls .owl-buttons .owl-next { right: -1.2em!important} @media all and (max-width:768px) { .owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-carousel .owl-controls .owl-buttons .owl-next { margin: 0; padding: 8px 0 6px 0; width: 30px; height: 30px; font-size: .7em; line-height:3em; } } .owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-carousel .owl-controls .owl-buttons .owl-next { color: var(--color-white); background: var(--color-dark); } .owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: var(--color-accent);} @media all and (max-width:992px) { .owl-carousel .owl-controls .owl-buttons .owl-next { right: -1em !important} } @media all and (max-width:768px) { .owl-carousel .owl-controls .owl-buttons .owl-next { right: -1.2em !important} } .owl-carousel {margin-bottom: 2em !important; } /* owl-hero */ .owl-carousel.owl-hero .owl-item img { width:100vw; height: var(--hero-height); object-fit:cover; } .owl-carousel.owl-hero {overflow: hidden !important; /*border-radius: var(--border-radius) !important;*/} @media all and (max-width:1200px) { .owl-carousel.owl-hero .owl-item img {height:70vh !important; } } @media all and (max-width:992px) { .owl-carousel.owl-hero .owl-item img {height:55vh !important; } } @media all and (max-width:768px) { /*.owl-carousel.owl-hero .owl-item img {height: var(--hero-height-sm)!important; }*/ .owl-carousel.owl-hero .owl-item img {height:45vh !important; } } @media all and (max-width:576px) { .owl-carousel.owl-hero .owl-item img {height:34vh !important; } } /* ========================================================================== COLORES ========================================================================== */ .bg-light p, .bg-light .fs-base, .bg-light .excerpt .excerptext, .bg-light strong, .bg-accent p, .bg-accent .fs-base, .bg-accent .excerpt .excerptext, .bg-accent strong { color:var(--color-dark); } .bg-dark .mark-decoration::before{ border: 1px solid var(--color-light) !important; } .bg-dark p, .bg-dark .fs-base, .bg-dark .excerpt .excerptext, .bg-dark strong { color:var(--color-light); } .bg-dark p a { color:var(--color-light) !important; } .bg-dark p a:hover { color:var(--color-white) !important; } .bg-dark .navbar-brand a { color:var(--color-white); } .bg-dark a { color:var(--color-white) } .bg-dark .navbar-darken{ background: var(--color-dark) !important; } .bg-dark .navbar-transparent .navbar-brand .svglogo , .bg-dark .navbar-transparent.scrolled .navbar-brand .svglogo { fill: #ffffff; } .bg-dark .navbar-transparent .navbar-brand , .bg-dark .navbar-transparent.scrolled .navbar-brand { color:var(--color-light) } @media all and (max-width:992px) { .bg-dark .navbar-transparent.scrolled , .bg-dark .navbar-transparent.opac { background: var(--color-dark) !important; } } .bg-dark .navbar-brand, .bg-dark .navbar-brand a { color: var(--color-white) !important; } .bg-dark .navbar .svglogo, .bg-dark .navbar.scrolled .svglogo { filter: invert(1);} .bg-dark .navbar-transparent .svglogo, .bg-dark .navbar-transparent.scrolled .svglogo { filter: invert(1);} .bg-dark .navbar-brand-footer {filter: invert(1);} .bg-dark .navbar-nav a.nav-link { color:var(--color-white-70) !important; } .bg-dark .navbar-nav a.nav-link:hover { color:var(--color-white) !important; } .bg-dark .navbar-nav .current-menu-item .nav-link { color:var(--color-white-70) !important; } .bg-dark .dropdown-toggle { outline:none !important} .bg-dark .dropdown-toggle::after { border-color: var(--color-white); } .bg-dark .dropdown-toggle:hover::after{ opacity:1; } .bg-dark .navbar-transparent .dropdown-toggle::after { border-color: var(--color-white);} .bg-dark .navbar-transparent.scrolled .dropdown-toggle::after { border-color: var(--color-dark);} @media all and (max-width:992px) { .bg-dark .dropdown-toggle::after {border-color:var(--color-white) !important;} } .bg-dark .dropdown-menu { color:var(--color-white) !important; background: var(--color-light) !important; } @media all and (max-width:991px) { /* .bg-dark .dropdown-menu[data-bs-popper] { margin-top: 0rem !important; } */ .bg-dark .dropdown-menu { color:var(--color-white) !important; background: none !important; padding: 0 !important; } .bg-dark .dropdown-item { color:var(--color-white-70) !important; } .bg-dark .dropdown-item:hover, .bg-dark .dropdown-item:focus { color:var(--color-white) !important; } } .bg-dark .animated-hamburger span { background: var(--color-white) } .bg-dark .navbar.scrolled .animated-hamburger span { background: var(--color-white)} .bg-dark .navbar .animated-hamburger.open span:nth-child(1), .bg-dark .navbar .animated-hamburger.open span:nth-child(3) { background: var(--color-white)} .bg-dark .navbar.ico , .bg-dark .navbar .ico { filter: brightness(1) invert(1);} .bg-dark .navbar.scrolled .ico.dark { filter: brightness(0) invert(1);} .bg-dark .invert-img, .bg-dark .invert-img.dark { filter: brightness(0) invert(1);} .bg-dark .btn { border:1px solid var(--color-white) !important; background:var(--color-white) !important; color:var(--color-dark) !important; } .bg-dark .btn:hover { background:none !important; color:var(--color-white) !important; border:1px solid var(--color-grey)!important; } .bg-dark .btn.outline { border:1px solid var(--color-white) !important; background:none !important; color:var(--color-white) !important; } .bg-dark .btn.outline:hover { background:var(--color-white) !important; color:var(--color-dark) !important; } .bg-dark .list-group-item { border-bottom: 1px solid rgba(255,255,255,.125); } .bg-dark .list li a, .bg-dark ul.horizontal-list li a {color: var(--color-white)} .bg-dark .list li a:hover, .bg-dark ul.horizontal-list li a:hover {color: var(--color-white-70) !important} .bg-dark .card { color:var(--color-dark) !important;} .bg-dark .card-text a, .bg-dark .card-text a { color:var(--color-white) !important; } .bg-dark .card .btn { background-color:var(--color-dark) !important; color:var(--color-white) !important} .bg-dark .card .btn:hover { background-color:var(--color-light) !important; color:var(--color-dark) !important} .bg-dark .card-body .card-title, .bg-dark .card-body .card-title a { color: var(--color-white)} .bg-dark .card-body .card-title a:hover, .bg-dark .card-body .card-title a:hover { color: var(--color-accent)} .bg-dark .testimonials { border: 1px solid rgba(255,255,255,0.25) !important; } .bg-dark .border-top{ border-top: 1px solid rgba(255,255,255,0.25) !important;} .bg-dark .border-bottom { border-bottom: 1px solid rgba(255,255,255,0.25) !important;} .bg-dark hr { background-color: var(--color-white); } .bg-dark .line-divider { border-top: 1px solid rgba(255,255,255, 0.2); } .bg-dark .leadMagnetForm p {color: var(--color-white)!important;} .bg-dark .line-text:before, .bg-dark .line-text:after { background: var(--color-white); } .bg-dark .form-contact .form-group .form-group-advice { color: #F90 !important; } .bg-dark .form-contact textarea, .bg-dark .form-contact input[type="reset"], .bg-dark .form-contact input[type="text"], .bg-dark .form-contact input[type="email"], .bg-dark .form-contact input[type="date"] { color: var(--color-white) !important; background: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important; } .bg-dark .form-contact input[type="reset"]:focus, .bg-dark .form-contact input[type="text"]:focus, .bg-dark .form-contact input[type="email"]:focus, .bg-dark .form-contact input[type="date"]:focus, .bg-dark .form-contact textarea:focus { color: var(--color-white)!important; border-bottom: 1px solid var(--color-white) !important; } .bg-dark .form-contact button, .bg-dark .form-contact html input[type="button"], .bg-dark .form-contact input[type="submit"], .bg-dark .form-contact .btn { color: var(--color-dark) !important; background-color:var(--color-white) !important; } .bg-dark .form-contact button:hover, .bg-dark .form-contact html input[type="button"]:hover, .bg-dark .form-contact input[type="submit"]:hover, .bg-dark .form-contact .btn:hover { color: var(--color-dark) !important; background-color: var(--color-white) !important; } .bg-dark .form-contact button:disabled, .bg-dark .form-contact html input[type="button"]:disabled, .bg-dark .form-contact input[type="submit"]:disabled, .bg-dark .form-contact .btn:disabled { color: var(--color-white) !important; background: none !important; border: 1px solid var(--color-white)!important; } .bg-dark .form-contact .form-box-accept{ color: var(--color-white)!important; background: none !important; border: 1px solid var(--color-white-30) !important; } .bg-dark .form-contact .form-box-accept a{ color: var(--color-light) !important } .bg-dark .form-contact .form-box-accept a:hover { color: var(--color-white) !important } .bg-dark .form-contact select { border-bottom: 1px solid rgba(255, 255, 255, 0.2) ) !important; padding: .6em 1.4em .5em 0em; background: none !important; background-color: none !important; color: var(--color-white-50); outline: 0; } .bg-dark .form-contact select:hover, .bg-dark .form-contact select:focus { color: var(--color-white); outline: 0} .bg-dark .logos img, .bg-blue .logos img, .bg-dark .brand-logos img, .bg-blue .brand-logos img, .bg-dark .brand-image-size, .bg-blue .brand-image-size { filter: invert(1) !important} .bg-dark a.btn-underline { color:var(--color-white) !important; } .bg-dark a:hover.btn-underline { color:var(--color-accent) !important; } .bg-dark .owl-theme .owl-controls .owl-page span{ border:1px solid var(--color-white); } .bg-dark .owl-theme .owl-controls .owl-page.active span, .bg-dark .owl-theme .owl-controls.clickable .owl-page:hover span{ background: var(--color-white); } .bg-dark .dark-bg .owl-theme .owl-controls .owl-page span{ background:rgba(255,255,255,0.4); } .bg-dark .dark-bg .owl-theme .owl-controls .owl-page.active span, .bg-dark .dark-bg .owl-theme .owl-controls.clickable .owl-page:hover span{ background: var(--color-white);}