{% load static %} @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); :root { --blanco: #fff; --primary-color: #fa4c07; --primary-color-gradient: #c93100; --secondary-color: #00205b; --tertiary-color: #2E3C50; --blue: #00205b; --text: #3a3a3e; --transition: all .4s; --font-weight-title: 800; --font-weight-desc: 400; --font-size: 16px; --box-shadow: 11px 18px 21px 0 #0000001c; --text-shadow: 6px 4px 9px #d8d7d7; --border-radius: 15px; --second-font-size: 20px; --transition: all .4s; } html::-webkit-scrollbar { height: 20px; width: 10px; background: #f1f1f1; border-radius: 10px } html::-webkit-scrollbar-corner { background: #999; border-radius: 10px } html::-webkit-scrollbar-thumb { background: #999; border-radius: 10px } *::-webkit-scrollbar { height: 20px; width: 10px; background: #f1f1f1; border-radius: 10px } *::-webkit-scrollbar-corner { background: #999; border-radius: 10px } *::-webkit-scrollbar-thumb { background: #999; border-radius: 10px } .jumpBtn { animation: jumping 2800ms ease-in infinite; } @keyframes jumping { 0% { bottom: 0; } 2% { bottom: 2px; } 4% { bottom: 0; } 6% { bottom: 2px; } 8% { bottom: 0; } 11% { transform: scale(1); } 12% { transform: scale(1.1); } 14% { transform: scale(1); } } html, body { margin: 0; padding: 0; box-sizing: border-box; } body#home{ font-family: 'Poppins', sans-serif !important; } html { position: relative; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen { html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; -webkit-transform: none; transform: none; } html:not(.no-js) [data-aos="fade-up"] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } html:not(.no-js) [data-aos="fade-down"] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } html:not(.no-js) [data-aos="fade-right"] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } html:not(.no-js) [data-aos="fade-left"] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } html:not(.no-js) [data-aos="fade-up-right"] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } html:not(.no-js) [data-aos="fade-up-left"] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } html:not(.no-js) [data-aos="fade-down-right"] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } html:not(.no-js) [data-aos="fade-down-left"] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } html:not(.no-js) [data-aos="zoom-in"] { -webkit-transform: scale(0.6); transform: scale(0.6); } html:not(.no-js) [data-aos="zoom-in-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-out"] { -webkit-transform: scale(1.2); transform: scale(1.2); } html:not(.no-js) [data-aos="zoom-out-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; visibility: hidden; } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0); } html:not(.no-js) [data-aos="slide-up"] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html:not(.no-js) [data-aos="slide-down"] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } html:not(.no-js) [data-aos="slide-right"] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos="slide-left"] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } html:not(.no-js) [data-aos="flip-left"] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos="flip-left"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-right"] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos="flip-right"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-up"] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-up"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos="flip-down"] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos="flip-down"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } } html, body { position: relative; } .loading { width: 100%; height: calc(100% + 10000px); position: absolute; top: 0; left: 0; background: var(--tertiary-color)!important; overflow: hidden; animation: 1s fadeimg; -webkit-animation:fadeimg 1s; animation-delay: 1s; -webkit-animation-delay: 1s; z-index: 99999999; opacity: 1; } @-webkit-keyframes fadeimg { 0% { opacity: 1;} to { opacity: 0;} } @keyframes fadeimg { 0% { opacity: 1;} to { opacity: 0;} } .preload-img { position:fixed; width:100%;height:100vh; left:0px; top:0px; z-index: 99999999; } .logo-container-preload { position:absolute; left:50%; top:50%; margin: 0 auto; width: auto; height: 30px; display: flex; align-items: center; box-sizing: border-box; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .preload-container { width: auto; height: auto; margin: 0px auto; align-items: center; display: flex; cursor: pointer; text-decoration: none; } .solulogo-preload { text-align: center; margin: 0 auto; } .solulogo-preload img { width: 260px; height: auto; justify-self: start; margin: 0 auto; transition: var(--transition); display: block; transform: translate(0, 0px); } @media only screen and (max-width:900px) { .solulogo-preload img { width: 240px; height: auto; margin: 0 auto; text-align: center; justify-self: start; transition: var(--transition); display: block; transform: translate(0, 0px); } } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } img { max-width: 100% } a { text-decoration: none } button, input { border: 0 } button { background: 0 0 } em { font-style: normal } a { color: white!important; text-decoration: none !important; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff!important; background-color: var(--primary-color)!important; border: var(--primary-color)!important; } .btn-primary:hover { color: #fff!important; background-color: var(--primary-color-gradient)!important; border: var(--primary-color-gradient)!important;; } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: var(--primary-color); } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color) } .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(253, 66, 49, 0.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color) } .btn-secondary { color: var(--primary-color-gradient)!important; background-color: #ffffff!important; border-color: #ffffff!important } .btn-secondary:hover { color: var(--primary-color)!important; background-color: #f3f3f3!important; border-color: #f3f3f3!important } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5) } .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5) } .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5) } .btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus+.btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5) } .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) } .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5) } .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5) } .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) } .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5) } .btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus+.btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5) } .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5) } .btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5) } .btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5) } .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5) } .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5) } .btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, .15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, .15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255, 255, 255, .15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, .15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; flex: 1 1 auto } .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn~.btn { border-top-left-radius: 0; border-top-right-radius: 0 } textarea { border: 0; padding: 0; margin: 0; resize: none } .text h1 { font-size: 2em; -webkit-margin-before: .67em; margin-block-start: .67em; -webkit-margin-after: .67em; margin-block-end: .67em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0 } .text h1, .text h2 { display: block; font-weight: 700 } .text h2 { font-size: 1.5em; -webkit-margin-before: .83em; margin-block-start: .83em; -webkit-margin-after: .83em; margin-block-end: .83em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0 } .text h3 { font-size: 1.17em; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0 } .text h3, .text h4 { display: block; font-weight: 700 } .text h4 { font-size: 1em; -webkit-margin-before: 1.33em; margin-block-start: 1.33em; -webkit-margin-after: 1.33em; margin-block-end: 1.33em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0 } .text h5 { font-size: .83em; -webkit-margin-before: 1.67em; margin-block-start: 1.67em; -webkit-margin-after: 1.67em; margin-block-end: 1.67em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0 } .text h5, .text h6 { display: block; font-weight: 700 } .text h6 { font-size: .67em; -webkit-margin-before: 2.33em; margin-block-start: 2.33em; -webkit-margin-after: 2.33em; margin-block-end: 2.33em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0 } .text pre { display: block; white-space: pre; margin: 1em 0 } .text sup { vertical-align: super; font-size: smaller } .text sub { vertical-align: sub; font-size: smaller } h2, h3, h4, h5 { line-height: 1.1 } li, ol, p { line-height: 1.2 } h2 { font-size: 44px } @media screen and (max-width:1366px) { h2 { font-size: 38px } } @media screen and (max-width:991px) { h2 { font-size: 28px } } h3 { font-size: 32px; margin-bottom: 10px } @media screen and (max-width:1366px) { h3 { font-size: 28px } } @media screen and (max-width:991px) { h3 { font-size: 24px } } h4 { font-size: 26px; margin-bottom: 10px } @media screen and (max-width:1366px) { h4 { font-size: 22px } } @media screen and (max-width:991px) { h4 { font-size: 18px } } h5 { font-size: 22px; margin-bottom: 10px } @media screen and (max-width:1366px) { h5 { font-size: 18px } } @media screen and (max-width:991px) { h5 { font-size: 16px } } a, li, p { font-size: 18px; line-height: 1.4 } @media screen and (max-width:1366px) { a, li, p { font-size: 16px } } button, input, select, textarea { font-size: 16px; line-height: 1.5 } @media screen and (max-width:1366px) { button, input, select, textarea { font-size: 16px } } @media screen and (max-width:991px) { button, input, select, textarea { font-size: 14px } } .container, .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; box-sizing: border-box; } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } @media (min-width:1450px) { .container { max-width: 1366px } } .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px } body#home { background: var(--tertiary-color)!important; } header { padding: 10px 0 0; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; background: 0 0; transition: .2s; background: var(--tertiary-color); box-shadow: 0 0 15px rgb(0 0 0 / 40%); } @media screen and (max-width:991px) { header { padding: 15px 0 } } header.scrolled .nav-toggle.open:hover .bar { background: #fff!important } header a.logo img{ width: auto!important; height: 65px!important } @media screen and (max-width:991px) { header a.logo img{ height: 45px!important } } header .container { display: flex; flex-direction: column; align-items: flex-start } @media (max-width:1450px) { header .container { max-width: 100%; } } @media (min-width:990px) and (max-width: 1450px) { header .container { max-width: 100%; padding-right: 80px; padding-left: 80px; } } header .nav-toggle, header .nav-mobile-cart, header .nav-mobile-users { display: none } @media screen and (max-width:991px) { header .nav-toggle { top: 25px; right: 15px; width: 40px; height: 30px; z-index: 99 } header .nav-mobile-cart { top: 18px; right: 68px; z-index: 99; display: block; position:absolute } header .nav-mobile-users { top: 18px; right: 128px; z-index: 99; display: block; position:absolute } header .nav-toggle, header .nav-toggle .bar { display: block; position: absolute; transition: all .2s ease-in-out } header .nav-toggle .bar { top: 0; right: 0; bottom: 0; left: 0; margin: 5px 7px; width: 27px; height: 3px; background: #fff; transform: translateY(0); cursor: pointer } header .nav-toggle .bar.bar-2 { transform: translateY(8px) } header .nav-toggle .bar.bar-3 { transform: translateY(16px) } header .nav-toggle.open { top: 35px; right: 15px } header .nav-toggle.open:hover .bar { background: #fff!important } header .nav-toggle.open .bar-1 { transform: rotate(45deg) } header .nav-toggle.open .bar-2 { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } header .nav-toggle.open .bar-3 { transform: rotate(-45deg) } } @media screen and (max-width:991px) and (max-width:1200px) { header .nav-toggle.open+.header__menu .social { display: block } } @media screen and (max-width:991px) { header .nav-toggle.open+.header__menu nav { display: block } } @media screen and (max-width:991px) { header nav { position: fixed; left: 0; top: 75px; height: 0%; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: var(--tertiary-color); overflow: hidden; transition: .2s } header nav.active { height: 100%; padding-top: 10px } } header nav .submenu, header nav a { font-weight: 600; font-size: 16px; color: #fff; position: relative; margin: 0 12px; transition: .2s; text-transform: uppercase; font-family: 'Poppins', sans-serif !important; } header nav .submenu:first-child, header nav a:first-child { margin-left: 0 } @media screen and (max-width:991px) { header nav .submenu:first-child, header nav a:first-child { margin: 0 12px } } header nav .submenu:hover, header nav a:hover { color: var(--primary-color) } header nav .submenu.active, header nav a.active { color: #fff; text-decoration: none; } @media screen and (max-width:1366px) { header nav .submenu, header nav a { font-size: 16px } } @media screen and (max-width:991px) { header nav .submenu, header nav a { width: 90%; text-align: left; padding: 16px; font-size: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.048); line-height: 1em } header nav .submenu:last-child, header nav a:last-child { border-bottom: 0 } } #btn-lista-precio { display: none; } @media screen and (max-width:991px) { #btn-lista-precio { display: block; } } header .nav__top { width: 100%; display: flex; justify-content: space-between; align-items: center; /*padding-bottom: 15px;*/ margin-bottom: 15px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.068);*/ } @media screen and (max-width:991px) { header .nav__top { border: 0!important; padding: 0!important; margin: 0!important } } header .nav__top__item { display: flex; align-items: center } header .nav__top__item .btn { margin-top: 0; margin-left: 10px } @media screen and (max-width:991px) { header .nav__top__item:last-child { display: none } } header .nav__top .dollar { opacity: 1; transition: .2s; display: flex; justify-content: center; align-items: flex-start; flex-direction: column } header .nav__top .dollar.hidden { opacity: 0 } header .nav__top .dollar div { display: flex } header .nav__top .dollar div span { font-size: 18px; color: #fff; margin-right: 5px; } header .nav__top .dollar div span#dollar-buy, header .nav__top .dollar div span#dollar-sale { font-weight: 600 } @media screen and (max-width:1366px) { header .nav__top .dollar div span { font-size: 16px } } header .nav__top .dollar div .dollar__item { margin-right: 15px; padding-right: 10px!important; border-right: 1px solid #cfd0cf; padding: 3px 0 } header .nav__top .dollar .dollar__item { align-items: center; justify-content: center } header .nav__top .dollar .dollar__item.update { margin-bottom: 3px } header .nav__top .dollar .dollar__item.update span { font-size: 14px!important; display: block } header .nav__bottom { width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; position: relative } header .nav__bottom nav, header .nav__bottom__item { width: 100%; display: flex; justify-content: space-between; align-items: center } header .nav__bottom__item { margin-bottom: 15px } @media screen and (max-width:991px) { header .nav__bottom__item { flex-direction: column; width: 100% } } header .social { display: flex; align-items: center } @media screen and (max-width:991px) { header .social { margin: 0; padding: 0; justify-content: center; width: 100%; border: none } } header .social a { margin: 0 0 0 8px!important; transition: .1s; width: 30px!important; height: 30px!important; padding: 0!important; border-radius: 50%; background: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff } @media screen and (max-width:991px) { header .social a { width: 40px!important; height: 40px!important; border: 0!important } } header .social a svg { width: 15px; height: auto; fill: #fff; } header .social a:before { content: none!important } header .social a:hover { color: #fff } header .social a.facebook:hover { border-color: #3b5998!important; background: #3b5998!important } header .social a.twitter:hover { border-color: #1da1f2!important; background: #1da1f2!important } header .social a.instagram:hover { border-color: #e1306c!important; background: #e1306c!important } header .social a.youtube:hover { border-color: red!important; background: red!important } header .social a.linkedin:hover { border-color: #0077b5!important; background: #0077b5!important } header .social a.whatsapp:hover { border-color: #009e0d!important; background: #009e0d!important } @media only screen and (max-width:990px){ header .social__mobile { display: flex !important; width: 100%; text-align: center; align-items: center; justify-content: center; margin-top: 40px; } } header .social__mobile { display: none; } header .social__mobile a { margin: 0 10px !important; transition: .1s; width: 50px!important; height: 50px!important; padding: 0!important; border-radius: 50%; background: transparent; border: 1px solid #fff !important; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff } header .social__mobile a svg { width: 26px; height: auto; fill: #fff; } header .social__mobile a:before { content: none!important } header .social__mobile a:hover { color: #fff } header .social__mobile a.facebook:hover { border-color: #3b5998!important; background: #3b5998!important } header .social__mobile a.twitter:hover { border-color: #1da1f2!important; background: #1da1f2!important } header .social__mobile a.instagram:hover { border-color: #e1306c!important; background: #e1306c!important } header .social__mobile a.youtube:hover { border-color: red!important; background: red!important } header .social__mobile a.linkedin:hover { border-color: #0077b5!important; background: #0077b5!important } header .social__mobile a.whatsapp:hover { border-color: #009e0d!important; background: #009e0d!important } header .catalogo { border-left: 1px solid #fff; margin: 0 0 0 20px; } header .btn__clientes { background: var(--primary-color) ; padding: 8px 14px; border-radius: 8px; color: #fff; transition: var(--transition); margin-left: 40px; } header .btn__clientes:hover { background: var(--primary-color-gradient); } header .btn__clientes__mobile { background: var(--primary-color) ; padding: 16px 14px; border-radius: 8px; color: #fff; transition: var(--transition); display: none; } @media only screen and (max-width:900px) { header .btn__clientes__mobile { display: block; } } body :focus { outline: 0 } body.hidden { overflow: hidden!important } .mainheader { padding: 0; text-align: center } #solu__slides { transform: translate(0, 120px); } @media only screen and (max-width:900px) { #solu__slides { transform: translate(0, 0); } } .swiper { width: 100%; height: auto; } .swiper_product_slide { width: 100%!important; height: 220px!important; } .swiper-slide { width: 100%!important; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide_product { width: 100%; max-width: 160px!important; height: 220px!important; text-align: center; font-size: 12px; background: transparent!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0 6px; } .producto__box_slider { width: 100%; max-width: 160px!important; height: 120px; margin: 0!important; padding-bottom: 0!important; } .productos_slider { padding: 10px 0; } .producto__box_slider:hover .producto__text{ font-weight: 700; transition: transform 0.2s ease-out; } .car-img-product_slider { width: 100%; min-width: 140px!important; min-height: 120px; object-fit: cover; border-radius: 3px; background: #fff; box-shadow: none; display: block; margin: 0 auto; } .swiper-slide img { width: 100%; height: auto; object-fit: contain; } .swiper-slider-img-desktop { display: block; } .swiper-slider-img-mobile { display: none; } @media (max-width: 900px) { .swiper-slide img { width: 100%; height: 100vh; object-fit: cover; } .swiper { width: 100%; height: 100vh; } .swiper-slider-img-mobile { display: block; } .swiper-slider-img-desktop { display: none; } } .swiper-pagination-bullet { width: 12px !important; height: 12px !important; font-size: 0; background: #fff !important; color: rgba(255, 255, 255, 0.788) !important; } .swiper-pagination-bullet-active { color: #fff; background: rgba(255, 255, 255, 0.753) !important; width: 14px !important; height: 14px !important; transform: translate(0, -1px); } #presentacion__home { margin-top: 180px; padding: 60px 0; box-sizing: border-box; } @media only screen and (max-width:900px) { #presentacion__home { margin-top: 80px; padding: 60px 0; box-sizing: border-box; } .presentacion__text { width: 100%; max-width: 800px; color: #fff; margin-bottom: 80px; } .presentacion__container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; overflow: hidden; } } @media only screen and (min-width:901px) and (max-width:1400px) { #presentacion__home { margin-top: 160px; padding: 60px 0; box-sizing: border-box; } .presentacion__text { width: 100%; max-width: 800px; color: #fff; margin-bottom: 80px; } .presentacion__container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; } } .presentacion__container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; } .presentacion__text { width: 100%; max-width: 800px; color: #fff; } @media only screen and (min-width:901px) and (max-width:1400px) { .presentacion__text { width: 100%; max-width: 600px; color: #fff; } } .presentacion__text p { margin: 10px 0; } .presentacion__picture { position: relative; } .presentacion__picture img{ width: 100%; max-width: 300px; border-radius: 30px; position: relative; } .presentacion__picture::before { content: ""; position: absolute; top: -30px; right: -30px; width: 100%; max-width: 300px; height: 100%; border-radius: 30px; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); } #valores { padding: 60px 0; box-sizing: border-box; } .valores__container { display: flex; align-items: center; flex-direction: column; color: #fff; } .valores__container p, .valores__container h2 { text-align: center; } .valores__container p { margin-top: 10px; } .valores__row { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; align-items: center; } .valor__box { width: 120px; height: 120px; display: flex; flex-direction: column; align-items: center; background: none; margin: 20px; } .valor__box i { font-size: 60px; fill: #fff } .valor__box span { padding-top: 20px; font-size: 20px; text-align: center; } @media only screen and (max-width:500px) { .valores__row { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; align-items: center; } .valor__box { width: 120px; height: 120px; display: flex; flex-direction: column; align-items: center; background: none; margin: 20px auto; } } .banner__row { display: flex; flex-wrap: wrap; } .banner__picture { flex: 0 0 41.666667%; max-width: 41.666667%; } .banner__picture img { height: 100%; } .banner__text { flex: 0 0 58.333333%; max-width: 58.333333%; box-sizing: border-box; padding: 50px 40px; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); color: #fff; } .banner__text p { padding-top: 28px; } @media only screen and (max-width:900px) { .banner__row { display: flex; flex-direction: column; } .banner__picture { flex: 1; max-width: 100%; } .banner__text { flex: 1; max-width: 100%; padding: 0 40px; box-sizing: border-box; padding: 50px; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); color: #fff; } } @media only screen and (min-width:901px) and (max-width:1500px) { .banner__text { flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 40px; box-sizing: border-box; padding: 20px; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); color: #fff; } } #company__iso { padding: 60px 0; box-sizing: border-box; } .iso__container { display: flex; flex-wrap: wrap; align-items: center; } .iso__text { flex: 0 0 41.666667%; max-width: 41.666667%; padding-right: 40px; box-sizing: border-box; color: #fff; } .iso__pdf { flex: 0 0 58.333333%; max-width: 58.333333%; } @media only screen and (max-width:900px) { .iso__container { display: flex; flex-direction: column; align-items: center; } .iso__text { flex:1; max-width: 100%; padding-right: 0; box-sizing: border-box; color: #fff; } .iso__pdf { flex: 1; max-width: 100%; width: 100%; margin-top: 20px; } } #servicios-tabs { width: auto; height: auto; padding: 0; list-style: none; box-sizing: border-box; outline: none; font-weight: normal; text-align: center; margin: 0 auto; } @media only screen and (max-width:900px) { #servicios-tabs { padding: 0; } } @media only screen and (min-width:901px) and (max-width:1700px) { #servicios-tabs { padding: 0; } } .tabs-container { width: 100%; margin: 0 auto; } li.active { padding: 8px 0 !important; margin-right: -0px !important; border: none; border-bottom: 6px solid var(--primary-color) !important; } .content { display: none; opacity: 0; width: 100%; margin: 0 auto; height: auto; margin-top: -10px; -webkit-animation: display-none-transition 1s ease; animation: display-none-transition 1s ease; } @media only screen and (max-width:900px) { .content { margin-top: 1px; } } .content iframe { width: 100%; height: 400px; } .servicios-check { display: flex; align-items: center; margin: 10px 0; } .servicios-check svg { width: 40px; height: 40px; padding-right: 12px; } .servicios-check svg path { fill: var(--primary-color); } .servicios-check span { font-size: 18px; } @keyframes display-none-transition { 0% { display: none; opacity: 0; } 1% { display: block; } 100% { opacity: 1; } } @-webkit-keyframes display-none-transition { 0% { display: none; opacity: 0; } 1% { display: block; } 100% { opacity: 1; } } .content-section .active { display: block; opacity: 1; } ul.tabs { margin-bottom: 10px; padding: 0; display: flex; } @media only screen and (max-width:900px) { ul.tabs { width: 100%; display: flex; margin: 0 auto; } li.li-tabs { width: 100% !important; } } li.li-tabs { list-style: none; width: 320px; text-align: center; border-bottom: 2px solid #cfd0cf; font-size: 18px; margin: 0 -0px; font-family: var(--font); cursor: pointer; padding: 8px 0; text-transform: uppercase; color: #fff; } .content__row { display: flex; } .map__content { flex: 0 0 70%; max-width: 70%; } .contact__content { flex: 0 0 30%; max-width: 30%; height: 400px; color: #fff; display: flex; flex-direction: column; padding: 60px 40px; box-sizing: border-box; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); } .contact__content span { margin: 10px; } @media only screen and (max-width:1000px) { .content__row { display: flex; flex-direction: column; } .map__content { flex:1; max-width: 100%; } .contact__content { flex: 1; max-width: 100%; color: #fff; display: flex; flex-direction: column; padding: 60px 40px; box-sizing: border-box; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); } } #footer { width: 100%; height: auto; box-sizing: border-box; background: var(--terciary-color); margin: 0; padding: 8px 260px; display: flex; align-items: center; box-shadow: 0 0 50px rgb(0 0 0 / 10%); } .footer-container { width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; } .footer-credits { line-height: 14px; } .footer-credits p { margin: 0; color: var(--blanco); font-size: 14px; } .logo-container-footer { width: auto; position: relative; box-sizing: border-box; } .solu-logo { width: 220px; height: auto; justify-self: center; display: block; } /* .logo-nohover{ width: 160px; height: auto; justify-self: center; display: block; transform: translate(0, 0px); opacity: 1; bottom: 0px; right: 0; position: relative; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .logo-hover{ width: 160px; height: auto; justify-self: center; transform: translate(0, 0px); opacity: 0; bottom: 0px; right: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } */ @media only screen and (max-width:900px){ .logo-hover img, .solu-logo img{ width: 160px; height: auto; } } .logo-container-footer:hover .logo-nohover { opacity: 0; } .logo-container-footer:hover .logo-hover { opacity: 1; } @media only screen and (max-width:900px) { #footer { width: 100%; height: auto; box-sizing: border-box; background: var(--tertiary-color); margin: 0; padding: 15px; display: flex; align-items: center; } .footer-container { width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; } .logo-nohover, .logo-hover{ width: 160px; height: auto; bottom: 0px; } .footer-credits p { margin: 0; color: var(--blanco); font-size: 10px; } } @media only screen and (min-width:901px) and (max-width:1700px) { #footer { padding: 20px 60px; } } #banner__producto { width: 100%; height: 300px; background-repeat: no-repeat; color: var(--blanco); background-position: left; background-size: cover; display: flex; align-items: center; transform: translate(0, 130px); } @media only screen and (max-width:991px) { #banner__producto { transform: translate(0, 60px); } } #banner__producto h1 { font-size: 44px; text-transform: uppercase; text-align: center !important; display: flex; } #producto { margin-top: 180px; padding: 60px 0 } #producto h2 { color: #fff; text-align: center; } #producto p { color: var(--blanco); text-align: center; padding-bottom: 20px; } #productos { display: flex; justify-content: center; flex-wrap: wrap; } #certificaciones { margin-top: 180px; padding: 80px 0 60px } @media only screen and (max-width:991px) { #producto { margin-top: 100px !important; } #nosotros { margin-top: 100px !important; } #contacto { margin-top: 100px !important; } #certificaciones { margin-top: 100px !important; } #ubicaciones { margin-top: 100px !important; } } @media only screen and (max-width:900px) { #productos { display: flex; flex-wrap: wrap; justify-content: center; } .search-bar input { width: 100% !important; padding: 16px; border-radius: 20px; background: rgba(255, 255, 255, 0.281); color: #fff; box-sizing: border-box; } } .search-bar { width: 100%; padding-bottom: 60px; text-align: center; } .search-bar input { width: 60%; padding: 16px; border-radius: 20px; background: rgba(255, 255, 255, 0.281); color: #fff; box-sizing: border-box; } .search-bar input::placeholder { color: #fff; } .card { text-align: center; background: #fff; margin: 12px; padding-bottom: 20px; } .card img { width: 100%; border-radius: 12px; } .card-body h5 { color: #000; } /* .producto__box { position: relative; margin: 20px; box-sizing: border-box; } @media only screen and (max-width:900px) { .producto__box { position: relative; margin: 20px auto; box-sizing: border-box; } } .producto__box .card { position: relative; width: 320px; height: 450px; background: rgba(255, 255, 255, 0.281); border-radius: 20px; overflow: hidden; } .producto__box .card:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--primary-color); clip-path: circle(150px at 80% 20%); transition: 0.5s ease-in-out; } .producto__box .card:hover:before { clip-path: circle(300px at 80% -20%); } .producto__box .card .producto__picture { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; width: 100%; height: 220px; transition: 0.5s; } .producto__box .card:hover .producto__picture{ top: 0; transform: translateY(0%); } .producto__box .card .producto__picture img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; } .producto__box .card .producto__text { position: absolute; bottom: 0; width: 100%; height: 100px; text-align: center; transition: 1s; z-index: 10; } .producto__box .card:hover .producto__text { height: 210px; } .producto__box .card .producto__text h2 { position: relative; font-weight: 600; letter-spacing: 1px; color: #FFFFFF; font-size: 20px; padding-bottom: 0 !important; } .producto__box .card .producto__text .size, .producto__box .card .producto__text .color { display: flex; justify-content: center; align-items: center; padding: 8px 20px; transition: 0.5s; opacity: 0; visibility: hidden; } .producto__box .card:hover .producto__text .size { opacity: 1; visibility: visible; transition-delay: 0.5s; } .producto__box .card:hover .producto__text .color { opacity: 1; visibility: visible; transition-delay: 0.6s; } .producto__box .card .producto__text .size h3, .producto__box .card .producto__text .color h3 { color: #FFFFFF; font-weight: 300; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-right: 10px; transform: translate(0px,5px); } .producto__box .card .producto__text .size span { width: auto; height: 26px; padding: 2px; text-align: center; line-height: 26px; font-size: 14px; display: inline-block; color: #111111; background: #FFFFFF; margin: 0 5px; transition: 0.5s; color: #111111; border-radius: 4px; cursor: default; } .producto__box .card .producto__text a { display: inline-block; padding: 10px 20px; background: #FFFFFF; border-radius: 4px; margin-top: 10px; text-decoration: none; font-weight: 400; color: #111111; opacity: 0; transform: translateY(50px); transition: var(--transition); } .producto__box .card .producto__text a:hover { background: var(--primary-color); color: #fff; transition: var(--transition)!important; } .producto__box .card:hover .producto__text a { opacity: 1; transform: translateY(0px); transition-delay: 0.6s; } .image { width: 320px; } */ #contacto { margin-top: 180px; padding: 60px 0; } #contacto h2 { text-align: center; color: var(--blanco); } #contacto p { text-align: center; color: var(--blanco); } /**Bannerform**/ #banner-form { box-sizing: border-box; width: 100%; max-width: 1400px; height: auto; margin: 0 auto; padding: 60px 20px 80px 20px; box-sizing: border-box; } .proyecto-form { width: 100%; margin: 0; } .proyecto-form form { display: flex; flex-direction: column; } .form-tittle-and-desc h1 { width: 100%; font-size: 40px; color: var(--blanco); text-align: center; } .proyecto-form p { width: 100%; font-size: 18px; text-align: center; color: var(--blanco); font-weight: var(--font-weight-desc); } .input-top ,.input-center { display: flex; justify-content: space-between; } .input-top input { width: 100%; height: auto; padding: 8px 20px; border-radius:0; border: none; outline: none; margin-right: 20px; font-size: 14px; margin-top: 0; background-color: transparent; border-bottom: 1px solid var(--blanco); color: var(--blanco); font-family: var(--font)!important; } .input-top input::placeholder { font-size: 14px; color: var(--blanco); } /* .input-anim:focus { border-bottom: 3px solid var(--azul2); transition: var(--transition); } */ .input-top input:last-child { margin-right: 0; } .input-center input { width: 100%; height: auto; padding: 8px 20px; border-radius: 0; border: none; outline: none; font-size: 14px; margin-top: 20px; margin-right: 20px; background-color: transparent; border-bottom: 1px solid var(--blanco); color: var(--blanco); font-family: var(--font)!important; } .input-center input:last-child { margin-right: 0; } .input-center input::placeholder { font-size: 14px; color: var(--blanco); } .input-text { padding: 8px 20px; border-radius: 0; margin-top: 20px; font-size: 14px; width: 100%; margin-bottom: 20px; border: none; outline: none; background-color: transparent; border-bottom: 1px solid var(--blanco); color: var(--blanco); box-sizing: border-box; font-family: var(--font)!important; } .input-text::placeholder { font-size: 14px; color: var(--blanco); } button { transform: translate(0,20px); } .form-btn { width: 100%; margin: 0 auto; color: var(--blanco); border-radius: 12px; padding: 12px; cursor: pointer; background: var(--primary-color-gradient); } .form-btn:hover { background: var(--primary-color); } @media only screen and (max-width:900px) { .proyecto-container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .proyecto-text { width: 100%; max-width: 700px; padding-right: 0; } .form-tittle-and-desc h1 { width: 100%; margin: 10px 0; font-size: 40px; color: var(--blanco); text-align: center; } .proyecto-form { width: 100%; max-width: 800px; margin: 0px auto; text-align: center; } .proyecto-form form { display: flex; flex-direction: column; } .input-top ,.input-center { width: 100%; max-width: 340px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; display: flex; flex-direction: column; text-align: center; position: relative; } .input-top input ,.input-center input{ width: 100%; margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 14px 0; } /* .input-anim:focus { border-bottom: 3px solid var(--blanco); transition: var(--transition); } */ .input-top input:last-child { margin-right: 0; } .input-center input:last-child { margin-right: 0; } .input-text { width: 100%; } textarea.input-text { width: 100%; margin: 0 auto; padding: 10px 20px; box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: none; outline: none; background-color: none; border-bottom: 1px solid var(--blanco); } } @media only screen and (min-width:901px) and (max-width:1700px) { .proyecto-form { width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; } .proyecto-form form { display: flex; flex-direction: column; } .proyecto-form h1 { width: 100%; font-size: 40px; color: var(--blanco); } .proyecto-form p { width: 100%; font-size: 16px; color: var(--blanco); font-weight: var(--font-weight-desc); } } #banner__nosotros { width: 100%; height: 300px; background-repeat: no-repeat; color: var(--blanco); background-position: left; background-size: cover; display: flex; align-items: center; transform: translate(0, 130px); } @media only screen and (max-width:991px) { #banner__nosotros { transform: translate(0, 60px); } } #banner__nosotros h1 { font-size: 44px; text-transform: uppercase; text-align: center !important; display: flex; } #nosotros { margin-top: 180px; padding: 80px 0 60px } .nosotros__container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; } @media only screen and (max-width:900px) { #nosotros { padding: 80px 0 60px; box-sizing: border-box; overflow: hidden; } .nosotros__container { display: flex; flex-direction: column !important; justify-content: center; align-items: center; position: relative; } .nosotros__text { flex: 0 0 100% !important; width: 100%!important; color: #fff; max-width: 100%!important; padding-left: 0px !important; padding-top: 60px; box-sizing: border-box; } .nosotros__text__secondary { flex: 0 0 100% !important; width: 100%!important; color: #fff; max-width: 100%!important; padding-left: 0px !important; padding-top: 60px; box-sizing: border-box; } .nosotros__picture { flex: 0 0 100%!important; max-width: 100%!important; width: 100%!important; box-sizing: border-box; color: #fff; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .nosotros__picture__secondary { flex: 0 0 100%!important; max-width: 100%!important; width: 100%!important; box-sizing: border-box; color: #fff; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; margin-top: 80px; } } .nosotros__text { width: 100%; color: #fff; flex: 0 0 60%; max-width: 60%; padding-left: 80px; box-sizing: border-box; } .nosotros__text__secondary { width: 100%; color: #fff; flex: 0 0 60%; max-width: 60%; padding-right: 80px; box-sizing: border-box; } .nosotros__text p { margin: 10px 0; } .nosotros__picture { flex: 0 0 40%; max-width: 40%; box-sizing: border-box; color: #fff; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .nosotros__picture img{ width: 100%; border-radius: 30px; position: relative; } .nosotros__picture::before { content: ""; position: absolute; top: -40px; left: -40px; width: 100%; height: 100%; border-radius: 30px; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); } .nosotros__picture__secondary { flex: 0 0 40%; max-width: 40%; box-sizing: border-box; color: #fff; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .nosotros__picture__secondary img{ width: 100%; border-radius: 30px; position: relative; } .nosotros__picture__secondary::before { content: ""; position: absolute; top: -40px; left: 40px; width: 100%; height: 100%; border-radius: 30px; background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%); } .exito-container { width:90% ; height: auto; background: none; margin-left: auto; margin-right: auto; left: 0; right: 0; border-radius: 20px; margin-bottom: 60px; } .exito-svg { margin: 60px; text-align: center; } .svg-width { width: 160px; height: 160px; } @supports ((-webkit-animation: crece 0.5s cubic-bezier(0.25, 0.25, 0.25, 1) forwards) or (animation: crece 0.5s cubic-bezier(0.25, 0.25, 0.25, 1) forwards)) { .exito-tilde { stroke-opacity: 0; stroke-dasharray: 29px; stroke-dashoffset: 29px; -webkit-animation: mitilde 0.6s cubic-bezier(0.25, 0.25, 0.25, 1) forwards; animation: mitilde 0.6s cubic-bezier(0.25, 0.25, 0.25, 1) forwards; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .exito-circle { fill-opacity: 0; stroke: #219a00; stroke-width: 16px; transform-origin: center; transform: scale(0); -webkit-animation: crece 2s cubic-bezier(0.25, 0.25, 0.25, 1.25) forwards; animation: crece 2s cubic-bezier(0.25, 0.25, 0.25, 1.25) forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } } @-webkit-keyframes crece { 60% { transform: scale(0.8); stroke-width: 4px; fill-opacity: 0; } 100% { transform: scale(0.9); stroke-width: 8px; fill-opacity: 1; fill: #219a00; } } @keyframes crece { 60% { transform: scale(0.8); stroke-width: 4px; fill-opacity: 0; } 100% { transform: scale(0.9); stroke-width: 8px; fill-opacity: 1; fill: #219a00; } } @-webkit-keyframes mitilde { 0%, 100% { stroke-opacity: 1; } 100% { stroke-dashoffset: 0; } } @keyframes mitilde { 0%, 100% { stroke-opacity: 1; } 100% { stroke-dashoffset: 0; } } .exito-text { text-align: center; padding-bottom: 60px; -webkit-animation: miconsulta 1s cubic-bezier(0.25, 0.25, 0.25, 1) forwards; animation: miconsulta 1s cubic-bezier(0.25, 0.25, 0.25, 1) forwards; -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } .exito-text h1 { font-weight: var(--font-weight-title); color: var(--blanco); } .exito-text p { font-weight: var(--font-weight-desc); color: var(--blanco); } @-webkit-keyframes miconsulta { 0% { stroke-width: 4px; opacity: 0.4; } 100% { stroke-width: 8px; opacity: 1; } } @media only screen and (max-width:1200px) { .svg-width { width: 140px; height: 140px; } .exito-container { width:100% ; height: auto; margin-top: -120px; margin-left: auto; margin-right: auto; left: 0; right: 0; border-radius: 20px; margin-bottom: 60px; } .exito-text { text-align: center; padding-bottom: 60px; padding-left: 20px; padding-right: 20px; } .exito-text h1 { font-weight: var(--font-weight-title); } .exito-text p { font-weight: var(--font-weight-desc); } } #ubicaciones { margin-top: 180px; padding: 60px 0; } #ubicaciones h2 { text-align: center; color: var(--blanco); } #ubicaciones p { text-align: center; color: var(--blanco); } #id_producto_mobile { margin-top: 120px; margin-bottom: 120px; position: relative; } @media (max-width: 970px) { #id_producto_mobile { margin-top: 60px; box-sizing: border-box; margin-left: 10px; margin-right: 10px; } .producto_id { background: #fff; padding: 40px 28px 20px !important; } } .producto_id { background: #fff; border-radius: 8px; padding: 40px 28px 20px !important; } .container_content { display: flex; align-items: top; justify-content: space-around; } /* .producto_foto { flex: 0 0 40%; max-width: 40%; text-align: center; border: 1px solid rgba(190, 190, 190, 0.85); padding: 40px 0; border-radius: 8px; height: 100%; } .producto_content { flex: 0 0 60%; max-width: 60%; height: auto; color: #fff; display: flex; flex-direction: column; box-sizing: border-box; text-align: left !important; padding-left: 20px; } @media (max-width:768px) { .container_content { display: flex; flex-direction: column; align-items: top; justify-content: space-around; } .producto_foto { flex: 0 0 100%; max-width: 100%; text-align: center; border: 1px solid rgba(147, 147, 147, 0.85); padding: 40px 0; } .producto_content { flex: 0 0 100%; max-width: 100%; height: auto; color: #fff; display: flex; flex-direction: column; box-sizing: border-box; text-align: left !important; padding-left: 0px !important; margin: 20px 0; } } */ .cart_detail_mobile { display: none; } @media (max-width:900px) { .cart_detail_mobile { display: block; background: #fff!important; border-radius: 6px; padding: 10px; margin-bottom: 20px; } .carrito_contenido_mobile { height: 280px; overflow: hidden; overflow-y: scroll; } } .producto_foto img { width: 100%; max-width: 360px; margin: 0 auto; text-align: center; border:none!important; } .producto_content { border-left: 1px solid #ebebeb; } .producto_content h2 { color: var(--primary-color)!important; word-break: break-word; text-align: left !important; margin-bottom: 10px; } .producto_content h5 { color: var(--tertiary-color); } .producto_content span { color: #000; } .fixed_cart { height: auto; border: 1px solid #ebebeb; padding: 6px; border-radius: 6px; } .fixed-offcanvas .offcanvas-header { margin-bottom: 10px; } .fixed_cart_content { height: 360px; overflow: hidden; overflow-y: scroll; } .item-card-fixed { background: #ebebeb!important; } @media (max-width:768px) { .producto_content { border: none; } .fixed_cart { border: none; display: none; background: #fff; } } .container_tabs { width: 100%; text-align: left; margin-top: 20px; } .tab-group{ display: flex; justify-content: left; } @media (max-width:600px) { .tab-group { display: flex; flex-direction: column; } .tab{ width: 100%!important; max-width: 100% !important; padding: 0.375rem 0!important; border-radius: 0!important; } } .tab{ width: 100%; padding: 0.375rem 0.75rem; list-style:none; text-align:center; cursor:pointer; font-size: 1rem; line-height: 1.5; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom: 4px solid var(--tertiary-color); } .panel-group{ height:auto; border-top:none; margin-top: 20px; } .panel{ display:none; box-sizing: border-box; } .tab.is-active{ color: #fff; background-color: var(--tertiary-color); border-color: var(--tertiary-color); transition: all 0.2s ease-out; } .panel.is-show{ display:block; } .panel__content { display: flex; flex-wrap: wrap; justify-content: center; } .card { width: 100%; max-width: 240px; text-align: center; font-size: 16px!important; } @media (max-width: 600px) { .card { width: 100%; max-width: 100%; } } .card-img-top { width: auto!important; height: 100% !important; max-height: 180px!important; padding: 20px!important; box-sizing: border-box; border-radius: 12px; } /*card planos*/ .card-planos { width: 100%; text-align: center; font-size: 16px!important; } .card-img-top-planos { width: 100%; height: 100%; border-radius: 12px; } /**/ .card-text { color: #000!important; font-size: 16px!important; } .card-title { padding: 0 20px 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } .card-title-producto { padding: 0 20px 0px; font-size: 16px; } .rwd-table { margin: auto; min-width: 300px; max-width: 100%; width: 100%; border-collapse: collapse; } .rwd-table tr:first-child { border-top: none; background: var(--tertiary-color); color: #fff; } .rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f5f9fc; } .rwd-table tr:nth-child(odd):not(:first-child) { background-color: #ebf3f9; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { margin-top: .5em; } .rwd-table td:last-child { margin-bottom: .5em; } .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 120px; display: inline-block; color: #000; } .rwd-table th, .rwd-table td { text-align: left; } .rwd-table { color: #333; border-radius: .4em; overflow: hidden; } .rwd-table tr { border-color: #bfbfbf; } .rwd-table th, .rwd-table td { padding: .5em 1em; } @media screen and (max-width: 601px) { .rwd-table tr:nth-child(2) { border-top: none; } } @media screen and (min-width: 770px) { .rwd-table tr:hover:not(:first-child) { background-color: #d8e7f3; } .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 1em !important; } } @media (max-width:900px) { .tittle_mobile_break { font-size: 32px !important; text-align: center!important; justify-content: center!important; } } @media (max-width:900px) { #banner__nosotros { background: url('img/WEB_-_banners_imagenes_-_nosotros_KEOhl4p.png')!important; } } .box-container{ width: 400px; position: absolute; left: 30%; margin-left: -200px; } @keyframes movement { 0% {left: 0px; transform: skew(-10deg, 10deg);} 50% {left: 100px; transform: skew(10deg, -10deg);} 100% {left: 0px; transform: skew(-10deg, 10deg);} } .box-calltoaction{ background: var(--tertiary-color); position: absolute; width: 40vw; height: 400px; left: 50%; top: 10%; margin-left: -20vw; border-radius: 20px; } .pop-content { width: 65%; margin: 0 auto; text-align: center; font-size: 1.1em; color: #fff; font-family: 'Lato', sans-serif; font-weight: bold; margin-top: 80px; } .pop-content small{ font-weight: 300; font-size: .6em; } .bar_wpp a, .bar_wpp a:hover { text-decoration: none; } .txt_wpp { background: #fff; width: 100%; margin: 0 auto; padding: 10px; color: #ffcec9; text-decoration: none; } .text_obs{ font-weight: 300; font-size: 18px; } .chuncky{ width: 100%; position: absolute; bottom: -30px; opacity: 1; } .popup-all{ transition: all 3s; position: fixed; z-index: 9999!important; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0; } @media (min-width: 1200px) and (max-width: 1500px){ .box-container{ left: 25%; } .box-calltoaction { background: var(--tertiary-color); position: absolute; width: 60vw; height: 500px; left: 50%; top: 10%; margin-left: -30vw; } } @media (min-width: 1000px) and (max-width: 1200px){ .box-container{ left: 20%; } .box-calltoaction { background: var(--tertiary-color); position: absolute; width: 70vw; height: 500px; left: 50%; top: 10%; margin-left: -35vw; } } @media (max-width: 999px){ .box-calltoaction { bbackground: var(--tertiary-color); position: absolute; width: 80vw; height: 500px; left: 50%; top: 10%; margin-left: -40vw; } .tenis { width: 255px; position: absolute; top: 20px; } } @media (max-width: 500px){ .box-calltoaction { background: var(--tertiary-color); position: absolute; width: 95vw; height: 500px; left: 50%; top: 10%; margin-left: -47.5vw; } .tenis { width: 160px; position: absolute; top: 20px; } .pop-content h1{ font-size: 1.5em; } } .popnone{ display: none; transition: all 1s; } .close-pop{ position: absolute; font-size: 35px; right: 20px; top: 5px; color: #fff; } .close-pop:hover, .close-pop:focus, .close-pop:active{ text-decoration: none; color: #ccc; } .dropdown-container-option { margin-bottom: 40px; width: 100%; } .dropdown-container-option select { width: 100%; padding: 10px; font-size: 16px; border: 1px solid white; border-radius: 5px; background-color: #fff; outline: none; transition: border-color 0.2s; } .dropdown-container-option select:focus { border-color: #007bff; } .dropdown-container-option select::-ms-expand { display: none; } .dropdown-container-option select::-webkit-select-placeholder { color: #999; } .dropdown-container-option select option { background-color: #fff; color: #333; } select option:hover { background-color: #007bff; color: #fff; } .error-msg-form .alert-danger { margin: 20px 0; background: #f8d7da !important; color: red !important; border-radius: 8px; padding: 10px; box-sizing: border-box; } .fade-in { animation: fadeIn .6s ease-in-out; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .proyecto-form input[type=file] { border: 2px dashed white; border-radius: 12px; padding: 20px; cursor: pointer; } .proyecto-form input[type=file]:hover { border-color: var(--primary-color); } .whatsapp-button { position: fixed; bottom: 20px; right: 20px; width: 48px; height: 48px; background-color: #25d366; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 99099; } @media (max-width: 900px) { .whatsapp-button { position: fixed; bottom: 84px; right: 20px; } } .whatsapp-button img { width: 28px; height: 28px; } .popup-container { position: relative; } .popup { display: none; position: fixed; bottom: 88px; right: 20px; background-color: var(--primary-color); color: #fff; border: 1px solid var(--primary-color-gradient); border-radius: 12px; padding: 10px; max-width: 300px; z-index: 99999999; overflow: hidden; } @media (max-width: 900px) { .popup { display: none; position: fixed; bottom: 20px; right: 88px; background-color: var(--primary-color); color: #fff; border: 1px solid var(--primary-color-gradient); border-radius: 12px; padding: 10px; max-width: 260px; z-index: 99999999; } } .popup.shine__animate-item::before { content: ""; position: absolute; top: 0; left: -100%; display: block; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); animation: popupShine 1.6s infinite; } @keyframes popupShine { 0% { left: -100%; } 100% { left: 100%; } } .shine__animate-link { position: absolute; top: 0; left: -100%; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); animation: hoverShine 1.2s infinite alternate; } .close-btn { position: absolute; top: 5px; right: 5px; cursor: pointer; font-size: 20px; } .profile-menu { display: flex; flex-wrap: wrap; } .tab-cont{ float: left; height: 100%; padding: 15px; border-radius: 12px; } .tab-cont button{ width: 100%; padding: 18px; font-size: 16px; font-weight: 400; border: none; color: var(--blanco); } .tab-content{ width: 100%; height: 100%; float: left; padding: 0 20px; box-sizing: border-box; animation: anime 1s } @media (max-width:800px) { .tab-content{ padding-top: 80px; } } .tab-content h2{ font-size: 24px; font-weight: 400; margin: 40px 0; color:#fff } .tab-content p{ font-weight: 100; color: #fff; margin-top: 20px } .tab-cont .but-logoff{ width: 100%; user-select: none; -moz-user-select: none; border: medium none; color: var(--blanco); background: red; cursor: pointer; display: inline-block; font-size: 15px; font-weight: var(--tg-fw-semi-bold); letter-spacing: 0.5px; line-height: 1; margin-bottom: 0; padding: 19px 24px 16px 24px; text-align: center; text-transform: uppercase; touch-action: manipulation; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; white-space: nowrap; overflow: hidden; margin-top: 20px; } .tab-cont .but-logoff:hover{ background: red!important; } .tab-cont .text-left { text-align: left; } .divider { content: ""; height: 1px; width: 100%; background: gray; opacity: .6; margin-top: 60px; } .tab-cont .but { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .tab-cont .but:hover { background: #131921; } .tab-cont .but-list:hover { background: #131921; } .tab-cont .but.active{ user-select: none; -moz-user-select: none; background: var(--primary-color); border: 1px solid var(--primary-color); color: var(--blanco); cursor: pointer; display: inline-block; font-size: 15px; letter-spacing: 0.5px; line-height: 1; margin-bottom: 0; padding: 19px 24px 16px 24px; text-transform: uppercase; touch-action: manipulation; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; white-space: nowrap; overflow: hidden; } @keyframes anime { from{opacity: 0} to{opacity: 1} } .image-upload > input { display: none; } .image-upload { margin-bottom: 40px; } .upload-icon{ width: 100px; height: 97px; border: 2px solid var(--secondary-color); border-style: dotted; border-radius: 18px; } .upload-icon img{ width: 100%; height: 100%; border-radius: 18px; -o-object-fit: contain; object-fit: contain; cursor: pointer; } .password-input { position: relative; } .password-input button { position: absolute; right: 0; top: -20px; padding: 0 12px; height: 100%; } label { display: inline-block; color: white; cursor: pointer; font-size: 16px; } .alert { width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 4px; border-style: solid; border-width: 1px; margin-bottom: 12px; font-size: 16px; } .alert.alert-success { background-color: rgba(227, 253, 235, 1); border-color: rgba(38, 179, 3, 1); color: rgba(60, 118, 61, 1); } .alert.alert-info { background-color: rgba(217, 237, 247, 1); color: rgba(49, 112, 143, 1); border-color: rgba(126, 182, 193, 1); } .alert.alert-warning { background-color: rgba(252, 248, 227, 1); border-color: rgba(177, 161, 129, 1); color: rgba(138, 109, 59, 1); } .alert.alert-danger { background-color: rgba(248, 215, 218, 1); border-color: rgba(220, 53, 69, 1); color: rgba(114, 28, 36,1); } .sign-up-dropdown { margin-top: 20px; margin-bottom: 20px; width: 100%; } .sign-up-dropdown select { width: 100%; padding: 10px; font-size: 16px; border: 1px solid var(--primary-color); border-radius: 5px; background-color: var(--primary-color); outline: none; transition: border-color 0.2s; color: white; } .sign-up-dropdown select:focus { border-color: var(--primary-color); } .sign-up-dropdown select::-ms-expand { display: none; } .sign-up-dropdown select::-webkit-select-placeholder { color: #fff; } .sign-up-dropdown select option { background-color: #fff; color: #333; } #banner__account { width: 100%; height: 160px; background-repeat: no-repeat; background: #131921; color: var(--blanco); background-position: left; background-size: cover; display: flex; align-items: center; transform: translate(0, 120px); } #banner__account h1, #banner__account__auth h1 { font-size: 2.5rem; } #banner__account__auth h1 { text-align: center; } @media only screen and (max-width:991px) { #banner__account { transform: translate(0, 60px); } } #banner__account__auth { width: 100%; height: 350px; background-repeat: no-repeat; background: #131921; color: var(--blanco); background-position: left; background-size: cover; display: flex; align-items: center; transform: translate(0, 120px); } @media only screen and (max-width:991px) { #banner__account__auth { transform: translate(0, 60px); } } .sign__in__container { width: 100%; max-width: 460px; margin: 0 auto; margin: 0 auto 100px; position: relative; } @media (max-width: 900px) { .sign__in__container { margin: -40px auto 120px } } .sign__in__container > form { margin: 0 12px; padding:60px 20px; border-radius:12px } .account__container { margin-top: 180px; margin-bottom:180px; overflow:hidden } @media only screen and (max-width:991px) { .account__container { margin-top: 80px; } } .socialShare { display: flex; align-items: center; } @media screen and (max-width:991px) { .socialShare { margin: 0; padding: 0; justify-content: left; width: 100%; border: none } } .socialShare a { margin: 0 0 0 8px!important; transition: .1s; width: 40px!important; height: 40px!important; padding: 0!important; border-radius: 50%; background: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff } @media screen and (max-width:991px) { .socialShare { margin: 40px auto; text-align: center; } .socialShare a { width: 40px!important; height: 40px!important; } .add-to-fav { text-align: center; } } .socialShare a svg { width: 20px; height: auto; fill: #fff; } .socialShare a:before { content: none!important } .socialShare a:hover svg{ fill: #fff } .socialShare a.facebook:hover { border-color: #3b5998!important; background: #3b5998!important } .socialShare a.twitter:hover { border-color: #1da1f2!important; background: #1da1f2!important } .socialShare a.instagram:hover { border-color: #e1306c!important; background: #e1306c!important } .socialShare a.linkedin:hover { border-color: #0077b5!important; background: #0077b5!important } .socialShare a.whatsapp:hover { border-color: #009e0d!important; background: #009e0d!important } .add-to-fav { /*border-right: 1px solid #ebebeb;*/ padding-right: 10px; margin-right: 10px; text-align: center; } @media (max-width: 600px) { .add-to-fav { border-right: none; padding-right:0; margin-right:0; } } #results-container .producto__box__searchtorni { width: 100%; max-width: 200px; } @media (max-width: 500px) { #results-container .producto__box__searchtorni { width: 100%; max-width: 100%; margin: 10px 0; } } .payment_meth_container { display: flex; justify-content: left; flex-wrap: wrap; } .data_bank_name { display: flex; justify-content: flex-start; flex-direction: column; margin-bottom: 40px; flex-wrap: wrap; } .data_bank_name:last-child { margin-left: 60px; } .data_bank_name .data_img img{ width: 100%; max-width: 200px; height: 100%; max-height: 60px; margin-bottom: 20px; } .data_bank_name .data_content { display: flex; flex-direction: column; color: white; } .data_bank_name .data_content p{ margin: 0; } @media (max-width: 994px) { .data_bank_name:last-child { margin-left: 60px; } .data_bank_name .data_content { display: flex; flex-direction: column; padding-left: 0px; margin-top: 60px; color: white; } } .offcanvas-body { } .offcanvas-body::-webkit-scrollbar { height: 20px; width: 10px; background: #f1f1f1; border-radius: 10px } .offcanvas-body::-webkit-scrollbar-corner { background: #999; border-radius: 10px } .offcanvas-body::-webkit-scrollbar-thumb { background: #999; border-radius: 10px } .item-card-cart { padding: 12px; background: #fff; margin: 10px 0; color: #2E3C50; border-radius: 8px; } .car-img-product { width: 100%; min-width: 200px; min-height: 200px; object-fit: cover; border-radius: 3px; background: #fff; box-shadow: 0 3px 20px 11px rgba(0, 0, 0, 0.09); } .card .top-sec { margin-bottom: 15px; height: 100%; padding: 12px; } .price_list_card:hover { transform: scale(1.02); transition: .2s; } .form-floating-label { margin-left: 2px; } .btn-2 { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-2:hover { color: #495057; text-decoration: none; } .btn-2:focus, .btn-2.focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); } .btn-2.disabled, .btn-2:disabled { opacity: 0.65; } .btn-2:not(:disabled):not(.disabled):active, .btn-2:not(:disabled):not(.disabled).active { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-2:not(:disabled):not(.disabled):active:focus, .btn-2:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); } .btn-primary-2 { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary-2:hover { color: #fff; background-color: #0056b3; border-color: #0056b3; } .btn-primary-2:focus, .btn-primary-2.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-primary-2.disabled, .btn-primary-2:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary-2:not(:disabled):not(.disabled):active, .btn-primary-2:not(:disabled):not(.disabled).active, .show > .btn-primary-2.dropdown-toggle { color: #fff; background-color: #004275; border-color: #003366; } .btn-primary-2:not(:disabled):not(.disabled):active:focus, .btn-primary-2:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-2.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .custom-input { position: relative; } .custom-input .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .custom-input .form-control[readonly] { background-color: transparent; border: none; outline: none; } .custom-input label { position: absolute; top: 0; left: 0.75rem; padding: 0 0.25rem; background-color: #fff; transition: top 0.15s ease-in-out, left 0.15s ease-in-out, padding 0.15s ease-in-out; } .custom-input .form-control:focus + label, .custom-input .form-control:not(:placeholder-shown) + label { top: -0.375rem; left: 0; padding: 0; font-size: 0.75rem; color: #6c757d; background-color: #fff; } .custom-input .form-control:focus, .custom-input .form-control:valid { border-color: #80bdff; box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); } .zoom-container { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 100%; } .zoom-container img { position: absolute; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .zoom-container:hover img { -webkit-transform: scale(2); transform: scale(2); } .zoom-container { position: relative; overflow: hidden; } .zoom-content { position: relative; display: flex; justify-content: center; align-items: center; } .zoom { transition: transform 0.3s ease; /* Transición suave */ } .zoom-container:hover .zoom { transform: scale(1.1); /* Efecto de zoom */ } .product-name { position: absolute; color: white; /* Cambia el color según tu diseño */ font-weight: bold; text-align: center; width: 100%; bottom: 20%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */ padding: 5px; /* Espaciado alrededor del texto */ } #solu__slides .row { margin-left: 0!important; margin-right: 0!important; } #solu__slides .row>* { padding-left: 0!important; padding-right: 0!important; } .home-tab { height: 100px; display: flex; align-items: center; justify-content: center; font-size:28px } .home-tab.is-active { border-bottom: 4px solid var(--primary-color)!important; } .mySwiperHome { height: 400px; margin-top: 120px; } .home_items { position: absolute; bottom: -20px; left: 0; right: 0; z-index: 20; } /* Product Circle Badge */ .product-circle-badge { position: absolute; bottom: -30px; right: -30px; width: 140px; height: 140px; background: #f24c0a; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 25px rgba(255,87,34,0.4); z-index: 10; } .product-circle-badge h4 { font-weight: 700; color: white; margin: 0; line-height: 1.2; text-align: center; font-size: 1.3rem; padding: 0 15px; transform: translate(-15px, -15px); } #nosotros_home { margin-top: 0; padding: 20px 0 60px } @media (max-width:768px) { .mySwiper { height: 680px; margin-top: 60px; } .home_items { bottom: -260px; } .product-circle-badge { width: 90px; height: 90px; bottom: -20px; right: -20px; } .product-circle-badge h4 { font-size: 0.9rem; transform: translate(-10px, -10px); padding: 0 10px; } #nosotros_home { padding: 20px 0 60px; } } #customChatWidget { position: fixed; bottom: 20px; right: 20px; z-index: 9999999; font-family: 'Poppins', sans-serif; } .chat-toggle-btn { width: 48px; height: 48px; border-radius: 50%; background: #131921; border: none; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 0; transform: none!important; } .chat-toggle-btn:hover { transform: scale(1.1)!important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); } .chat-toggle-btn img { width: 35px; height: 35px; object-fit: contain; } .chat-window { position: fixed; bottom: 90px; right: 20px; width: 380px; max-width: calc(100vw - 40px); height: 800px; max-height: calc(100vh - 100px); background: white; border-radius: 20px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); display: none; flex-direction: column; overflow: hidden; animation: slideUp 0.3s ease; } .chat-window.active { display: flex; } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .chat-header { background: #131921; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; color: white; } .chat-header-info { display: flex; align-items: center; gap: 12px; } .chat-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: rgba(255, 255, 255, 0.6); padding: 5px; } .chat-header h4 { margin: 0; font-size: 16px; font-weight: 600; } .chat-status { font-size: 12px; opacity: 0.8; } .chat-close-btn { background: transparent; border: none; color: white; cursor: pointer; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.3s; transform: none; } .chat-close-btn:hover { background: rgba(255, 255, 255, 0.1); } .chat-messages { flex: 1; overflow-y: auto; padding: 20px; background: #f8f9fa; } .chat-message { display: flex; gap: 10px; margin-bottom: 15px; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .message-avatar { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #131921; } .message-avatar img { width: 100%; height: 100%; object-fit: cover; } .message-content { flex: 1; background: white; padding: 10px 15px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .user-message { flex-direction: row-reverse; } .user-message .message-content { background: #f24c0a; color: white; } .message-content p { margin: 0; font-size: 14px; line-height: 1.5; } .message-time { font-size: 11px; color: #999; display: block; margin-top: 5px; } .user-message .message-time { color: rgba(255, 255, 255, 0.7); } .chat-quick-actions { padding: 10px 20px; display: flex; gap: 8px; flex-wrap: wrap; background: white; border-top: 1px solid #e0e0e0; } .quick-action-btn { padding: 8px 12px; background: #f0f0f0; border: none; border-radius: 20px; font-size: 12px; cursor: pointer; transition: all 0.3s; white-space: nowrap; } .quick-action-btn:hover { background: #f24c0a; color: white; } .chat-input-container { padding: 15px 20px; background: white; border-top: 1px solid #e0e0e0; display: flex; gap: 10px; align-items: flex-end; } .chat-input { flex: 1; border: 1px solid #ddd; border-radius: 20px; padding: 10px 15px; font-size: 14px; font-family: 'Poppins', sans-serif; resize: none; max-height: 100px; outline: none; transition: border 0.3s; } .chat-input:focus { border-color: #f24c0a; } .chat-send-btn { width: 40px; height: 40px; border-radius: 50%; background: #f24c0a; border: none; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; } .chat-send-btn:hover { background: #d63d00; transform: scale(1.05); } .chat-send-btn:disabled { background: #ccc; cursor: not-allowed; } .chat-whatsapp-container { padding: 10px 20px 15px; background: white; } .whatsapp-btn { width: 100%; padding: 12px; background: #25D366; color: white; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.3s; } .whatsapp-btn:hover { background: #1da851; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3); } .typing-indicator { display: flex; gap: 4px; padding: 10px 15px; } .typing-dot { width: 8px; height: 8px; border-radius: 50%; background: #999; animation: typing 1.4s infinite; } .typing-dot:nth-child(2) { animation-delay: 0.2s; } .typing-dot:nth-child(3) { animation-delay: 0.4s; } @keyframes typing { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-10px); } } /* Mobile Responsive */ @media (max-width: 768px) { .chat-window { width: calc(100vw - 20px); height: calc(100vh - 100px); bottom: 80px; right: 10px; } .chat-toggle-btn { width: 55px; height: 55px; } .chat-toggle-btn img { width: 30px; height: 30px; } }