@charset "utf-8"; .pulse { animation: pulse-animation-primary 1.5s infinite; } @keyframes pulse-animation-primary { 0% { box-shadow: 0 0 0 0 rgba(0, 146, 66, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(0, 146, 66, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 146, 66, 0); } } .bullet { display: inline-block; width: 10px; height: 10px; transform: translateY(1px); background-color: #009242; } .font-secondary { font-family: var(--bs-font-secondary); } .divider { border-top-width: 3px; width: 140px; border-color: #00463b; opacity: 1; } .btn-icon { position: relative; } .btn-icon .icon { position: absolute; width: 2.8rem; height: 2.8rem; margin-top: -1.4rem; top: 50%; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; } .btn-icon .icon .fa-sharp { position: absolute; font-size: 1.4rem !important; margin-top: -0.7rem; margin-left: -0.7rem; top: 50%; left: 50%; } .btn-icon.icon-left  { padding-left: 3.75rem; } .btn-icon.icon-left .icon { left: 0.25rem; } .btn-icon.icon-right  { padding-right: 3.75rem; } .btn-icon.icon-right .icon { right: 0.25rem; } .btn-primary.btn-icon .icon { background-color: #00463B; } .btn-dark.btn-icon .icon { background-color: #009242; } /* Header */ header { width: 100%; padding: 1rem 0; } header:not(.simple) { padding: 2.75rem 0; background-color: rgba(112, 158, 139, 0.2); } header .brand { width: 160px; } header.is-fixed { position: fixed; background-color: #fff; padding: 0.5rem 0; z-index: 9; top: 0; left: 0; } header.is-fixed .brand { width: 145px; } @media (max-width: 580px) { header:not(.simple) { padding: 0.5rem 0; } } /* Discover */ .discover { padding: 5rem 0 13rem; background: url('/img/content/service-bg1-1.webp') no-repeat, linear-gradient(180deg,rgba(112, 158, 139, 0.2) 15%, rgba(255, 255, 255, 1) 100%); background-size: cover; background-position: top center; } .discover .banner { position: relative; padding: 10rem 2.5rem 2.5rem; background: url('/img/content/banner.webp') no-repeat; background-size: cover; background-position: center center; z-index: 1; } .discover .banner::after { position: absolute; background: linear-gradient(180deg, rgba(0, 69, 58, 0.6) 0%, rgba(4, 56, 49, 0.9) 100%); border-radius: 2.5rem; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .discover .banner .carousel { transform: translateY(180px); } .discover .banner .card { padding: 1.75rem 2.25rem 2.25rem; } .discover .banner .card .number { font-size: calc(2rem + 1.5vw) !important; opacity: 0.35; } .discover .banner .card .number .icon { font-size: 3rem; } @media (max-width: 576px) { .discover .banner { padding: 8rem 2.5rem 2.5rem; } .discover .banner .carousel { transform: translateY(150px); } } @media (max-width: 998px) { .discover .banner { padding: 8rem 2.5rem 2.5rem; } .discover .banner .carousel { transform: translateY(150px); } } /* Company */ .company { padding: 7rem 0; } .company .company-experience { position: absolute; border: 15px solid #fff; width: 250px; bottom: -50px; right: -10px; } .company .company-experience .icon { color: #719f8c; } .brands figure { opacity: 0.85; filter: grayscale(100%); } .brands .epson { width: 100px; } .brands .brother { width: 120px; } .brands .bic { width: 100px; } .brands .kinera { width: 120px; } .brands .azor { width: 120px; } .brands .sharpie { width: 120px; } .brands .hp { width: 75px; } /* Services */ .services { padding: 7rem 0; } .services .services-box { position: relative; background-color: #00463b; z-index: 1; } .services .services-box::after { position: absolute; background: url('/img/content/shape-1.webp') no-repeat; background-size: cover; content: ''; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.015; border-radius: var(--bs-border-radius-xxl); } .services .services-box .badge { background-color: rgb(113, 159, 140, 0.15); } .services .service-item { background-color: #043831; min-height: 520px; } .services .service-item .icon { color: #719f8c; } /* Supplies */ .supplies { padding: 7rem 0; } .supplies-img { max-height: 320px; } .supplies-img img { width: 100%; } /* Contact */ .contact { padding: 7rem 0; } .contact .contact-box { position: relative; background-color: #043831; z-index: 1; } .contact .contact-box::after { position: absolute; background: url('/img/content/shape-13.webp') no-repeat; background-size: cover; content: ''; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; border-radius: var(--bs-border-radius-xxl); } .contact .contact-box .contact-img { position: absolute; background: url('/img/content/contact.webp') no-repeat; background-size: cover; background-position: center; width: 35%; height: 100%; top: 0; left: 0; } .contact .contact-box .badge { background-color: rgb(113, 159, 140, 0.15); } .contact .contact-box .form-control { background-color: #00463b; border-color: #00463b; color: #e9ecef; } .contact-items .card { min-height: 225px; } @media (max-width: 998px) { .contact .contact-box { padding-bottom: 400px !important; } .contact .contact-box .contact-img { width: 100%; height: 350px; top: auto; bottom: 0; left: 0; margin: 0; } } .legal { padding: 5rem 0; } .error-404 { padding: 5rem 0; } .error-404 h1 { font-size: 18rem; } @media (max-width: 576px) { .error-404 h1 { font-size: 9rem; } } footer { padding: 4rem 0 3rem; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(112, 158, 139, 0.2) 100%); } footer .brand { width: 160px; } footer .card { min-height: 225px; } .social-list li a { display: block; background-color: rgba(0, 70, 60, 0.2); width: 60px; height: 60px; line-height: 60px; color: #021c29; transition: 0.15s ease-in-out; } .social-list li a:hover { color: #fff; background-color: #00463b; } footer .btn-up { position: fixed; bottom: 50px; right: 50px; width: 65px; height: 65px; line-height: 65px; z-index: 99; transition: 0.25s linear; } footer .btn-up:not(.show) { opacity: 0; visibility: hidden; }