/* Table of Contents 01. Vendors ----------------------------------- 02. Generic ----------------------------------- 03. Reset ------------------------------------- 04. Fonts ------------------------------------- 05. Base -------------------------------------- 06. Helpers ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Disabled --------------------------------- Responsive Helpers ----------------------- 07. Default ----------------------------------- 08. Base WordPress CSS ------------------------ 09. Widgets ----------------------------------- 10. Widget ------------------------------------ 11. Comments ---------------------------------- 12. Comment Respond --------------------------- 13. Pagination -------------------------------- 14. Search Form ------------------------------- 15. Section Comments -------------------------- 16. Components -------------------------------- 17. Article Single ---------------------------- 18. Article ----------------------------------- 19. Articles ---------------------------------- 20. articles--featured ------------------------ 21. bg ---------------------------------------- 22. - Btn Circle ------------------------------ 23. Btn-download ------------------------------ 24. Btn --------------------------------------- Btn Block -------------------------------- 25. Card-featured ----------------------------- 26. Card-report ------------------------------- Card-report--alt ------------------------- 27. Card-resources ---------------------------- 28. Card-strategy ----------------------------- 29. Footer ------------------------------------ 30. - Form Main ------------------------------- 31. Grid -------------------------------------- 32. Header ------------------------------------ 33. Admin Bar (if header is fixed) ------------ 34. Hero-case-studies ------------------------- 35. Hero-case-study --------------------------- 36. Hero-report ------------------------------- 37. Icons ------------------------------------- 38. Image Fit --------------------------------- 39. - List About ------------------------------ 40. List-articles ----------------------------- 41. Logo -------------------------------------- 42. Main -------------------------------------- 43. Nav --------------------------------------- 44. nav-scroll -------------------------------- 45. nav trigger ------------------------------- 46. nav-filter -------------------------------- 47. resources--dark --------------------------- 48. Richtext Entry ---------------------------- Richtext-entry--alt ---------------------- 49. Section-blue ------------------------------ 50. Section Default --------------------------- Section Default 404 ---------------------- 51. Section-details --------------------------- 52. Section-image-text ------------------------ 53. - Section List About ---------------------- 54. - Section Popup --------------------------- 55. - Show Popup ------------------------------ 56. Section-report-resources ------------------ 57. Section-report ---------------------------- 58. Section strategies ------------------------ 59. Section-testimonial ----------------------- 60. Section-white ----------------------------- Section-white--bg-image ------------------ 61. Shell ------------------------------------- Shell Fluid ------------------------------ Shell--x-large --------------------------- Shell--xx-large -------------------------- 62. Testimonial ------------------------------- 63. Wrapper ----------------------------------- 64. Overwrites -------------------------------- 65. Gravity Forms Reset ----------------------- Gform Reset ------------------------------ 66. Gravity Forms Deafult Style --------------- Base ------------------------------------- Fields ----------------------------------- Checkbox and Radio ----------------------- Datepicker ------------------------------- Footer ----------------------------------- Spinner ---------------------------------- Error States ----------------------------- Confirmation ----------------------------- 67. WP Gutenberg ------------------------------ 68. Custom Blocks ----------------------------- */ /* ------------------------------------------------------------ *\ Vendors \* ------------------------------------------------------------ */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;transition-duration:50ms} [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms} [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;transition-duration:.1s} [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s} [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;transition-duration:.15s} [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;transition-delay:.15s} [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;transition-duration:.2s} [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s} [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;transition-duration:.25s} [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;transition-delay:.25s} [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;transition-duration:.3s} [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s} [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;transition-duration:.35s} [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;transition-delay:.35s} [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;transition-duration:.4s} [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s} [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;transition-duration:.45s} [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;transition-delay:.45s} [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;transition-duration:.5s} [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s} [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;transition-duration:.55s} [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;transition-delay:.55s} [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;transition-duration:.6s} [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s} [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;transition-duration:.65s} [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;transition-delay:.65s} [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;transition-duration:.7s} [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s} [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;transition-duration:.75s} [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;transition-delay:.75s} [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;transition-duration:.8s} [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s} [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;transition-duration:.85s} [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;transition-delay:.85s} [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;transition-duration:.9s} [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s} [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;transition-duration:.95s} [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;transition-delay:.95s} [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;transition-duration:1s} [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s} [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s} [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s} [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s} [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s} [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s} [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s} [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s} [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s} [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s} [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s} [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s} [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s} [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s} [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s} [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s} [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s} [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s} [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s} [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s} [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s} [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s} [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s} [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s} [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s} [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s} [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s} [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s} [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s} [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s} [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s} [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s} [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s} [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s} [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s} [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s} [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s} [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s} [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s} [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;transition-duration:2s} [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s} [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s} [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s} [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s} [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s} [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s} [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s} [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s} [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s} [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s} [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s} [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s} [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s} [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s} [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s} [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s} [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s} [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s} [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s} [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s} [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s} [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s} [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s} [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s} [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s} [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s} [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s} [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s} [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s} [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s} [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s} [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s} [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s} [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s} [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s} [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s} [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s} [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s} [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s} [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;transition-duration:3s} [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s} [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)} [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;transition-timing-function:ease} [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in} [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;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]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)} [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)} [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)} [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)} [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)} [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)} [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform} [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)} [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)} [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)} [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)} [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)} [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)} [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)} [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)} [data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform} [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} [data-aos=zoom-in]{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)} [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)} [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)} [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)} [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)} [data-aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)} [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)} [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)} [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)} [data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform} [data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)} [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform} [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)} [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)} [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)} [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)} [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)} [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)} [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* example usage*/ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=text], input[type=button], input[type=tel], input[type=email], input[type=submit], input[type=date], input[type=search], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*remove comment to hide arrow in IE11*/ /*select::-ms-expand { display: none; }*/ /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Circular Std Book'; src: url("../fonts/CircularStd-BookItalic.eot"); src: url("../fonts/CircularStd-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-BookItalic.woff2") format("woff2"), url("../fonts/CircularStd-BookItalic.woff") format("woff"), url("../fonts/CircularStd-BookItalic.ttf") format("truetype"), url("../fonts/CircularStd-BookItalic.svg") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/NeueHaasUnicaPro-Light.eot"); src: url("../fonts/NeueHaasUnicaPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueHaasUnicaPro-Light.woff2") format("woff2"), url("../fonts/NeueHaasUnicaPro-Light.woff") format("woff"), url("../fonts/NeueHaasUnicaPro-Light.ttf") format("truetype"), url("../fonts/NeueHaasUnicaPro-Light.svg") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Std'; src: url("../fonts/CircularStd-Bold.eot"); src: url("../fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Bold.woff2") format("woff2"), url("../fonts/CircularStd-Bold.woff") format("woff"), url("../fonts/CircularStd-Bold.ttf") format("truetype"), url("../fonts/CircularStd-Bold.svg") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Std Book'; src: url("../fonts/CircularStd-Book.eot"); src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Book.woff2") format("woff2"), url("../fonts/CircularStd-Book.woff") format("woff"), url("../fonts/CircularStd-Book.ttf") format("truetype"), url("../fonts/CircularStd-Book.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: "Circular Std Book", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 24px; line-height: 1.2; color: #000; } @media (max-width: 1023px) { body { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { body { font-size: 14px; } } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { margin-bottom: 0.6em; } .h1, h1 { font-size: 50px; } .h2, h2 { font-size: 40px; } @media (max-width: 1023px) { .h2, h2 { font-size: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .h2, h2 { font-size: 26px; } } .h3, h3 { font-size: 30px; } .h4, h4 { font-size: 26px; } .h5, h5 { font-size: 16px; } .h6, h6 { font-size: 15px; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.2em; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } ::-moz-selection { color: #fff; background: #363636; } ::selection { color: #fff; background: #363636; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* sr-only */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 767.02px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1023.02px) and (max-width: 1280px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1280.02px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Default \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base WordPress CSS \* ------------------------------------------------------------ */ .alignnone, .alignleft, .alignright, .aligncenter { margin: 5px 15px 1.2em; } .alignleft { float: left; margin-left: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .alignleft { margin: 5px 0 10px; float: none; margin-left: auto; margin-right: auto; } } .alignright { float: right; margin-right: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .alignright { margin: 5px 0 10px; float: none; margin-left: auto; margin-right: auto; } } .alignnone { margin-left: 0; margin-right: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .alignnone { margin: 5px 0 10px; } } .aligncenter { display: block; margin-left: auto; margin-right: auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .aligncenter { margin: 5px 0 10px; } } .wp-caption { position: relative; } .wp-caption img { width: 100%; } .wp-caption-text { padding: 8px; font-size: .8em; color: inherit; background: transparent; text-align: center; } .nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; } /* ------------------------------------------------------------ *\ Widgets \* ------------------------------------------------------------ */ .widgets { list-style: none; } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widget { margin-bottom: 30px; } .widget:last-child { margin-bottom: 0; } .widget .widget__title { font-size: 40px; font-weight: 400; color: #4B4B4B; padding-bottom: 7px; } @media (max-width: 1650px) { .widget .widget__title { font-size: 36px; padding-bottom: 0; } } .widget ul { list-style: none; } .widget li { margin-bottom: 10px; } .widget a { text-decoration: none; display: inline-block; font-size: 24px; color: #707070; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-transition:all .4s; transition: all .4s; } @media (max-width: 1650px) { .widget a { font-size: 22px; } } .widget a:hover { color: #FFB03F; } .widget .current-cat a { color: #FFB03F; } /* widget_calendar */ .widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; } .widget_calendar td, .widget_calendar th { padding: 5px; border: 1px solid #000; } .widget_calendar caption { padding: 12px; font-weight: bold; } .widget_calendar tfoot { font-weight: bold; } /* widget_rss */ .widget_rss .rsswidget { vertical-align: middle; } .widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; } /* widget_categories */ .widget_categories .screen-reader-text { display: none; } .widget_categories .post-form { width: 100%; padding: 5px; } /* widget_nav_menu */ .widget_nav_menu ul { list-style: none; } .widget_nav_menu ul li { padding: 5px 0; } /* widget_pages */ .widget_pages ul ul { padding: 5px 0 0 25px; } /* ------------------------------------------------------------ *\ Comments \* ------------------------------------------------------------ */ .comments { position: relative; } .comments .children { position: relative; padding-left: 70px; } .comments .children:before, .comments .children:after { content: ''; position: absolute; display: block; } .comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; } .comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3; } .comments .comment { position: relative; border-top: 1px dashed #363636; } .comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } .comments .says { padding-left: 5px; } .comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } .comments .comment__entry { position: relative; padding: 30px 0 30px 65px; } .comments .comment__text p:last-child { padding-bottom: 0; margin-bottom: 0; } .comments .comment__meta { padding-bottom: 12px; } .comments .comment__meta a { color: #363636; } .comments .comment__reply { padding-top: 10px; text-align: right; } .comments .comment__reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } .comments .comment__reply a:hover { text-decoration: none; opacity: .8; } /* ------------------------------------------------------------ *\ Comment Respond \* ------------------------------------------------------------ */ .comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; } .comment-respond h3 { position: relative; } .comment-respond small { position: absolute; top: 0; right: 0; } .comment-respond label { display: inline-block; padding-bottom: 4px; } .comment-respond input[type="text"], .comment-respond textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; } .comment-respond textarea { height: 100px; } .comment-respond input[type="text"]:focus { background-color: #fff; } .comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; } .comment-respond input[type="text"]::-webkit-input-placeholder, .comment-respond input[type="text"]::-moz-placeholder, .comment-respond input[type="text"]:-ms-input-placeholder, .comment-respond input[type="text"]::placeholder { color: #777; } .comment-respond .required { color: #e40000; } .comment-respond .comment-notes { padding-top: 15px; } .comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; } /* ------------------------------------------------------------ *\ Pagination \* ------------------------------------------------------------ */ .paging { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .paging { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .paging a { text-decoration: none; -webkit-transition:all .4s; transition: all .4s; } .paging a:hover { color: #FFB03F; } .paging ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 auto; padding: 0 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .paging ul { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 0; margin-bottom: 20px; } } .paging ul li { margin: 0 5px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .paging ul li:first-child { margin-left: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .paging ul li:last-child { margin-right: 0; } } .paging ul li.paging__spacer, .paging ul a { background-color: #fff; font-size: 14px; color: #000; width: 35px; height: 35px; display: block; text-align: center; line-height: 35px; -webkit-transition:all .4s; transition: all .4s; } .paging ul a:hover, .paging ul li.is-current a { color: #fff; background-color: #1D47F3; } .paging .paging__next, .paging .paging__prev { font-size: 16px; color: #000; -webkit-transition:all .4s; transition: all .4s; } .paging .paging__next:hover, .paging .paging__next:hover, .paging .paging__prev:hover, .paging .paging__prev:hover { color: #1D47F3; } .paging .paging__next:only-child { margin-left: auto; margin-right: 0; } .paging .paging__prev:only-child { margin-right: auto; margin-left: 0; } .paging .paging__label, .paging .paging__first, .paging .paging__last, .paging .paging__prev, .paging .paging__next { margin: 9px; } /* ------------------------------------------------------------ *\ Search Form \* ------------------------------------------------------------ */ .search-form { position: relative; overflow: hidden; } .search-form .search__field { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; } .search-form .search__field:focus { background-color: #fff; } .search-form .search__field::-webkit-input-placeholder { color: #777; } .search-form .search__field::-webkit-input-placeholder, .search-form .search__field::-moz-placeholder, .search-form .search__field:-ms-input-placeholder, .search-form .search__field::placeholder { color: #777; } .search-form .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* ------------------------------------------------------------ *\ Section Comments \* ------------------------------------------------------------ */ .section-comments { padding-top: 15px; } .section-comments a { text-decoration: none; } .section-comments p { padding-bottom: 18px; } .section-comments ol, .section-comments ul { padding: 0; margin: 0; list-style: none outside none; } .section-comments h3 { position: relative; padding: 0 0 10px; } .section-comments h3 small { position: absolute; top: 0; right: 0; } /* ------------------------------------------------------------ *\ Components \* ------------------------------------------------------------ */ .advantages { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1023px) { .advantages { margin: -25px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .advantages { padding: 0 15px 0 40px; margin: 0; } } .advantage { width: 20%; padding: 25px; } @media (max-width: 1500px) { .advantage { width: 33.33%; } } @media (max-width: 1023px) { .advantage { width: 50%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .advantage { width: 100%; padding: 0 0 58px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .advantage:last-child { padding-bottom: 0; } } .advantage .advantage__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 14px; } .advantage .advantage__head-icon { width: 113px; height: 113px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFAF3E; border-radius: 50%; } .advantage .advantage__head-title { width: calc(100% - 113px); padding-left: 15px; } .advantage .advantage__head-title h5 { font-size: 22px; line-height: 1.25; font-weight: 400; color: #191919; } @media (max-width: 1650px) { .advantage .advantage__head-title h5 { font-size: 20px; } } .advantage .advantage__entry { font-size: 18px; line-height: 1.47; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .advantage .advantage__entry { line-height: 1.47; font-size: 16px; } } /* ------------------------------------------------------------ *\ Article Single \* ------------------------------------------------------------ */ .article-single .article__image { min-height: 389px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__image { min-height: 214px; } } .article-single .article__head { text-align: center; padding: 59px 0 50px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__head { padding: 30px 0; } } .article-single .article__head h1 { font-size: 50px; font-weight: 400; margin-bottom: 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__head h1 { font-size: 24px; margin-bottom: 7px; } } .article-single .article__meta { font-size: 16px; font-weight: 700; color: #101010; letter-spacing: 1.6px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__meta { font-size: 12px; letter-spacing: 1.2px; } } .article-single .article__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info { margin-bottom: 0; } } .article-single .article__info ul { list-style: none; font-size: 24px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info ul { font-size: 16px; } } .article-single .article__info ul li { margin-bottom: 10px; position: relative; padding-left: 35px; vertical-align: middle; } .article-single .article__info ul li:last-child { margin-bottom: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info ul li { margin-bottom: 6px; padding-left: 28px; } } .article-single .article__info ul img { position: absolute; top: 2px; left: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info ul img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); top: -4px; } } .article-single .article__info h5 { font-size: 24px; color: #1D47F3; text-transform: uppercase; letter-spacing: 2.4px; margin-right: 5px; display: inline-block; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info h5 { font-size: 16px; letter-spacing: 1.6px; } } .article-single .article__info h6 { font-size: 24px; font-weight: 400; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info h6 { font-size: 16px; } } .article-single .article__info-aside { width: 38%; } @media (max-width: 1023px) { .article-single .article__info-aside { width: 100%; } } .article-single .article__info-text { width: 62%; font-size: 24px; line-height: 1.4; color: #909090; } @media (max-width: 1023px) { .article-single .article__info-text { width: 100%; padding: 50px 20px 20px 25px; font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__info-text { font-size: 12px; line-height: 1.4; padding: 20px 20px 20px 25px; } } .article-single .article__entry { font-size: 24px; line-height: 1.25; } @media (max-width: 1023px) { .article-single .article__entry { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__entry { font-size: 14px; line-height: 1.29; } } .article-single .article__image-in-content { position: relative; margin-bottom: 58px; margin-top: 58px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__image-in-content { margin: 31px 0; } } .article-single .article__image-in-content:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .article-single .article__image-in-content img { width: 100%; } .article-single .article__image-in-content .article__image-icon { position: absolute; bottom: 20px; right: 20px; z-index: 10; width: auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single .article__image-in-content .article__image-icon { max-width: 58px; bottom: 6px; right: 6px; } } /* client */ .article-single--client .article__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-single--client .article__image:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .article-single--client .article__image-icon { position: relative; z-index: 10; } @media (max-width: 1023px) { .article-single--client .article__image-icon { max-width: 350px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article-single--client .article__image-icon { max-width: 250px; } } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article .article__head { margin-bottom: 10px; } .article .article__head:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Articles \* ------------------------------------------------------------ */ .articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: -35px -26px; } @media (max-width: 1280px) { .articles { margin: -20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles { margin: 0; } } .articles .article { width: 50%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 26px; } @media (max-width: 1280px) { .articles .article { padding: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article { width: 100%; margin-bottom: 45px; padding: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article:last-child { margin-bottom: 0; } } .articles .article .article__image { position: relative; padding-bottom: 63%; margin-bottom: 48px; } @media (max-width: 1650px) { .articles .article .article__image { margin-bottom: 35px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article .article__image { margin-bottom: 28px; } } .articles .article .article__image:hover .article__overlay { opacity: .9; } .articles .article .article__image a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .articles .article .article__title { color: #4B4B4B; font-size: 36px; line-height: 1.28; font-weight: 400; -webkit-transition:all .4s; transition: all .4s; } .articles .article .article__title:hover { color: #FFB03F; } @media (max-width: 1280px) { .articles .article .article__title { font-size: 32px; line-height: 1.1; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article .article__title { font-size: 30px; } } .articles .article .article__title a { text-decoration: none; display: block; } .articles .article .article__meta { color: #707070; text-transform: uppercase; font-size: 16px; line-height: 1.25; font-weight: 700; letter-spacing: 1.6px; margin-bottom: 25px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article .article__meta { margin-bottom: 15px; } } .articles .article .article__entry { font-size: 16px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; max-width: 95%; margin-bottom: 30px; } .articles .article .article__entry:last-child { margin-bottom: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article .article__entry { font-size: 12px; line-height: 1.5; margin-bottom: 15px; max-width: 100%; } } .articles .article .article__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } @media (max-width: 1280px) { .articles .article .article__icon { -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } } .articles .article .article__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #535353; mix-blend-mode: multiply; z-index: 1; -webkit-transition:all .4s; transition: all .4s; } .articles .article .article__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article .article__categories { margin-bottom: 8px; } } .articles .article .article__categories a { font-size: 16px; font-weight: 700; background-color: #1D47F3; text-decoration: none; text-transform: uppercase; color: #fff; letter-spacing: 3.2px; padding: 6px 13px; margin-right: 5px; -webkit-transition:all .4s; transition: all .4s; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .article .article__categories a { font-size: 14px; letter-spacing: 2.8px; padding: 6px 9px; } } .articles .article .article__categories a:hover { background-color: #1D1D1D; } .articles .article .article__categories a:last-child { margin-right: 0; } .articles .article--blue .article__overlay { background-color: #1D47F3; } .articles .article--orange .article__overlay { background-color: #FFB03F; } /* ------------------------------------------------------------ *\ articles--featured \* ------------------------------------------------------------ */ .articles--featured { margin: -38px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles--featured { margin: 0; } } .articles--featured .article { width: 33.33%; padding: 38px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles--featured .article { padding: 0; } } @media (max-width: 1023px) { .articles--featured .article { width: 100%; } } .articles--featured .article .article__title { color: #1D1D1D; line-height: 1.27; font-size: 40px; margin-bottom: 12px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles--featured .article .article__title { font-size: 30px; line-height: 1.27; } } .articles--featured .article .article__image { margin-bottom: 38px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles--featured .article .article__image { margin-bottom: 25px; } } .audiences-lists { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -17px; padding-top: 23px; } @media (max-width: 1280px) { .audiences-lists { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .audiences-list { padding: 0 17px; } @media (max-width: 1023px) { .audiences-list { width: 100%; } } .audiences-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 26px; margin-bottom: 22px; } @media (max-width: 1500px) { .audiences-list li { font-size: 21px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .audiences-list li { font-size: 20px; } } .audiences-list img { max-width: 44px; border-radius: 50%; margin-right: 13px; } /* ------------------------------------------------------------ *\ bg \* ------------------------------------------------------------ */ .bg-parent { position: relative; background-size: cover; background-position: center; } .bg-image { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .bg-image--mobile { display: none !important; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .bg-image--mobile { display: block !important; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .bg-image--desktop { display: none !important; } } .boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -40px -12px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .boxes { margin: -15px -12px; } } .box { width: 33.33%; padding: 40px 12px; } @media (max-width: 1023px) { .box { width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .box { padding: 15px 12px; } } .box .box__media { margin-bottom: 29px; position: relative; padding-bottom: 61.7%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .box .box__media { margin-bottom: 15px; } } .box .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box .btn-play svg { max-width: 59px; } .box .box__title { font-weight: 400; color: #4B4B4B; font-size: 28px; line-height: 1.29; margin-bottom: 11px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .box .box__title { font-size: 22px; line-height: 1.27; margin-bottom: 7px; } } .box .box__title a { text-decoration: none; display: block; -webkit-transition:all .4s; transition: all .4s; } .box .box__title a:hover { color: #1D47F3; } .box .box__meta { color: #707070; text-transform: uppercase; font-size: 16px; line-height: 1.25; font-weight: 700; letter-spacing: 1.6px; margin-bottom: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .box .box__meta { font-size: 12px; letter-spacing: 1.2px; margin-bottom: 9px; } } .box .box__entry { font-size: 16px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .box .box__entry { font-size: 12px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ - Btn Circle \* ------------------------------------------------------------ */ .btn-circle { display: block; width: 95px; height: 95px; border-radius: 50%; background-color: #FFB03F; position: relative; font-size: 0; line-height: 0; -webkit-transition:background 0.4s; transition: background 0.4s; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn-circle { width: 40px; height: 40px; } } .btn-circle > * { pointer-events: none; } .btn-circle span { position: absolute; left: 25px; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn-circle span { left: 10px; right: 10px; } } .btn-circle img { display: block; width: 100%; height: auto; } @media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) { .btn-circle:hover { background-color: #363636; } } body.disable-fixed-circle-button .btn-circle { display: none; } /* ------------------------------------------------------------ *\ Btn-download \* ------------------------------------------------------------ */ .btn-download { text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #FFB03F; color: #363636; text-transform: uppercase; font-size: 18px; line-height: 1; font-weight: 700; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 14px 20px; min-width: 196px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 9px; -moz-column-gap: 9px; column-gap: 9px; -webkit-transition:background-color .3s, -webkit-box-shadow .3s; transition:background-color .3s, -webkit-box-shadow .3s; transition:background-color .3s, box-shadow .3s; transition: background-color .3s, box-shadow .3s, -webkit-box-shadow .3s; } @media (max-width: 1023px) { .btn-download { font-size: 14px; padding: 14px; min-width: 140px; } } .btn-download svg { -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; } @media (max-width: 1023px) { .btn-download svg { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } } .btn-download svg path { -webkit-transition:stroke .3s; transition: stroke .3s; } .btn-download span { letter-spacing: 0.1em; -webkit-transition:color .3s; transition: color .3s; } .btn-download:hover { color: #1D47F3; background-color: #fff; -webkit-box-shadow: 0px 0px 3px 1px #1D47F3; box-shadow: 0px 0px 3px 1px #1D47F3; } .btn-download:hover svg path { stroke: #1D47F3; } /* ------------------------------------------------------------ *\ Btn \* ------------------------------------------------------------ */ .btn { display: inline-block; text-align: center; text-decoration: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color: #fff; background: #1D47F3; padding: 8px 30px; -webkit-transition:all .4s; transition: all .4s; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn { font-size: 16px; } } .btn:hover { background: #FFB03F; color: #fff; } /* Btn Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* btn--large */ .btn--large { font-size: 24px; padding: 10px 40px; } @media (max-width: 1650px) { .btn--large { font-size: 22px; padding: 10px 22px; } } @media (max-width: 1280px) { .btn--large { font-size: 20px; padding: 10px 20px; } } @media (max-width: 1023px) { .btn--large { font-size: 22px; } } /* btn-back */ .btn-back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.6px; padding: 10px 11px; -webkit-transition:all .4s; transition: all .4s; color: #707070; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn-back { font-size: 10px; padding: 6px; } } .btn-back:hover { background-color: #FFB03F; color: #fff; } .btn-back:hover path { stroke: #fff; } .btn-back svg { display: block; margin-right: 9px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn-back svg { width: 8px; margin-right: 6px; } } .btn-back path { -webkit-transition:all .4s; transition: all .4s; } /* btn--with-arrow */ .btn--with-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 3.2px; padding: 8px 12px; } .btn--with-arrow svg { margin-right: 9px; display: block; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn--with-arrow svg { width: 11px; margin-right: 8px; } } .btn--with-arrow svg path { -webkit-transition:stroke .3s; transition: stroke .3s; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn--with-arrow { font-size: 14px; } } .btn--with-arrow-white { background-color: #fff; color: #1D47F3; } .btn--with-arrow-white:hover { background-color: #fff; color: #1D47F3; opacity: .9; } /* btn-orange */ .btn--orange { letter-spacing: 1.6px; font-size: 16px; background-color: #FFB03F; font-weight: 700; padding: 8px 14px; text-transform: uppercase; } .btn--orange:hover { background-color: #fff; color: #FFB03F; } .btn--orange:hover svg path { stroke: #FFB03F; } /* btn--alt */ .btn--alt { letter-spacing: 1.6px; font-size: 16px; font-weight: 700; padding: 8px 14px; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Card-featured \* ------------------------------------------------------------ */ .card-featured { position: relative; width: 100%; aspect-ratio: 1098 / 613; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; margin-bottom: 52px; } .card-featured .card__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card-featured .card__img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.62); z-index: 1; } .card-featured .card__content { padding: 20px; position: relative; z-index: 2; text-align: center; } .card-featured .card__title { margin-bottom: 20px; } .card-featured .card__title h3 { font-size: 50px; line-height: 1.4; font-weight: 400; } @media (max-width: 1023px) { .card-featured .card__title h3 { font-size: 28px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .card-featured .card__title h3 { font-size: 24px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .card-featured .card__btn { font-size: 14px; } } /* ------------------------------------------------------------ *\ Card-report \* ------------------------------------------------------------ */ .card-report { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .card-report { display: block; } } .card-report .card__img { -webkit-box-flex: 0; -ms-flex: 0 0 30.36%; flex: 0 0 30.36%; aspect-ratio: 505 / 652; } .card-report .card__body { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-left: 55px; } @media (max-width: 1023px) { .card-report .card__body { padding-left: 0; margin-top: 20px; } } .card-report .card__head { margin-bottom: 28px; } @media (max-width: 1023px) { .card-report .card__head { margin-bottom: 15px; } } .card-report .card__head h4 { color: #4B4B4B; font-size: 36px; line-height: 1; font-weight: 400; } @media (max-width: 1023px) { .card-report .card__head h4 { font-size: 20px; } } .card-report .card__meta { margin-bottom: 20px; } @media (max-width: 1023px) { .card-report .card__meta { margin-bottom: 10px; } } .card-report .card__meta ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; color: #707070; text-transform: uppercase; font-size: 16px; line-height: 1.38; font-weight: 400; letter-spacing: .12em; } @media (max-width: 1023px) { .card-report .card__meta ul { font-size: 14px; } } .card-report .card__meta li { position: relative; } .card-report .card__meta li + li { padding-left: 20px; } .card-report .card__meta li + li:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: currentColor; } .card-report .card__meta a { text-decoration: none; } .card-report .card__meta a:hover { text-decoration: underline; } .card-report .card__content { font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; font-weight: 300; color: #101010; margin-bottom: 37px; } @media (max-width: 1023px) { .card-report .card__content { margin-bottom: 20px; } } /* Card-report--alt */ .card-report--alt { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-report--alt .card__img { width: 100%; aspect-ratio: 334 / 223; } @media (min-width: 1023.02px) { .card-report--alt .card__head { margin-bottom: 24px; } } @media (min-width: 1023.02px) { .card-report--alt .card__meta { margin-bottom: 25px; } } @media (min-width: 1023.02px) { .card-report--alt .card__content { margin-bottom: 39px; } } /* ------------------------------------------------------------ *\ Card-resources \* ------------------------------------------------------------ */ .card-resources { display: block; text-decoration: none; text-align: center; } .card-resources .card__media { position: relative; widows: 100%; aspect-ratio: 531 / 241; margin-bottom: 18px; } .card-resources .card__media:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1D47F3; z-index: 1; } .card-resources .card__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card-resources .card__bg img { opacity: .37; z-index: 2; -webkit-transition:opacity .3s; transition: opacity .3s; } .card-resources .card__logo { position: absolute; top: 50%; left: 50%; width: 364px; height: 54px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-resources .card__logo img { max-width: 100%; max-height: 100%; } @media (max-width: 1023px) { .card-resources .card__logo img { max-width: 65%; } } .card-resources .card__title h4 { font-weight: 400; font-size: 24px; line-height: 1.42; } .card-resources:hover .card__bg img { opacity: .6; } /* ------------------------------------------------------------ *\ Card-strategy \* ------------------------------------------------------------ */ .card-strategy { position: relative; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .card-strategy { text-align: center; } } .card-strategy .card__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .card-strategy .card__link:hover + .card__img { opacity: .7; } .card-strategy .card__img { width: 100%; aspect-ratio: 248 / 138; margin-bottom: 15px; -webkit-transition:opacity .3s; transition: opacity .3s; } .card-strategy .card__title h5 { line-height: 1.5; letter-spacing: .025em; font-weight: 400; } .case-study .case__study-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .case-study .case__study-image { width: 53.6%; } @media (max-width: 1023px) { .case-study .case__study-image { width: 100%; } } .case-study .case__study-image img { width: 100%; } .case-study .case__study-content { width: 46.4%; padding-left: 60px; } @media (max-width: 1023px) { .case-study .case__study-content { width: 100%; padding-left: 0; padding-top: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .case-study .case__study-content { padding-top: 20px; } } .case-study .case__study-avatar { width: 148px; height: 148px; border-radius: 50%; position: relative; margin-bottom: 20px; } @media (max-width: 1023px) { .case-study .case__study-avatar { margin-left: auto; margin-bottom: -15px; width: 165px; height: 165px; } } .case-study .case__study-avatar img { border-radius: 50%; } .case-study .case__study-icon { position: absolute; bottom: -12px; right: 0; z-index: 1; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .case-study .case__study-icon { width: 60px; } } .case-study .case__study-title { font-size: 60px; line-height: 1.03; font-weight: 400; color: #1D1D1D; margin-bottom: 17px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .case-study .case__study-title { font-size: 30px; line-height: 1.13; } } .case-study .case__study-title a { display: block; text-decoration: none; } .case-study .case__study-entry { font-size: 16px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; max-width: 94%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .case-study .case__study-entry { font-size: 14px; line-height: 1.5; max-width: 100%; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { width: 100%; background-color: #363636; padding: 115px 0 42px; } @media (max-width: 1650px) { .footer { padding: 80px 0 35px; } } @media (max-width: 1280px) { .footer { padding: 60px 0 35px; } } @media (max-width: 1023px) { .footer { padding: 55px 0 30px; } } .footer .footer__fixed-button { position: fixed; right: 30px; bottom: 30px; z-index: 899; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__fixed-button { right: 25px; bottom: 25px; } } .footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1023px) { .footer .footer__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .footer .footer__aside { width: 393px; } @media (max-width: 1650px) { .footer .footer__aside { width: 315px; } } @media (max-width: 1280px) { .footer .footer__aside { width: 240px; } } @media (max-width: 1023px) { .footer .footer__aside { width: 100%; text-align: center; padding-top: 96px; } } .footer .footer__subscribe { width: 36.8%; position: relative; } @media (max-width: 1280px) { .footer .footer__subscribe { width: 41%; } } @media (max-width: 1023px) { .footer .footer__subscribe { width: 100%; } } .footer .footer__subscribe h4 { font-size: 32px; line-height: 1.27; color: #fff; font-weight: 400; text-align: center; padding-bottom: 10px; } @media (max-width: 1650px) { .footer .footer__subscribe h4 { font-size: 30px; } } @media (max-width: 1280px) { .footer .footer__subscribe h4 { font-size: 26px; padding-bottom: 0; } } @media (max-width: 1023px) { .footer .footer__subscribe h4 { font-size: 24px; line-height: 1.25; padding-bottom: 6px; } } .footer .footer__text { width: 393px; font-size: 22px; line-height: 1.25; color: #fff; text-align: right; } @media (max-width: 1650px) { .footer .footer__text { font-size: 20px; width: 315px; } } @media (max-width: 1280px) { .footer .footer__text { width: 240px; font-size: 18px; } } @media (max-width: 1023px) { .footer .footer__text { width: 100%; text-align: center; font-size: 18px; line-height: 1.28; padding: 0 35px 52px; } } .footer .footer__text p { margin-bottom: 0; } .footer .footer__text img { margin-bottom: 10px; } @media (max-width: 1023px) { .footer .footer__text img { margin-bottom: 27px; width: 63px; } } .footer .footer__bar { text-align: center; font-size: 22px; line-height: 1.5; color: #fff; padding-top: 95px; } @media (max-width: 1650px) { .footer .footer__bar { font-size: 20px; padding-top: 70px; } } @media (max-width: 1280px) { .footer .footer__bar { padding-top: 50px; font-size: 18px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__bar { font-size: 12px; line-height: 1.5; padding-top: 75px; } } .footer .footer__bar a { text-decoration: none; -webkit-transition:all .4s; transition: all .4s; } .footer .footer__bar a:hover { color: #FFB03F; } .footer .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { display: none; } .footer .gform_wrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .gform_wrapper.gform_wrapper .gform_body { width: calc(100% - 183px); } @media (max-width: 1650px) { .footer .gform_wrapper.gform_wrapper .gform_body { width: calc(100% - 145px); } } @media (max-width: 1023px) { .footer .gform_wrapper.gform_wrapper .gform_body { width: calc(100% - 103px); } } .footer .gform_wrapper.gform_wrapper .gform_footer { width: 183px; } @media (max-width: 1650px) { .footer .gform_wrapper.gform_wrapper .gform_footer { width: 145px; } } @media (max-width: 1023px) { .footer .gform_wrapper.gform_wrapper .gform_footer { width: 103px; } } .footer .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { text-align: center; font-size: 24px; color: #707070; height: auto; line-height: 1.3; padding: 13px; border: none; } @media (max-width: 1650px) { .footer .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 22px; } } @media (max-width: 1280px) { .footer .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 20px; } } @media (max-width: 1023px) { .footer .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 16px; padding: 8px; } } .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer .gform_button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit] { width: 100%; height: 100%; background-color: #1D47F3; color: #fff; font-size: 24px; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-transition:all .4s; transition: all .4s; } .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer .gform_button:hover, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button:hover, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit]:hover { background: #FFB03F; } @media (max-width: 1650px) { .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer .gform_button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit] { font-size: 22px; } } @media (max-width: 1280px) { .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer .gform_button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit] { font-size: 20px; } } @media (max-width: 1023px) { .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer .gform_button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit] { font-size: 16px; } } .footer .gform_wrapper .gform_body .gform_fields .gfield, .footer .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin: 0 !important; } .footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { position: absolute; bottom: -20px; left: 0; font-weight: 400; color: #FFB03F; text-transform: uppercase; font-size: 16px; } .footer .gform_wrapper .gform_footer .gform_ajax_spinner { right: -40px; } @media (max-width: 1023px) { .footer .gform_wrapper .gform_footer .gform_ajax_spinner { width: 20px; right: -20px; } } .footer .gform_wrapper .gform_validation_errors { display: none; } /* ------------------------------------------------------------ *\ - Form Main \* ------------------------------------------------------------ */ .form-main .form__head { text-align: center; width: 100%; margin-bottom: 42px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-main .form__head { margin-bottom: 21px; } } .form-main .form__head h4 { color: #1D47F3; font-weight: 400; font-size: 50px; line-height: 1.34; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-main .form__head h4 { font-size: 25px; } } .form-main .gform_wrapper .gform_fields > .gfield { width: 100%; } .form-main .gform_wrapper .gform_fields > .gfield > label { display: none; } .form-main .gform_wrapper .gform_fields > .gfield:not(:last-child) { margin-bottom: 27px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-main .gform_wrapper .gform_fields > .gfield:not(:last-child) { margin-bottom: 12px; } } .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select, .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { width: 100%; border: 1px solid #d8d8d8; padding: 0 20px; height: 88px; font-size: 20px; line-height: 1.1; text-align: center; background-color: white; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select, .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { height: 44px; font-size: 16px; } } .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { height: 260px; resize: none; padding-top: 50px; padding-bottom: 50px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { height: 200px; padding-top: 20px; padding-bottom: 20px; } } .form-main .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select { cursor: pointer; } .form-main .gform_wrapper .gform_footer { text-align: center; } .form-main .gform_wrapper .gform_footer button { position: relative; min-width: 121px; background-color: #1D47F3; color: white; font-size: 16px; line-height: 1.1; height: 35px; padding: 0 8px 0 32px; border: 0; -webkit-transition:background 0.4s; transition: background 0.4s; text-transform: uppercase; font-weight: 700; } .form-main .gform_wrapper .gform_footer button:before { content: ' '; position: absolute; width: 13px; height: 12px; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); background-image: url(../images/ico-arrow.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } @media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) { .form-main .gform_wrapper .gform_footer button:hover { background-color: #363636; } } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid .grid__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .grid .grid__col { width: 100%; padding: 15px; } .grid .grid__col--1of2 { width: 50%; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { width: 100%; position: relative; z-index: 100; padding: 40px 0; } @media (max-width: 1650px) { .header { padding: 35px 0; } } @media (max-width: 1280px) { .header { padding: 30px 0; } } @media (max-width: 1023px) { .header { padding: 20px 0; } } .header .shell { position: static; } .header .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1439px) { .header .header__content { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1439px) { .header .header__nav { display: block !important; } } @media (max-width: 1439px) { .header .header__nav { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; padding: 5px 0 25px; display: none; } } .header .header__nav .btn { display: none; } @media (max-width: 1439px) { .header .header__nav .btn { display: block; margin-top: 10px; } } @media (max-width: 1439px) { .header .header__actions { display: none; } } /* ------------------------------------------------------------ *\ Admin Bar (if header is fixed) \* ------------------------------------------------------------ */ /*remove comments for fixed hader*/ /* ------------------------------------------------------------ *\ Hero-case-studies \* ------------------------------------------------------------ */ .hero-case-studies { position: relative; } .hero-case-studies .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-case-studies .hero__bg:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .hero-case-studies .hero__inner { padding-left: 81px; min-height: 693px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1650px) { .hero-case-studies .hero__inner { padding-left: 0; min-height: 600px; } } @media (max-width: 1023px) { .hero-case-studies .hero__inner { min-height: 214px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .hero-case-studies .hero__content { padding: 54px 0 119px; } @media (max-width: 1023px) { .hero-case-studies .hero__content { padding: 18px 0; } } .hero-case-studies .hero__content h1 { color: #fff; font-size: 240px; font-weight: 400; line-height: .65; } @media (max-width: 1650px) { .hero-case-studies .hero__content h1 { font-size: 200px; } } @media (max-width: 1650px) { .hero-case-studies .hero__content h1 { font-size: 180px; } } @media (max-width: 1280px) { .hero-case-studies .hero__content h1 { font-size: 140px; line-height: 1; } } @media (max-width: 1023px) { .hero-case-studies .hero__content h1 { font-size: 80px; } } @media (max-width: 374px) { .hero-case-studies .hero__content h1 { font-size: 64px; } } .hero-case-studies .hero__content h1 img { position: relative; right: 7px; bottom: 9px; width: 170px; } @media (max-width: 1650px) { .hero-case-studies .hero__content h1 img { bottom: 20px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } } @media (max-width: 1650px) { .hero-case-studies .hero__content h1 img { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } } @media (max-width: 1023px) { .hero-case-studies .hero__content h1 img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-width: 62px; right: 3px; bottom: 7px; } } /* ------------------------------------------------------------ *\ Hero-case-study \* ------------------------------------------------------------ */ .hero-case-study { position: relative; min-height: 1030px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1650px) { .hero-case-study { min-height: 850px; } } @media (max-width: 1023px) { .hero-case-study { min-height: 500px; } } .hero-case-study .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-case-study .hero__bg:before { z-index: 2; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(54, 54, 54, 0.82); } .hero-case-study .hero__bg img { z-index: 1; } .hero-case-study .hero__content { position: relative; z-index: 3; width: 100%; padding: 64px 0 90px; } .hero-case-study .hero__inner { max-width: 845px; width: 100%; margin-right: auto; } .hero-case-study .hero__subtitle { margin-bottom: 15px; } .hero-case-study .hero__subtitle h3 { text-transform: uppercase; letter-spacing: .21em; } @media (max-width: 1023px) { .hero-case-study .hero__subtitle h3 { font-size: 25px; } } .hero-case-study .hero__title { margin-bottom: 82px; } @media (max-width: 1023px) { .hero-case-study .hero__title { margin-bottom: 40px; } } .hero-case-study .hero__title h1 { font-size: 200px; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1; } @media (max-width: 1650px) { .hero-case-study .hero__title h1 { font-size: 130px; } } @media (max-width: 1023px) { .hero-case-study .hero__title h1 { font-size: 60px; } } .hero-case-study .hero__body { font-size: 40px; line-height: 1.25; } @media (max-width: 1023px) { .hero-case-study .hero__body { font-size: 25px; } } .hero-monitor { position: relative; padding: 220px 0; } @media (max-width: 1280px) { .hero-monitor { padding: 150px 0; } } @media (max-width: 1023px) { .hero-monitor { padding: 110px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-monitor { padding: 60px 0; } } .hero-monitor .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-monitor .hero__content { text-align: center; } .hero-monitor .hero__content h1 { font-size: 130px; letter-spacing: -.02em; font-weight: 400; margin-bottom: 10px; } @media (max-width: 1531px) { .hero-monitor .hero__content h1 { font-size: 100px; } } @media (max-width: 1280px) { .hero-monitor .hero__content h1 { font-size: 84px; } } @media (max-width: 1023px) { .hero-monitor .hero__content h1 { font-size: 63px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-monitor .hero__content h1 { font-size: 47px; } } @media (max-width: 575px) { .hero-monitor .hero__content h1 { font-size: 36px; } } .hero-monitor .hero__content h2 { font-size: 50px; font-weight: 500; } @media (max-width: 1023px) { .hero-monitor .hero__content h2 { font-size: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-monitor .hero__content h2 { font-size: 28px; } } .hero-monitor .hero__content h2 img:first-of-type { max-width: 388px; margin-right: 19px; } @media (max-width: 1531px) { .hero-monitor .hero__content h2 img:first-of-type { max-width: 360px; } } @media (max-width: 1280px) { .hero-monitor .hero__content h2 img:first-of-type { max-width: 320px; } } @media (max-width: 1023px) { .hero-monitor .hero__content h2 img:first-of-type { max-width: 281px; margin-right: 12px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-monitor .hero__content h2 img:first-of-type { max-width: 210px; margin-bottom: 6px; } } @media (max-width: 575px) { .hero-monitor .hero__content h2 img:first-of-type { max-width: 120px; } } @media (max-width: 374px) { .hero-monitor .hero__content h2 img:first-of-type { max-width: 95px; } } .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 449px; margin-left: 15px; } @media (max-width: 1531px) { .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 421px; } } @media (max-width: 1280px) { .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 381px; } } @media (max-width: 1023px) { .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 340px; margin-left: 10px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 270px; margin-left: 6px; } } @media (max-width: 575px) { .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 160px; } } @media (max-width: 374px) { .hero-monitor .hero__content h2 img:nth-of-type(2) { max-width: 135px; } } /* ------------------------------------------------------------ *\ Hero-report \* ------------------------------------------------------------ */ .hero-report { position: relative; min-height: 858px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .hero-report { min-height: 600px; } } .hero-report .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-report .hero__bg:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .hero-report .hero__bg img { opacity: .2; } .hero-report .hero__content { width: 100%; padding: 103px 0; } .hero-report .hero__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-report .hero__inner { display: block; } } .hero-report .hero__media { -webkit-box-flex: 0; -ms-flex: 0 0 505px; flex: 0 0 505px; aspect-ratio: 505 / 652; } @media (max-width: 1280px) { .hero-report .hero__media { -webkit-box-flex: 0; -ms-flex: 0 0 356px; flex: 0 0 356px; aspect-ratio: unset; } } @media (max-width: 1023px) { .hero-report .hero__media { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; aspect-ratio: 1; margin-bottom: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-report .hero__media { max-width: 100%; } } @media (max-width: 1280px) { .hero-report .hero__media img { -o-object-fit: contain; object-fit: contain; } } .hero-report .hero__body { color: #fff; padding-left: 70px; } @media (max-width: 1023px) { .hero-report .hero__body { padding-left: 15px; } } .hero-report .hero__category { margin-bottom: 53px; letter-spacing: .08em; } @media (max-width: 1280px) { .hero-report .hero__category { margin-bottom: 25px; } } .hero-report .hero__category ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; text-transform: uppercase; list-style-type: none; font-size: 16px; line-height: 1.38; font-weight: 400; } @media (max-width: 1023px) { .hero-report .hero__category ul { font-size: 14px; } } .hero-report .hero__category a { text-decoration: none; display: inline-block; color: #1D47F3; background-color: #fff; min-width: 162px; padding: 7px 10px; font-weight: 700; text-align: center; -webkit-transition:color .3s, background-color .3s; transition: color .3s, background-color .3s; } @media (max-width: 1023px) { .hero-report .hero__category a { min-width: 140px; } } .hero-report .hero__category a:hover { color: #fff; background-color: #FFB03F; } .hero-report .hero__title { max-width: 848px; width: 100%; margin-bottom: 40px; } @media (max-width: 1280px) { .hero-report .hero__title { margin-bottom: 20px; } } .hero-report .hero__title h1 { font-size: 80px; line-height: 1.13; } @media (max-width: 1650px) { .hero-report .hero__title h1 { font-size: 60px; } } @media (max-width: 1023px) { .hero-report .hero__title h1 { font-size: 45px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-report .hero__title h1 { font-size: 30px; } } .hero-report .hero__meta { margin-bottom: 45px; } @media (max-width: 1280px) { .hero-report .hero__meta { margin-bottom: 10px; } } .hero-report .hero__meta ul { list-style-type: none; font-size: 35px; line-height: 1.14; } @media (max-width: 1650px) { .hero-report .hero__meta ul { font-size: 25px; } } .hero-report .hero__meta li + li { margin-top: 20px; } .hero-report .hero__meta a { text-decoration: none; } .hero-report .hero__meta a:hover { text-decoration: underline; } .hero-report .hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .hero { position: relative; } .hero .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero .hero__bg:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .hero .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hero .hero__inner { padding-left: 70px; min-height: 693px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1650px) { .hero .hero__inner { padding-left: 0; min-height: 600px; } } @media (max-width: 1023px) { .hero .hero__inner { min-height: 214px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .hero .hero__content { max-width: 943px; padding: 50px 0; } @media (max-width: 1023px) { .hero .hero__content { padding: 18px 0; } } .hero .hero__content h1 { font-size: 240px; line-height: 0.88; font-weight: 400; color: #fff; } @media (max-width: 1650px) { .hero .hero__content h1 { font-size: 200px; } } @media (max-width: 1650px) { .hero .hero__content h1 { font-size: 180px; } } @media (max-width: 1023px) { .hero .hero__content h1 { font-size: 80px; line-height: 0.8; } } @media (max-width: 374px) { .hero .hero__content h1 { font-size: 64px; } } .hero .hero__content h1 img { position: relative; right: 20px; bottom: 20px; } @media (max-width: 1650px) { .hero .hero__content h1 img { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } } @media (max-width: 1650px) { .hero .hero__content h1 img { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } } @media (max-width: 1023px) { .hero .hero__content h1 img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-width: 62px; right: 3px; bottom: 7px; } } .hero .hero__content h2 { font-size: 180px; line-height: 0.89; color: #fff; font-weight: 400; } @media (max-width: 1280px) { .hero .hero__content h2 { font-size: 140px; } } @media (max-width: 1023px) { .hero .hero__content h2 { font-size: 80px; line-height: 0.8; } } .hero .hero__content h2 img { position: relative; right: 20px; bottom: 20px; } @media (max-width: 1650px) { .hero .hero__content h2 img { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } } @media (max-width: 1023px) { .hero .hero__content h2 img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-width: 62px; right: 3px; bottom: 7px; } } /* hero-dark */ .hero-dark { position: relative; } .hero-dark .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hero-dark .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-dark .hero__bg-overlay { width: 100%; height: 100%; opacity: .95; position: absolute; top: 0; left: 0; z-index: 1; } .hero-dark .hero__bg img { z-index: 0; } .hero-dark .hero__inner { position: relative; z-index: 10; text-align: center; min-height: 650px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-dark .hero__inner { min-height: 215px; } } .hero-dark .hero__entry { padding-top: 33px; font-size: 25px; line-height: 1.28; color: #fff; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-dark .hero__entry { font-size: 12px; padding-top: 10px; } } .hero-dark .hero__entry p img { margin-left: 5px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-dark .hero__entry p img { max-width: 90px; } } @media (max-width: 1023px) { .hero-dark .hero__image { max-width: 530px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero-dark .hero__image { max-width: 240px; margin: 0 auto; } } /* hero--about */ .hero--about .hero__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hero--about .hero__bg:after { background-color: #425BFF; } .hero--about .hero__content { width: 45.5%; max-width: 100%; } @media (max-width: 1280px) { .hero--about .hero__content { width: 54%; } } @media (max-width: 1023px) { .hero--about .hero__content { width: 230px; } } .hero--about .hero__image { width: 54.5%; text-align: right; position: relative; right: -90px; padding-top: 135px; -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 1280px) { .hero--about .hero__image { width: 46%; right: 0; } } @media (max-width: 1023px) { .hero--about .hero__image { right: -47px; position: absolute; bottom: 0; width: 57%; } } .hero--about .hero__image img { display: block; margin-left: auto; } @media (max-width: 1280px) { .hero--about .hero__image img { min-width: 580px; } } @media (max-width: 1023px) { .hero--about .hero__image img { min-width: 1px; max-width: 223px; } } .hero--about .shell { padding-right: 0; } @media (max-width: 1023px) { .hero--about .hero__content h1 img { max-width: 57px; right: 13px; } } /* hero--home */ .hero--home .hero__bg:after { background-color: #425BFF; } .hero--home .hero__inner { padding-left: 0; min-height: 954px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1650px) { .hero--home .hero__inner { min-height: 700px; } } @media (max-width: 1280px) { .hero--home .hero__inner { min-height: 500px; } } @media (max-width: 1023px) { .hero--home .hero__inner { min-height: 274px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .hero--home .hero__content { max-width: 100%; text-align: center; padding: 53px 0; margin-left: -69px; } @media (max-width: 1650px) { .hero--home .hero__content { margin-left: -40px; } } @media (max-width: 1280px) { .hero--home .hero__content { margin-left: -30px; } } @media (max-width: 1023px) { .hero--home .hero__content { margin-left: -25px; } } .hero--home .hero__content h1 { font-size: 150px; line-height: 1.07; } @media (max-width: 1190px) { .hero--home .hero__content h1 { font-size: 100px; } } @media (max-width: 1023px) { .hero--home .hero__content h1 { font-size: 70px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero--home .hero__content h1 { font-size: 40px; line-height: 0.9; } } .hero--home .hero__content h1 img { bottom: 3px; right: 12px; max-height: 101px; max-width: 100px; } @media (max-width: 1650px) { .hero--home .hero__content h1 img { right: auto; left: 0; } } @media (max-width: 1023px) { .hero--home .hero__content h1 img { max-height: 65px; width: auto; bottom: 2px; min-width: 1px; max-width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero--home .hero__content h1 img { max-height: 24px; } } @media (min-width: 1650.02px) { .hero--home .hero__content h1 img:last-child { max-height: 108px; max-width: 61px; bottom: -2px; width: 100%; height: auto; } } .hero--home .hero__image { position: relative; width: calc(100% + 160px); aspect-ratio: 1920 / 479; margin-left: -69px; } @media (max-width: 1650px) { .hero--home .hero__image { width: calc(100% + 80px); margin-left: -40px; } } @media (max-width: 1280px) { .hero--home .hero__image { width: calc(100% + 60px); margin-left: -30px; } } @media (max-width: 1023px) { .hero--home .hero__image { width: calc(100% + 50px); margin-left: -25px; } } .hero--home .hero__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1650px) { .hero--home .hero__image img { left: 4px; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; vertical-align: top; position: relative; } /* ------------------------------------------------------------ *\ Image Fit \* ------------------------------------------------------------ */ .image-fit { overflow: hidden; position: relative; background-size: cover; background-position: center; } .image-fit img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image-fit--bottom { background-position: center bottom; } .image-fit--bottom img { -o-object-position: center bottom; object-position: center bottom; } /* ------------------------------------------------------------ *\ - List About \* ------------------------------------------------------------ */ .list-about > ul { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: -24px; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-about > ul > li { width: 25%; padding: 24px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media (max-width: 1280px) { .list-about > ul > li { width: 33.33333%; } } @media (max-width: 1023px) { .list-about > ul > li { width: 50%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-about > ul > li { width: 100%; } } .list-about .list__icon { width: 55px; height: 55px; position: relative; margin-bottom: 8px; } .list-about .list__icon img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .list-about .list__body h3 { font-size: 38px; line-height: 1.3421; font-family: "Circular Std Book", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; margin-bottom: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-about .list__body h3 { font-size: 30px; } } .list-about .list__body h3 strong { font-size: 57px; line-height: 1.3333; font-weight: 700; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-about .list__body h3 strong { font-size: 50px; } } .list-about .list__body p { font-size: 23px; line-height: 1.3478; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-about .list__body p { font-size: 20px; } } /* ------------------------------------------------------------ *\ List-articles \* ------------------------------------------------------------ */ .list-articles { margin: 132px 0 129px; } @media (max-width: 1280px) { .list-articles { margin: 100px 0; } } @media (max-width: 1023px) { .list-articles { margin: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-articles { margin: 60px 0; } } .list-articles ul { list-style-type: none; } @media (max-width: 1023px) { .list-articles ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; row-gap: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-articles ul { display: block; margin: 0; } } @media (max-width: 1023px) { .list-articles li { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-articles li { padding: 0; } } @media (min-width: 1023.02px) { .list-articles li + li { margin-top: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list-articles li + li { margin-top: 50px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo-footer, .logo { font-size: 0; line-height: 0; text-indent: -4004px; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; } .logo-footer > img, .logo > img { display: block; width: 100%; } .logo { width: 388px; } @media (max-width: 1775px) { .logo { width: 320px; } } @media (max-width: 1650px) { .logo { width: 270px; } } @media (max-width: 1023px) { .logo { width: 229px; } } .logo-footer { width: 393px; } @media (max-width: 1650px) { .logo-footer { width: 310px; } } @media (max-width: 1280px) { .logo-footer { width: 240px; } } @media (max-width: 1023px) { .logo-footer { width: 280px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } body.error404 .main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.error404 .main > section { width: 100%; } .members { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -47px -27px; } @media (max-width: 1280px) { .members { margin: -20px; } } @media (max-width: 1023px) { .members { margin: 0; } } .member { width: 50%; padding: 47px 27px; } @media (max-width: 1280px) { .member { padding: 20px; } } @media (max-width: 1023px) { .member { width: 100%; padding: 25px; margin-bottom: 5px; } } @media (max-width: 374px) { .member { padding: 0; margin-bottom: 30px; } } .member .member__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .member .member__img { width: 248px; height: 248px; border-radius: 50%; } @media (max-width: 1650px) { .member .member__img { width: 210px; height: 210px; } } @media (max-width: 1280px) { .member .member__img { width: 170px; height: 170px; } } @media (max-width: 1023px) { .member .member__img { width: 244px; height: 244px; margin: 0 auto 25px; } } .member .member__img img { border-radius: 5%; } .member .member__content { width: calc(100% - 248px); padding-left: 52px; padding-top: 10px; } @media (max-width: 1650px) { .member .member__content { width: calc(100% - 210px); padding-left: 35px; } } @media (max-width: 1280px) { .member .member__content { width: calc(100% - 170px); padding-left: 25px; } } @media (max-width: 1023px) { .member .member__content { width: 100%; padding-left: 0; } } .member .member__head { padding-bottom: 15px; } .member .member__head h4 { font-size: 36px; font-weight: 400; color: #1F1F1F; margin-bottom: 11px; } @media (max-width: 1280px) { .member .member__head h4 { font-size: 32px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .member .member__head h4 { font-size: 29px; margin-bottom: 6px; } } .member .member__head p { font-size: 24px; line-height: 1.25; color: #707070; margin-bottom: 15px; } @media (max-width: 1280px) { .member .member__head p { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .member .member__head p { font-size: 24px; } } .member .member__head a { font-size: 16px; color: #707070; text-decoration: none; -webkit-transition:all .4s; transition: all .4s; display: inline-block; } .member .member__head a:hover { color: #1D47F3; } .member .member__entry { font-size: 16px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; max-width: 95%; margin-bottom: 13px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .member .member__entry { max-width: 100%; } } .member .member__soc { margin-bottom: 30px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .member .member__soc { margin-bottom: 22px; } } .member .member__soc ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; color: #707070; } .member .member__soc a { text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition:all .4s; transition: all .4s; } .member .member__soc a:hover { opacity: .8; } .member .member__soc img { margin-right: 8px; } /* members--light */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .member { padding: 20px 0; } } .members--light .member .member__head h4 { font-size: 44px; line-height: 1.20; color: #000; } @media (max-width: 1650px) { .members--light .member .member__head h4 { font-size: 39px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .member .member__head h4 { font-size: 34px; } } .members--light .member .member__head p { margin-bottom: 5px; } .members--light .member .member__soc ul, .members--light .member .member__head a, .members--light .member .member__head p { color: #000; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .member .member__head p { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .member .member__soc ul, .members--light .member .member__head a { font-size: 14px; } } .members--light .member .member__content { padding-left: 42px; padding-top: 0; } @media (max-width: 1280px) { .members--light .member .member__content { padding-left: 25px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .member .member__content { padding-left: 0; } } .members--light .btn { background-color: #fff; color: #151515; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .btn { font-size: 16px; } } .members--light .btn:hover { background-color: #151515; color: #fff; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .members--light .member__entry { font-size: 14px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { padding-left: 20px; } @media (max-width: 1023px) { .nav { padding-left: 0; } } .nav ul { list-style: none; } .nav .menu { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1439px) { .nav .menu { display: block; text-align: center; } } .nav .menu > li { padding: 0 clamp(15px, 1.042vw, 20px); position: relative; } @media (max-width: 1439px) { .nav .menu > li { padding: 5px 0; } } .nav .menu > li:hover .sub-menu { opacity: 1; pointer-events: auto; } .nav .menu > li.current-menu-item > a { color: #1D47F3; } .nav .menu > li > a { font-size: 24px; text-decoration: none; display: block; -webkit-transition:all .4s; transition: all .4s; } .nav .menu > li > a:hover { color: #1D47F3; } @media (max-width: 1650px) { .nav .menu > li > a { font-size: 22px; } } @media (max-width: 1280px) { .nav .menu > li > a { font-size: 20px; } } @media (max-width: 1023px) { .nav .menu > li > a { font-size: 22px; } } .nav .sub-menu { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; min-width: 223px; background-color: #fff; padding: 15px 0; opacity: 0; pointer-events: none; -webkit-transition:all .4s; transition: all .4s; } @media (max-width: 1439px) { .nav .sub-menu { position: static; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; pointer-events: auto; -webkit-transition:none; transition: none; padding: 10px 0; display: none; } } .nav .sub-menu a { text-decoration: none; display: block; font-size: 24px; color: #707070; padding: 10px 0; white-space: nowrap; -webkit-transition:all .4s; transition: all .4s; } .nav .sub-menu a:hover { color: #1D47F3; } @media (max-width: 1650px) { .nav .sub-menu a { font-size: 22px; } } @media (max-width: 1280px) { .nav .sub-menu a { padding: 5px 0; } } .nav .sub-menu li.current-menu-item > a { color: #1D47F3; } /* ------------------------------------------------------------ *\ nav-scroll \* ------------------------------------------------------------ */ .nav-scroll ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1023px) { .nav-scroll ul { display: block; } } .nav-scroll li { padding: 0 28px; } @media (max-width: 1023px) { .nav-scroll li { padding: 0; margin-bottom: 21px; } } .nav-scroll a { text-decoration: none; font-size: 30px; position: relative; padding-left: 32px; -webkit-transition:all .4s; transition: all .4s; } @media (max-width: 1023px) { .nav-scroll a { font-size: 25px; } } .nav-scroll a:hover { color: #1D47F3; } .nav-scroll a:before { content: ''; background: url(../images/cirlce-with-blue-dot.svg) no-repeat 0 0; background-size: contain; position: absolute; top: 5px; left: 0; width: 27px; height: 27px; } @media (max-width: 1023px) { .nav-scroll a:before { width: 25px; top: 3px; height: 25px; } } /* ------------------------------------------------------------ *\ nav trigger \* ------------------------------------------------------------ */ .nav-trigger { position: relative; display: none; width: 28px; height: 20px; } @media (max-width: 1439px) { .nav-trigger { display: block; } } .nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #1D47F3; -webkit-transition:top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition:top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition:top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; } .nav-trigger span:nth-child(1) { top: 0; } .nav-trigger span:nth-child(2) { top: 8px; } .nav-trigger span:nth-child(3) { top: 16px; } .nav-trigger.active span { -webkit-transition:background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition:background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition:background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; } .nav-trigger.active span:nth-child(3), .nav-trigger.active span:nth-child(1) { top: 8px; background: #1D47F3; } .nav-trigger.active span:nth-child(2) { opacity: 0; } .nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------------------------------------------------ *\ nav-filter \* ------------------------------------------------------------ */ .nav-filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -10px; } @media (max-width: 1023px) { .nav-filter { display: block; } } @media (max-width: 1280px) { .nav-filter { font-size: 20px; margin: -6px; } } @media (max-width: 1023px) { .nav-filter { margin: 0; } } .nav-filter button { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: block; margin: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: #1D47F3; text-transform: uppercase; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 4.8px; padding: 9px; -webkit-transition:all .4s; transition: all .4s; } .nav-filter button:hover { background-color: #FFB03F; } @media (max-width: 1650px) { .nav-filter button { font-size: 22px; } } @media (max-width: 1280px) { .nav-filter button { font-size: 20px; margin: 6px; } } @media (max-width: 1023px) { .nav-filter button { font-size: 18px; letter-spacing: 3.6px; margin: 0 auto 20px auto; min-width: 302px; } } @media (max-width: 374px) { .nav-filter button { min-width: 100%; } } .numbers { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -38px -61px; } @media (max-width: 1280px) { .numbers { margin: -35px; } } .number { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 38px 61px; } @media (max-width: 1280px) { .number { padding: 35px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .number { width: 100%; margin-bottom: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .number:last-child { margin-bottom: 0; } } .number h4 { font-size: 30px; line-height: 1.27; color: #101010; font-weight: 400; margin-bottom: 14px; color: #101010; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .number h4 { font-size: 18px; line-height: 1.28; margin-bottom: 4px; } } .number p { font-size: 20px; line-height: 1.2; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222222; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .number p { font-size: 12px; line-height: 1.25; } } .number .number__aside { width: 97px; text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .number .number__aside { position: relative; top: -5px; } } .number .number__aside span { font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 179px; display: block; line-height: .68; color: #191919; } .number .number__content { width: calc(100% - 97px); padding-left: 13px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .number .number__content { padding-left: 10px; } } .packages { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .packages { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .package { text-align: center; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; padding: 70px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .package { width: 100%; padding: 42px 0; } } .package .package__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .package .package__bg:after { content: ''; width: 100%; height: 100%; background-color: #313131; position: absolute; top: 0; left: 0; opacity: .95; } .package .package__inner { position: relative; z-index: 10; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; } .package .package__head { padding-bottom: 65px; } @media (max-width: 1280px) { .package .package__head { padding-bottom: 50px; } } .package .package__head h4 { font-size: 68px; line-height: 1; color: #fff; font-weight: 400; letter-spacing: -2.176px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } @media (max-width: 1650px) { .package .package__head h4 { font-size: 50px; } } @media (max-width: 1280px) { .package .package__head h4 { font-size: 45px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .package .package__head h4 { font-size: 42px; letter-spacing: -1.344px; } } .package .package__head h4 img { margin-right: 5px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .package .package__head h4 img { max-width: 38px; } } .package .package__head p { font-size: 28px; line-height: 1.29; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: -0.84px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .package .package__head p { font-size: 19px; letter-spacing: -0.57px; } } .package .package__head p img { margin: 0 5px 0 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .package .package__head p img { margin: 0 5px; } } .package .package__head p small { font-size: 10px; letter-spacing: -0.5px; } .package .package__entry { font-size: 20px; line-height: 1.4; padding: 0 80px 70px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1280px) { .package .package__entry { padding: 0 40px 70px; } } @media (max-width: 1280px) { .package .package__entry { padding-bottom: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .package .package__entry { font-size: 16px; line-height: 1.25; padding: 0 55px 45px; } } .package .package__includes { padding-bottom: 75px; margin-top: auto; } @media (max-width: 1280px) { .package .package__includes { padding-bottom: 50px; } } .package .package__includes h5 { font-size: 16px; line-height: 1.25; text-transform: uppercase; font-weight: 700; letter-spacing: 3.2px; margin-bottom: 30px; } .package .package__includes ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; font-weight: 700; margin: -15px; padding: 0 15px; } .package .package__includes ul li { padding: 15px; } @media (max-width: 1280px) { .package .package__includes ul li { width: 45%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .package .package__includes ul li { width: 100%; } } .package .package__includes ul img { display: block; margin: 0 auto 10px; } .package .package__actions { margin-top: auto; } .package--red .package__bg:after { content: ''; width: 100%; height: 100%; background-color: #D2463C; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .package--orange .package__bg:after { content: ''; width: 100%; height: 100%; background-color: #FFAF3E; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .question { margin-bottom: 70px; } @media (max-width: 1650px) { .question { margin-bottom: 55px; } } @media (max-width: 1280px) { .question { margin-bottom: 40px; } } .question:last-child { margin-bottom: 0; } .question .question__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 1280px) { .question .question__head { margin-bottom: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .question .question__head { margin-bottom: 7px; } } .question .question__head h4 { font-size: 40px; font-weight: 700; color: #1D47F3; } @media (max-width: 1650px) { .question .question__head h4 { font-size: 32px; } } @media (max-width: 1280px) { .question .question__head h4 { font-size: 28px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .question .question__head h4 { font-size: 20px; line-height: 1.25; } } .question .question__head img { margin-right: 20px; } @media (max-width: 1280px) { .question .question__head img { margin-right: 10px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .question .question__head img { max-width: 20px; } } .question .question__body { font-size: 24px; line-height: 1.5; } @media (max-width: 1650px) { .question .question__body { font-size: 20px; } } @media (max-width: 1280px) { .question .question__body { font-size: 19px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .question .question__body { font-size: 14px; line-height: 1.29; } } .question .question__body a { text-decoration: none; -webkit-transition:all .4s; transition: all .4s; } .question .question__body a:hover { color: #FFB03F; } .resources { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -32px -16px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .resources { margin: -14px; } } .resource { width: 50%; padding: 32px 16px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .resource { width: 100%; padding: 14px; } } .resource .resource__image { position: relative; padding-bottom: 45%; margin-bottom: 22px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .resource .resource__image { margin-bottom: 12px; } } .resource .resource__image:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; -webkit-transition:all .4s; transition: all .4s; } .resource .resource__image:hover:after { opacity: .9; } .resource .resource__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } .resource .resource__image-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } @media (max-width: 1023px) { .resource .resource__image-icon { max-width: 250px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .resource .resource__image-icon { max-width: 233px; } } .resource .resource__content p { font-size: 24px; line-height: 1.25; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .resource .resource__content p { font-size: 16px; line-height: 1.25; } } .resource .resource__content a { text-decoration: none; display: inline-block; -webkit-transition:all .4s; transition: all .4s; } .resource .resource__content a:hover { color: #1D47F3; } /* ------------------------------------------------------------ *\ resources--dark \* ------------------------------------------------------------ */ .resources--dark .resource__image:after { display: none; } .resources--dark .resource__image:hover .resource__image-overlay { opacity: .9; } .resources--dark .resource__image-overlay { position: absolute; top: 0; -webkit-transition:all .4s; transition: all .4s; left: 0; width: 100%; height: 100%; z-index: 1; opacity: .95; } /* ------------------------------------------------------------ *\ Richtext Entry \* ------------------------------------------------------------ */ .richtext-entry { font-size: 24px; line-height: 1.42; } @media (max-width: 1023px) { .richtext-entry { font-size: 18px; } } .richtext-entry > ul:not([class]), .richtext-entry > ol:not([class]) { margin-bottom: 10px; } .richtext-entry > ul:not([class]) ol, .richtext-entry > ul:not([class]) ul, .richtext-entry > ol:not([class]) ol, .richtext-entry > ol:not([class]) ul { margin-left: 30px; } .richtext-entry > ul:not([class]) { list-style: none; } .richtext-entry > ul:not([class]) > li { position: relative; margin-bottom: 5px; } .richtext-entry > ul:not([class]) > li:before { content: ''; width: 8px; height: 8px; border-radius: 50%; left: 0; position: relative; top: -5px; background-color: #000; display: inline-block; margin-right: 10px; } @media (max-width: 1023px) { .richtext-entry > ul:not([class]) > li:before { top: -3px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .richtext-entry > ul:not([class]) > li:before { width: 5px; height: 5px; margin-right: 5px; } } .richtext-entry > blockquote { border-left: 2px solid #1D47F3; margin-left: 0; padding: 0 0 0 16px; } .richtext-entry > *.alignwide { width: 100%; max-width: 100%; clear: both; } .richtext-entry > *.aligncenter { margin-left: auto; margin-right: auto; } .richtext-entry > *.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; padding: 0 20px; } .richtext-entry .btn { margin-top: 50px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .richtext-entry .btn { margin-bottom: 20px; } } /* Richtext-entry--alt */ .richtext-entry--alt { font-size: 30px; line-height: 1.33; } @media (max-width: 1023px) { .richtext-entry--alt { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .richtext-entry--alt { font-size: 18px; } } .richtext-entry--alt ol { margin-left: 50px; } .richtext-entry--alt > ul:not([class]) li { text-indent: 35px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .richtext-entry--alt > ul:not([class]) li { text-indent: 20px; } } .richtext-entry--alt > ul:not([class]) li:before { background-color: currentColor; width: 13px; height: 13px; left: -35px; top: -2px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .richtext-entry--alt > ul:not([class]) li:before { left: -20px; width: 10px; height: 10px; } } .richtext-entry--alt > ul:not([class]) li + li, .richtext-entry--alt > ol:not([class]) li + li { margin-top: 31px; } .richtext-entry--alt p { margin-bottom: 20px; } .richtext-entry--alt p:first-of-type, .richtext-entry--alt p:last-of-type { margin-bottom: 0; } .richtext-entry--alt p + p { margin-top: 20px; } .richtext-entry--alt h2 { margin-bottom: 27px; } .section-about { position: relative; padding: 77px 0; } @media (max-width: 1023px) { .section-about { padding: 65px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about { padding: 45px 0 60px; } } .section-about .shell { max-width: 1565px; } .section-about .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-about .section__bg:after { content: ''; width: 100%; height: 100%; background-color: #425BFF; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .section-about .section__head { text-align: center; padding-bottom: 82px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__head { padding-bottom: 60px; } } .section-about .section__head h3 { color: #fff; font-size: 39px; line-height: 1; font-weight: 400; margin-bottom: 15px; text-transform: uppercase; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__head h3 { font-size: 22px; line-height: 1.27; margin-bottom: 5px; } } .section-about .section__head img { max-width: 226px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__head img { max-width: 152px; } } .section-about .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-about .section__aside { width: 53.54%; padding-right: 58px; color: #fff; } @media (max-width: 1023px) { .section-about .section__aside { width: 100%; padding-right: 0; } } .section-about .section__aside h4 { font-size: 28px; line-height: 1.4; font-weight: 400; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__aside h4 { font-size: 20px; line-height: 1.25; } } .section-about .section__aside ul { list-style: none; font-size: 20px; line-height: 1.4; padding-top: 13px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__aside ul { font-size: 14px; line-height: 1.4; } } .section-about .section__aside ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; padding-right: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__aside ul li { margin-bottom: 15px; padding-right: 10px; } } .section-about .section__aside ul img { width: 46px; } .section-about .section__aside ul p { width: calc(100% - 46px); padding-left: 14px; } .section-about .section__content { width: 46.46%; padding-left: 48px; } @media (max-width: 1280px) { .section-about .section__content { padding-left: 20px; } } @media (max-width: 1023px) { .section-about .section__content { width: 100%; padding-left: 0; padding-top: 40px; } } .section-about .section__content h5 { text-transform: uppercase; font-weight: 400; letter-spacing: 2.4px; font-size: 24px; color: #fff; padding-bottom: 21px; border-bottom: 1px solid #fff; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__content h5 { font-size: 20px; line-height: 1.25; letter-spacing: 2px; padding-bottom: 14px; } } .section-about .section__actions { text-align: center; padding-top: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__actions { padding-top: 20px; display: block; } } .section-about .section__actions .btn { margin: 0 14px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__actions .btn { min-width: 162px; margin: 14px; } } .section-advantage { margin: 88px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-advantage { margin: 50px 0; } } .section-advantage .shell { max-width: 1585px; } .section-advantage .section__head { text-align: center; border-bottom: 1px solid #CCCCCC; padding-bottom: 25px; margin-bottom: 60px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-advantage .section__head { padding-bottom: 15px; } } .section-advantage .section__head h3 { font-size: 31px; line-height: 1.26; font-weight: 700; letter-spacing: 6.2px; text-transform: uppercase; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-advantage .section__head h3 { font-size: 16px; line-height: 1.25; letter-spacing: 3.2px; } } .section-approach { padding-bottom: 70px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach { padding-bottom: 26px; } } .section-approach .section__head { text-align: center; margin-bottom: 30px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__head { margin-bottom: 20px; } } .section-approach .section__head h2 { font-size: 61px; line-height: 1.26; color: #191919; font-weight: 400; } @media (max-width: 1023px) { .section-approach .section__head h2 { font-size: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__head h2 { font-size: 19px; line-height: 1.26; } } .section-approach .section__body { background-color: #F2F2F2; padding: 32px 30px; max-width: 1032px; margin: 0 auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__body { padding: 15px; } } @media (max-width: 389px) { .section-approach .section__body { padding: 10px; } } .section-approach .section__body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; font-size: 28px; line-height: 1.29; } @media (max-width: 1280px) { .section-approach .section__body ul { font-size: 25px; } } @media (max-width: 1023px) { .section-approach .section__body ul { font-size: 15px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__body ul { font-size: 9px; } } .section-approach .section__body ul img { display: block; max-width: 57px; margin: 0 auto 11px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__body ul img { max-width: 34px; margin-bottom: 5px; } } .section-approach .section__body ul li { position: relative; padding-right: 58px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__body ul li { padding-right: 16px; } } .section-approach .section__body ul li:last-child { padding-right: 0; } .section-approach .section__body ul li:after { content: attr(data-symbol); position: absolute; bottom: 0; right: 21px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-approach .section__body ul li:after { right: 5px; } } .section-article-single { padding-bottom: 45px; position: relative; } .section-article-single .btn-back { position: absolute; top: 46px; margin-left: 80px; z-index: 10; } @media (max-width: 1650px) { .section-article-single .btn-back { margin-left: 40px; } } @media (max-width: 1280px) { .section-article-single .btn-back { margin-left: 30px; } } @media (max-width: 1023px) { .section-article-single .btn-back { display: none; } } @media (max-width: 1023px) { .section-article-single--client .btn-back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; top: 20px; } } .section-articles-featured { padding: 90px 0 40px; } @media (max-width: 1023px) { .section-articles-featured { padding: 25px 0 50px; } } .section-articles-featured .shell { max-width: 1547px; } .section-blacktrack { padding: 63px 0; text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack { padding: 40px 0; } } .section-blacktrack .section__head { max-width: 720px; font-size: 20px; line-height: 1.25; margin: 0 auto 38px; color: #222; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__head { font-size: 16px; line-height: 1.25; padding: 0 25px; margin-bottom: 48px; } } .section-blacktrack .section__head img { margin-bottom: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__head img { width: 261px; margin-bottom: 31px; } } .section-blacktrack .section__list { max-width: 940px; margin: 0 auto 38px; } .section-blacktrack .section__list h5 { font-size: 16px; line-height: 1.25; text-transform: uppercase; letter-spacing: 3.2px; color: #222; margin-bottom: 35px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__list h5 { margin-bottom: 30px; } } .section-blacktrack .section__list ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.25; font-size: 20px; color: #222; margin: -15px; padding-bottom: 55px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__list ul { font-size: 16px; font-weight: 700; padding-bottom: 35px; } } .section-blacktrack .section__list ul li { width: 25%; padding: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__list ul li { width: 100%; } } .section-blacktrack .section__list ul img { display: block; margin: 0 auto 8px; max-width: 58px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__list ul img { max-width: 23px; } } .section-blacktrack .btn { padding: 8px 20px; min-width: 312px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .btn { min-width: 224px; padding: 8px; } } .section-blacktrack .section__entry { font-size: 20px; line-height: 1.25; max-width: 891px; margin: 0 auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blacktrack .section__entry { font-size: 12px; padding: 0 25px; } } /* ------------------------------------------------------------ *\ Section-blue \* ------------------------------------------------------------ */ .section-blue { background-color: #1D47F3; color: #fff; padding: 185px 0 203px; } @media (max-width: 1023px) { .section-blue { padding: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blue { padding: 60px 0; } } .section-blue .section__head { margin-bottom: 98px; } @media (max-width: 1023px) { .section-blue .section__head { margin-bottom: 45px; } } .section-blue .section__head h3 { text-transform: uppercase; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: .2em; } .section-blue .section__entry { margin-bottom: 138px; } @media (max-width: 1023px) { .section-blue .section__entry { margin-bottom: 50px; } } .section-blue .section__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 148px; margin: 0 -74px 89px; } @media (max-width: 1023px) { .section-blue .section__items { display: block; margin: 0 0 70px 0; } } .section-blue .section__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 0 74px; } @media (max-width: 1023px) { .section-blue .section__item { padding: 0; } } .section-blue .section__item h3 { letter-spacing: .015em; margin-bottom: 30px; } @media (max-width: 1023px) { .section-blue .section__item + .section__item { margin-top: 50px; } } .section-blue .section__item ul li:before { background-color: currentColor; } .section-boxes { padding-bottom: 47px; } .section-boxes .section__head { text-align: center; padding-bottom: 40px; } .section-boxes .section__head h4 { font-size: 24px; line-height: 1.25; font-weight: 400; color: #222222; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-boxes .section__head h4 { font-size: 20px; } } .section-boxes .section__actions { text-align: center; padding-top: 48px; } .section-boxes--articles { padding-bottom: 88px; } .section-case-study { padding: 100px 0; } @media (max-width: 1023px) { .section-case-study { padding: 70px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-case-study { padding: 38px 0 62px; } } .section-case-study .shell { max-width: 1650px; } .section-case-study .section__head { text-align: center; padding-bottom: 86px; } @media (max-width: 1023px) { .section-case-study .section__head { padding-bottom: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-case-study .section__head { padding-bottom: 32px; } } .section-case-study .section__head h4 { color: #4B4B4B; text-transform: uppercase; font-size: 28px; line-height: 1.29; letter-spacing: 5.6px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-case-study .section__head h4 { font-size: 16px; line-height: 1.25; letter-spacing: 3.2px; } } .section-case-study .section__actions { text-align: center; padding-top: 62px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-case-study .section__actions { padding-top: 50px; } } .section-case-study .btn { padding: 8px 16px; } .section-cols-secondary { padding: 135px 0 180px; position: relative; } @media (max-width: 1280px) { .section-cols-secondary { padding: 80px 0 100px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols-secondary { padding: 40px 0; } } .section-cols-secondary:before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 160px); height: 1px; background: rgba(70, 70, 70, 0.28); } @media (max-width: 1280px) { .section-cols-secondary:before { width: calc(100% - 80px); } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols-secondary:before { width: calc(100% - 50px); } } .section-cols-secondary .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-cols-secondary .section__image { width: 48.5%; } @media (max-width: 1023px) { .section-cols-secondary .section__image { width: 100%; margin-bottom: 30px; } } .section-cols-secondary .section__content { width: 51.5%; padding: 0 0 0 60px; } @media (max-width: 1280px) { .section-cols-secondary .section__content { padding: 0 0 0 30px; } } @media (max-width: 1023px) { .section-cols-secondary .section__content { width: 100%; padding: 0; } } .section-cols-secondary .section__description { font-size: 22px; color: #222222; margin-bottom: 30px; } @media (max-width: 1650px) { .section-cols-secondary .section__description { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols-secondary .section__description { font-size: 16px; } } .section-cols-secondary .section__description:last-child { margin-bottom: 0; } .section-cols-secondary .section__description h2 { color: #FFB03F; font-weight: 500; margin-bottom: 14px; } .section-cols-secondary .section__description p { line-height: 1.36; margin-bottom: 13px; } .section-cols-secondary .section__description p:last-child { margin-bottom: 0; } .section-cols-secondary .section__actions { margin-bottom: 40px; } .section-cols-secondary .section__actions:last-child { margin-bottom: 0; } .section-cols-secondary .section__actions h5 { font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 26px; } .section-cols-secondary .section__actions ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -9px; } @media (max-width: 1280px) { .section-cols-secondary .section__actions ul { margin: -9px 0; } } @media (max-width: 1023px) { .section-cols-secondary .section__actions ul { margin: -9px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols-secondary .section__actions ul { margin: -9px 0; } } .section-cols-secondary .section__actions li { width: 50%; padding: 9px; } @media (max-width: 1280px) { .section-cols-secondary .section__actions li { width: 100%; padding: 9px 0; } } @media (max-width: 1023px) { .section-cols-secondary .section__actions li { width: 50%; padding: 9px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols-secondary .section__actions li { width: 100%; padding: 9px 0; } } .section-cols-secondary .section__actions--has-fullwidth-button li { width: 100%; } .section-cols-secondary .section__btn { background: #EDEFEF; color: #222222; border-radius: 10px; width: 100%; min-height: 59px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 22px; line-height: 1.0; padding: 8px 38px; } @media (max-width: 1650px) { .section-cols-secondary .section__btn { font-size: 20px; padding: 8px 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols-secondary .section__btn { min-height: 45px; font-size: 18px; } } .section-cols-secondary .section__btn:hover { background: #1D47F3; color: #fff; } .section-cols-secondary .section__btn--blue { background: #1D47F3; color: #fff; } .section-cols-secondary .section__btn--blue:hover { background: #EDEFEF; color: #222222; } @media (max-width: 1023px) { .section-cols { padding: 30px 0; } } .section-cols .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px; } @media (max-width: 1023px) { .section-cols .section__inner { padding: 0; margin: -20px; } } .section-cols .section__col { width: 50%; padding: 46px; } @media (max-width: 1023px) { .section-cols .section__col { padding: 20px; } } .section-cols .section__col:first-child { width: 44%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__col:first-child { width: 47%; } } .section-cols .section__col:last-child { width: 56%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__col:last-child { width: 53%; } } .section-cols .section__col p { font-size: 27px; line-height: 1.48; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 1280px) { .section-cols .section__col p { font-size: 24px; } } @media (max-width: 1023px) { .section-cols .section__col p { font-size: 18px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__col p { font-size: 12px; } } .section-cols .section__col ul { font-size: 41px; line-height: 1.34; font-weight: 400; letter-spacing: -0.42px; list-style: none; padding-top: 10px; } @media (max-width: 1280px) { .section-cols .section__col ul { font-size: 30px; } } @media (max-width: 1023px) { .section-cols .section__col ul { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__col ul { font-size: 12px; } } .section-cols .section__col ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__col ul li { margin-bottom: 12px; } } .section-cols .section__col ul li:last-child { margin-bottom: 0; } .section-cols .section__col ul img { display: block; margin: 0 auto; } .section-cols .section__col ul span { min-width: 38px; display: block; text-align: center; margin-right: 18px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__col ul span { margin-right: 10px; min-width: 1px; max-width: 20px; } } .section-contacts { padding: 100px 0 77px; } @media (max-width: 1023px) { .section-contacts { padding: 58px 0; } } .section-contacts .shell { max-width: 1457px; } .section-contacts .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-contacts .section__form { width: 57%; padding-right: 94px; } @media (max-width: 1650px) { .section-contacts .section__form { padding-right: 60px; } } @media (max-width: 1023px) { .section-contacts .section__form { width: 100%; padding-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .section-contacts .section__aside { width: 43%; } @media (max-width: 1023px) { .section-contacts .section__aside { width: 100%; padding-bottom: 55px; } } .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { display: none; } .section-contacts .gform_wrapper .gform_body .gform_fields .gfield { position: relative; } .section-contacts .gform_wrapper .gform_body .gform_fields { list-style: none; } .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea, .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { text-align: center; font-size: 20px; color: #1D1D1D; height: auto; line-height: 1.3; display: block; border: 1px solid #D8D8D8; padding: 30px 22px; } @media (max-width: 1650px) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea, .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 22px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea, .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 11px; } } .section-contacts .gform_wrapper .gform_body .gform_fields .gfield, .section-contacts .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 58px !important; } @media (max-width: 1650px) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield, .section-contacts .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 40px !important; } } @media (max-width: 1280px) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield, .section-contacts .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 35px !important; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield, .section-contacts .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 40px !important; } } .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea { resize: none; height: 297px; } @media (max-width: 1650px) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea { height: 270px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea { height: 250px; } } .section-contacts .gform_wrapper .gform_footer { text-align: center; } .section-contacts .gform_wrapper .gform_footer .gform_button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 3.2px; padding: 8px 12px; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #fff; background: #1D47F3; -webkit-transition:all .4s; transition: all .4s; position: relative; } .section-contacts .gform_wrapper .gform_footer .gform_button:before { content: ''; background: url(../images/arrow-white-right.svg) no-repeat 0 0; width: 15px; height: 15px; margin-right: 10px; } .section-contacts .gform_wrapper .gform_footer .gform_button:hover { background-color: #FFB03F; } .section-contacts .gform_wrapper .gform_body .gform_fields .gfield .gfield_description.validation_message { position: absolute; bottom: -20px; left: 15px; font-weight: 400; text-transform: uppercase; font-size: 16px; } .section-cta-gray { margin: 72px 0; } @media (max-width: 1023px) { .section-cta-gray { margin: 0; background-color: #F2F2F2; } } .section-cta-gray .section__inner { padding: 37px 0; background-color: #F2F2F2; text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta-gray .section__inner { padding: 39px 0; } } .section-cta-gray h2 { font-size: 50px; font-weight: 400; color: #4B4B4B; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta-gray h2 { font-size: 34px; margin-bottom: 50px; } } .section-cta-gray .section__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta-gray .section__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .section-cta-gray .section__actions .btn { margin: 0 10px; padding: 8px 15px; min-width: 144px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta-gray .section__actions .btn { min-width: 194px; text-align: center; margin-bottom: 12px; font-size: 16px; } } .section-cta-gray .section__actions .btn:last-child { margin-bottom: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta-gray .section__actions .btn--with-arrow { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta-gray .section__actions .btn--with-arrow svg { width: 14px; } } .section-cta { padding-bottom: 84px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta { background-color: #1D47F3; padding-bottom: 0; } } .section-cta .section__inner { background-color: #1D47F3; color: #fff; text-align: center; padding: 37px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta .section__inner { padding: 45px 0; } } .section-cta h2 { font-size: 50px; font-weight: 400; } @media (max-width: 1023px) { .section-cta h2 { font-size: 46px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta h2 { font-size: 36px; padding-bottom: 10px; } } .section-dashboard-embed { position: relative; padding: 70px 0 190px; } @media (max-width: 1023px) { .section-dashboard-embed { padding: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dashboard-embed { padding: 33px 0; } } .section-dashboard-embed .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-dashboard-embed .section__bg-overlay { width: 100%; height: 100%; opacity: .9; position: absolute; top: 0; left: 0; z-index: 1; mix-blend-mode: multiply; } .section-dashboard-embed .section__head { position: relative; z-index: 10; text-align: center; padding-bottom: 97px; } @media (max-width: 1023px) { .section-dashboard-embed .section__head { padding-bottom: 60px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dashboard-embed .section__head { padding-bottom: 25px; } } .section-dashboard-embed .section__head h2 { font-size: 39px; line-height: 1.26; color: #fff; font-weight: 400; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dashboard-embed .section__head h2 { font-size: 26px; } } .section-dashboard-embed .section__body { position: relative; z-index: 10; } /* ------------------------------------------------------------ *\ Section Default \* ------------------------------------------------------------ */ .section-default { padding: 100px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-default { padding: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-default { padding: 50px 0; } } .section-default .section__content { margin-bottom: 40px; } .section-default .section__content:last-child { margin-bottom: 0; } .section-default .section__content p + h2 { padding-top: 25px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-default .section__content p + h2 { padding-top: 10px; } } .section-default .section__title { margin-bottom: 20px; } .section-default .section__title:last-child { margin-bottom: 0; } .section-default .section__actions { text-align: center; } .section-default .section__actions .btn { text-transform: uppercase; } /* Section Default 404 */ .section-default--404 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-align: center; } .section-default--404 .section__shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-default--404 .section__btn { margin-top: 20px; } /* ------------------------------------------------------------ *\ Section-details \* ------------------------------------------------------------ */ .section-details { margin: 51px 0 100px; } @media (max-width: 1023px) { .section-details { margin: 50px 0; } } .section-details .section__head { text-align: center; margin-bottom: 47px; } .section-details .section__head h2 { font-size: 70px; line-height: 1.4; font-weight: 400; } @media (max-width: 1023px) { .section-details .section__head h2 { font-size: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-details .section__head h2 { font-size: 26px; } } @media (max-width: 1023px) { .section-details .section__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; row-gap: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-details .section__items { display: block; margin: 0; row-gap: 0; } } @media (max-width: 1023px) { .section-details .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 0 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-details .section__item { max-width: 100%; padding: 0; } } .section-details .section__item + .section__item { margin-top: 53px; } @media (max-width: 1023px) { .section-details .section__item + .section__item { margin-top: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-details .section__item + .section__item { margin-top: 40px; } } .section-downloads { padding: 20px 0 33px; } .section-downloads .section__inner { max-width: 720px; margin: 0 auto; text-align: center; } .section-downloads h5 { font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-downloads h5 { font-size: 16px; } } .section-downloads ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -9px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-downloads ul { margin: -9px 0; } } .section-downloads li { width: 50%; padding: 9px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-downloads li { width: 100%; padding: 9px 0; } } .section-downloads .section__btn { background: #EDEFEF; color: #222222; border-radius: 10px; width: 100%; min-height: 59px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 22px; line-height: 1.0; padding: 8px 53px; } @media (max-width: 1650px) { .section-downloads .section__btn { font-size: 20px; padding: 8px 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-downloads .section__btn { font-size: 18px; min-height: 45px; } } .section-downloads .section__btn:hover { background: #1D47F3; color: #fff; } .section-downloads .section__btn--blue { background: #1D47F3; color: #fff; } .section-downloads .section__btn--blue:hover { background: #EDEFEF; color: #222222; } .section-feed-secondary { position: relative; padding: 80px 0 145px; } @media (max-width: 1023px) { .section-feed-secondary { padding: 70px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-feed-secondary { padding: 45px 0; } } .section-feed-secondary .section__head { text-align: center; padding-bottom: 70px; } @media (max-width: 1023px) { .section-feed-secondary .section__head { padding-bottom: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-feed-secondary .section__head { padding-bottom: 25px; } } .section-feed-secondary .section__head h2 { font-size: 60px; line-height: 1.33; font-weight: 500; color: #222222; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 1650px) { .section-feed-secondary .section__head h2 { font-size: 52px; } } @media (max-width: 1023px) { .section-feed-secondary .section__head h2 { font-size: 42px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-feed-secondary .section__head h2 { font-size: 30px; } } .section-feed-secondary .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-feed-secondary .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-feed { position: relative; padding: 80px 0 145px; } @media (max-width: 1023px) { .section-feed { padding: 70px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-feed { padding: 45px 0; } } .section-feed .section__head { text-align: center; padding-bottom: 70px; } @media (max-width: 1023px) { .section-feed .section__head { padding-bottom: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-feed .section__head { padding-bottom: 25px; } } .section-feed .section__head h3 { font-size: 60px; line-height: 1.27; font-weight: 400; color: #fff; } @media (max-width: 1023px) { .section-feed .section__head h3 { font-size: 45px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-feed .section__head h3 { font-size: 34px; } } .section-feed .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-feed .section__bg:after { content: ''; width: 100%; height: 100%; background-color: #425BFF; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .section-filter { margin: 70px 0; overflow: hidden; } @media (max-width: 1023px) { .section-filter { margin: 50px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-filter { margin: 40px 0 50px; } } .section-filter .shell { max-width: 1459px; } .section-filter .section__head { text-align: center; padding-bottom: 38px; } @media (max-width: 1023px) { .section-filter .section__head { padding-bottom: 28px; } } @media (max-width: 1023px) { .section-filter .section__head p { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-filter .section__head p { font-size: 14px; } } .section-filter .section__logos { margin-top: 50px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-filter .section__logos { margin-top: 35px; } } .section-filter .section__logos ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -31px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-filter .section__logos ul { margin: -8px -15px; } } .section-filter .section__logos ul li { width: 12.5%; padding: 20px 31px; } @media (max-width: 1023px) { .section-filter .section__logos ul li { width: 20%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-filter .section__logos ul li { width: 25%; padding: 8px 15px; } } @media (max-width: 374px) { .section-filter .section__logos ul li { width: 33.33%; } } .section-filter .section__logos ul li a { text-decoration: none; display: block; -webkit-transition:all .4s; transition: all .4s; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .section-full-image { margin: 100px 0; position: relative; } @media (max-width: 1023px) { .section-full-image { margin: 70px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-full-image { margin: 40px 0; } } .section-full-image .section__inner { height: 368px; } @media (max-width: 1023px) { .section-full-image .section__inner { height: 250px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-full-image .section__inner { height: 114px; } } .section-full-image .section__circle { width: 451px; height: 451px; border-radius: 50%; background-color: #FFAF3E; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: multiply; } @media (max-width: 1023px) { .section-full-image .section__circle { width: 320px; height: 320px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-full-image .section__circle { width: 140px; height: 140px; } } .section-highlights { padding: 33px 0 130px; } @media (max-width: 1023px) { .section-highlights { padding: 33px 0 75px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights { padding: 33px 0 40px; } } .section-highlights .section__head { text-align: center; margin-bottom: 110px; } @media (max-width: 1650px) { .section-highlights .section__head { margin-bottom: 70px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__head { margin-bottom: 45px; } } .section-highlights .section__head h5 { font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: .2em; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__head h5 { font-size: 16px; } } .section-highlights .section__entry { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 150px; } @media (max-width: 1650px) { .section-highlights .section__entry { margin-bottom: 100px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__entry { margin-bottom: 50px; } } .section-highlights .section__entry:last-child { margin-bottom: 0; } .section-highlights .section__entry:nth-child(even) .section__entry-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .section-highlights .section__entry-image { width: 39.5%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__entry-image { width: 100%; margin-bottom: 30px; text-align: center; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__entry-image img { max-width: 325px; } } @media (max-width: 374px) { .section-highlights .section__entry-image img { max-width: 100%; } } .section-highlights .section__entry-content { width: 60.5%; padding: 0 0 0 190px; } @media (max-width: 1280px) { .section-highlights .section__entry-content { padding: 0 0 0 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__entry-content { width: 100%; padding: 0; } } .section-highlights .section__entry:nth-child(even) .section__entry-content { padding: 0 190px 0 0; } @media (max-width: 1280px) { .section-highlights .section__entry:nth-child(even) .section__entry-content { padding: 0 50px 0 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-highlights .section__entry:nth-child(even) .section__entry-content { padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .section-highlights .section__entry-content ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -21px; } .section-highlights .section__entry-content li { width: 50%; padding: 21px; } .section-icons-list .section__inner { background-color: #000; padding: 32px 55px 55px; position: relative; } @media (max-width: 1280px) { .section-icons-list .section__inner { margin-left: 80px; padding: 32px 35px 35px; } } @media (max-width: 1023px) { .section-icons-list .section__inner { margin-left: 0; padding: 25px 25px 25px 70px; } } .section-icons-list .section__content { color: #fff; max-width: 890px; margin-left: auto; } @media (max-width: 1280px) { .section-icons-list .section__content { max-width: 720px; } } .section-icons-list .section__content h5 { font-size: 14px; line-height: 1.29; font-weight: 400; letter-spacing: 1.4px; } @media (max-width: 1023px) { .section-icons-list .section__content h5 { font-size: 12px; } } .section-icons-list .section__head { border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 26px; } @media (max-width: 1023px) { .section-icons-list .section__head { padding-bottom: 5px; margin-bottom: 5px; } } .section-icons-list .section__body ul { font-size: 24px; line-height: 1.25; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1280px) { .section-icons-list .section__body ul { font-size: 20px; } } @media (max-width: 1023px) { .section-icons-list .section__body ul { font-size: 14px; padding-top: 15px; } } .section-icons-list .section__body li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; width: 50%; } @media (max-width: 1023px) { .section-icons-list .section__body li { width: 45%; position: relative; margin-left: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-icons-list .section__body li { width: 100%; display: block; } } .section-icons-list .section__body li small { font-size: 21px; margin-left: 10px; } @media (max-width: 1280px) { .section-icons-list .section__body li small { font-size: 16px; -ms-flex-item-align: end; align-self: flex-end; } } @media (max-width: 1023px) { .section-icons-list .section__body li small { font-size: 12px; margin-left: 5px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-icons-list .section__body li small { margin-left: 0; } } .section-icons-list .section__body ul img { margin-right: 11px; max-width: 20px; } @media (max-width: 1023px) { .section-icons-list .section__body ul img { position: absolute; top: 0; left: -30px; } } .section-icons-list .section__icon { position: absolute; top: 50%; left: -86px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #1D47F3; width: 172px; height: 172px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .section-icons-list .section__icon { width: 53px; height: 53px; left: -10px; } } .section-icons-list .section__icon:after { content: ''; width: 40px; height: 8px; background-color: #FFAF3E; position: absolute; bottom: -26px; right: -10px; } @media (max-width: 1280px) { .section-icons-list .section__icon:after { bottom: -10px; } } @media (max-width: 1023px) { .section-icons-list .section__icon:after { width: 15px; height: 3px; right: 0; } } @media (max-width: 1023px) { .section-icons-list .section__icon img { max-width: 26px; } } .section-icons-list .section__actions { text-align: center; padding: 30px 0 65px; } @media (max-width: 1023px) { .section-icons-list .section__actions { padding: 45px 0; } } /* section-icons-list--reversed */ @media (max-width: 1280px) { .section-icons-list--reversed .section__inner { margin-left: 0; margin-right: 80px; } } @media (max-width: 1023px) { .section-icons-list--reversed .section__inner { margin-right: 0; padding: 25px 70px 25px 25PX; } } .section-icons-list--reversed .section__content { margin-left: 0; } .section-icons-list--reversed .section__icon { right: -86px; left: auto; } @media (max-width: 1023px) { .section-icons-list--reversed .section__icon { right: -10px; } } .section-icons-list--reversed .section__icon:after { right: auto; left: -10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-icons-list--reversed .section__icon:after { left: 0; } } /* ------------------------------------------------------------ *\ Section-image-text \* ------------------------------------------------------------ */ .section-image-text { background-color: #363636; color: #fff; padding: 200px 0 191px; } @media (max-width: 1023px) { .section-image-text { padding: 60px 0; } } .section-image-text .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .section-image-text .section__inner { display: block; } } .section-image-text .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 903px; flex: 0 0 903px; aspect-ratio: 903 / 609; margin-left: -282px; -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 1650px) { .section-image-text .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 750px; flex: 0 0 750px; margin-left: -200px; } } @media (max-width: 1280px) { .section-image-text .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 600px; flex: 0 0 600px; margin-left: -120px; } } @media (max-width: 1023px) { .section-image-text .section__image { margin-inline: -30px; margin-block: 50px; width: calc(100% + 60px); } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__image { margin-inline: -25px; margin-block: 0 50px; width: calc(100% + 50px); } } .section-image-text .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-left: 81px; } @media (max-width: 1023px) { .section-image-text .section__content { padding-left: 0; } } .section-image-text .section__title { margin-bottom: 45px; } .section-image-text .section__title h3 { text-transform: uppercase; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: .2em; } .section-image-text .section__body { font-size: 30px; line-height: 1.33; } @media (max-width: 1023px) { .section-image-text .section__body { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__body { font-size: 18px; } } .section-image-text .section__body p + p { margin-top: 41px; } .section-image-text .section__body ul li:before { background-color: currentColor; } .section-image-text .section__body ul li { text-indent: 89px; } @media (max-width: 1023px) { .section-image-text .section__body ul li { text-indent: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__body ul li { text-indent: 20px; } } .section-image-text .section__body ul li:before { background-color: currentColor; width: 13px; height: 13px; left: -87px; top: -2px; } @media (max-width: 1023px) { .section-image-text .section__body ul li:before { left: -40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__body ul li:before { left: -20px; width: 10px; height: 10px; } } .section-info { padding: 61px 0 20px; } .section-info .section__shell { max-width: 1205px; } .section-info .section__icon { text-align: center; margin-bottom: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-info .section__icon img { max-width: 60px; } } .section-info .section__info { text-align: center; margin-bottom: 60px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-info .section__info { margin-bottom: 30px; } } .section-info .section__info h2 { font-size: 97px; color: #363636; font-weight: 400; letter-spacing: -.02em; margin-bottom: 15px; } @media (max-width: 1650px) { .section-info .section__info h2 { font-size: 80px; } } @media (max-width: 1280px) { .section-info .section__info h2 { font-size: 60px; } } @media (max-width: 1023px) { .section-info .section__info h2 { font-size: 52px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-info .section__info h2 { font-size: 29px; } } .section-info .section__info h3 { font-size: 40px; font-weight: 500; letter-spacing: -.02em; color: #FFB03F; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 1650px) { .section-info .section__info h3 { font-size: 36px; } } @media (max-width: 1280px) { .section-info .section__info h3 { font-size: 32px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-info .section__info h3 { font-size: 24px; } } .section-info .section__description { font-size: 22px; } @media (max-width: 1650px) { .section-info .section__description { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-info .section__description { font-size: 18px; } } @media (max-width: 575px) { .section-info .section__description { font-size: 16px; } } .section-info .section__description p { line-height: 1.36; margin-bottom: 15px; } .section-info .section__description p:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ - Section List About \* ------------------------------------------------------------ */ .section-list-about { padding: 120px 0; background-color: #363636; color: white; } .section-list-about .section__body .shell { max-width: 1600px; } .section-main { padding: 67px 0 135px; } @media (max-width: 1650px) { .section-main { padding: 70px 0; } } @media (max-width: 1023px) { .section-main { padding: 32px 0 70px; } } .section-main .section__head { text-align: center; font-size: 24px; line-height: 1.25; max-width: 742px; margin: 0 auto; padding-bottom: 70px; } @media (max-width: 1023px) { .section-main .section__head { padding-bottom: 42px; font-size: 16px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-main .section__head { font-size: 12px; line-height: 1.3; } } .section-main .section__head a:not([class]) { text-decoration: none; -webkit-transition:all .4s; transition: all .4s; } .section-main .section__head a:not([class]):hover { color: #FFB03F; } .section-main .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-main .section__sidebar { width: 23.9%; padding-right: 20px; } @media (max-width: 1023px) { .section-main .section__sidebar { display: none; } } .section-main .section__content { width: 76.1%; } @media (max-width: 1023px) { .section-main .section__content { width: 100%; } } .section-main .shell { max-width: 1300px; } .section-main .section__buttons { display: none; } @media (max-width: 1023px) { .section-main .section__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 39px; } } .section-main .section__buttons .btn { margin: 0 8px; min-width: 136px; font-size: 16px; padding: 6px 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-main .section__buttons .btn { font-size: 14px; } } .section-member-single-content { padding: 95px 0 56px; } @media (max-width: 1023px) { .section-member-single-content { padding: 60px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-content { padding: 25px 0 65px; } } .section-member-single-content .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-member-single-content .section__aside { width: 43%; background-color: rgba(29, 71, 242, 0.04); padding: 45px 32px; } @media (max-width: 1023px) { .section-member-single-content .section__aside { width: 100%; padding: 26px 31px; } } .section-member-single-content .section__box { margin-bottom: 40px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-content .section__box { margin-bottom: 20px; } } .section-member-single-content .section__box:last-child { margin-bottom: 0; } .section-member-single-content .section__box-head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 21px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-content .section__box-head { padding-bottom: 5px; } } .section-member-single-content .section__box-head h5 { font-size: 16px; font-weight: 700; color: #1D47F3; text-transform: uppercase; letter-spacing: 1.6px; margin-left: 7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-content .section__box-head h5 { font-size: 12px; letter-spacing: 1.2px; } } .section-member-single-content .section__box-entry { font-size: 16px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 1023px) { .section-member-single-content .section__box-entry { width: 100%; font-size: 12px; line-height: 1.5; } } .section-member-single-content .section__content { font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; width: 57%; padding-left: 54px; font-size: 20px; line-height: 1.5; } @media (max-width: 1023px) { .section-member-single-content .section__content { width: 100%; padding-left: 0; padding-top: 25px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-content .section__content { font-size: 12px; line-height: 1.5; width: 100%; } } .section-member-single-content .section__content p { padding-bottom: 8px; } .section-member-single-content .section__content p:last-child { padding-bottom: 0; } .section-member-single-head { position: relative; padding: 45px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head { padding: 15px 0; } } .section-member-single-head .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-member-single-head .section__bg:after { content: ''; width: 100%; height: 100%; background-color: #1D47F3; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .section-member-single-head .section__inner { position: relative; z-index: 10; } .section-member-single-head .section__image { width: 248px; height: 248px; border-radius: 50%; margin: 0 auto 26px; } @media (max-width: 1023px) { .section-member-single-head .section__image { width: 200px; height: 200px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head .section__image { width: 96px; height: 96px; margin-bottom: 7px; margin-top: 7px; } } .section-member-single-head .section__image img { border-radius: 50%; } .section-member-single-head .section__content { text-align: center; } .section-member-single-head .section__content h1 { font-size: 50px; font-weight: 400; color: #fff; margin-bottom: 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head .section__content h1 { font-size: 20px; margin-bottom: 0; } } .section-member-single-head .section__content h4 { font-size: 24px; line-height: 1.25; color: #fff; font-weight: 400; padding-bottom: 14px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head .section__content h4 { font-size: 12px; padding-bottom: 5px; } } .section-member-single-head .section__content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .section-member-single-head .section__content li { padding: 0 19px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head .section__content li { padding: 0 10px; } } .section-member-single-head .section__content a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 16px; color: #fff; -webkit-transition:all .4s; transition: all .4s; } .section-member-single-head .section__content a:hover { opacity: .7; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head .section__content a { font-size: 12px; } } .section-member-single-head .section__content img { margin-right: 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-member-single-head .section__content img { margin-right: 2px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } } .section-member-single-head .btn-back { position: relative; z-index: 10; margin-left: 80px; } @media (max-width: 1650px) { .section-member-single-head .btn-back { margin-left: 40px; } } @media (max-width: 1280px) { .section-member-single-head .btn-back { margin-left: 30px; } } .section-members { padding: 60px 0 160px; } @media (max-width: 1023px) { .section-members { padding: 10px 0 70px; } } .section-nav-scroll { padding: 50px 0; color: #222222; font-size: 24px; line-height: 1.25; text-align: center; } @media (max-width: 1023px) { .section-nav-scroll { padding: 45px 0; font-size: 16px; line-height: 1.25; } } .section-nav-scroll p { margin-bottom: 16px; } @media (max-width: 1023px) { .section-nav-scroll p { margin-bottom: 33px; } } .section-our-principals { position: relative; padding: 107px 0; } @media (max-width: 1280px) { .section-our-principals { padding: 90px 0; } } @media (max-width: 1023px) { .section-our-principals { padding: 70px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-our-principals { padding: 47px 0; } } .section-our-principals .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-our-principals .section__bg:after { content: ''; width: 100%; height: 100%; background-color: #FFAF3E; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; } .section-our-principals .section__head { text-align: center; padding-bottom: 80px; } @media (max-width: 1023px) { .section-our-principals .section__head { padding-bottom: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-our-principals .section__head { padding-bottom: 25px; } } .section-our-principals .section__head h4 { display: inline-block; font-size: 40px; line-height: 1.27; font-weight: 400; background-color: #fff; color: #484848; padding: 12px 45px; } @media (max-width: 1280px) { .section-our-principals .section__head h4 { font-size: 36px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-our-principals .section__head h4 { font-size: 28px; line-height: 1.29; padding: 9px 38px; } } .section-outcomes { margin: 38px 0; } @media (max-width: 1023px) { .section-outcomes { margin: 25px 0; } } .section-outcomes .section__inner { padding: 0 20px; } @media (max-width: 1023px) { .section-outcomes .section__inner { padding: 0; } } .section-outcomes p { font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; line-height: 1.5; letter-spacing: -0.22px; } @media (max-width: 1023px) { .section-outcomes p { font-size: 14px; } } .section-outcomes ul { list-style: none; font-size: 32px; line-height: 1.28; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1280px) { .section-outcomes ul { font-size: 26px; } } @media (max-width: 1023px) { .section-outcomes ul { font-size: 13px; } } .section-outcomes ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 47%; margin-bottom: 25px; } @media (max-width: 1023px) { .section-outcomes ul li { margin-bottom: 8px; width: 49%; } } .section-outcomes ul img { display: block; } .section-outcomes ul span { display: block; width: 32px; margin-right: 15px; } @media (max-width: 1023px) { .section-outcomes ul span { width: 16px; margin-right: 9px; } } /* ------------------------------------------------------------ *\ - Section Popup \* ------------------------------------------------------------ */ .section-popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: rgba(255, 255, 255, 0.5); z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition:opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .section-popup .section__holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; } .section-popup .section__popup { max-width: 902px; margin-left: auto; margin-right: auto; background-color: #f4f4f4; border-radius: 24px; padding: 48px 106px; position: relative; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-popup .section__popup { margin: 90px auto; } } .section-popup .section__popup > a { position: absolute; top: 20px; right: 20px; text-align: 20px; display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #FFB03F; font-size: 0; line-height: 0; -webkit-transition:background 0.4s; transition: background 0.4s; } @media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) { .section-popup .section__popup > a:hover { background-color: #363636; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-popup .section__popup > a { width: 40px; height: 40px; right: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -60px; } } .section-popup .section__popup > a:before, .section-popup .section__popup > a:after { content: ' '; position: absolute; left: 10px; right: 10px; top: 50%; height: 4px; margin-top: -2px; background-color: white; } .section-popup .section__popup > a:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .section-popup .section__popup > a:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-popup .section__popup { padding: 20px; } } /* ------------------------------------------------------------ *\ - Show Popup \* ------------------------------------------------------------ */ body.show-popup .wrapper { -webkit-filter: blur(5px); filter: blur(5px); } body.show-popup .section-popup { opacity: 1; visibility: visible; } /* ------------------------------------------------------------ *\ Section-report-resources \* ------------------------------------------------------------ */ .section-report-resources { margin: 94px 0 125px; } @media (max-width: 1023px) { .section-report-resources { margin: 75px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-report-resources { margin: 50px 0; } } .section-report-resources .section__head { text-align: center; margin-bottom: 44px; } .section-report-resources .section__head h2 { font-size: 32px; font-weight: 400; } .section-report-resources .section__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -19px; row-gap: 38px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-report-resources .section__items { display: block; margin: 0; } } .section-report-resources .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 19px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-report-resources .section__item { padding: 0; margin-top: 38px; max-width: 100%; width: 100%; } } /* ------------------------------------------------------------ *\ Section-report \* ------------------------------------------------------------ */ .section-report { margin: 142px 0 94px; } @media (max-width: 1023px) { .section-report { margin: 75px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-report { margin: 50px 0; } } .section-report .section__head { text-align: center; margin-bottom: 93px; } @media (max-width: 1023px) { .section-report .section__head { margin-bottom: 60px; } } .section-report .section__head h2 { font-size: 50px; line-height: 1.2; font-weight: 400; } @media (max-width: 1023px) { .section-report .section__head h2 { font-size: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-report .section__head h2 { font-size: 26px; } } .section-report .section__body { font-size: 24px; line-height: 1.42; } .section-report .section__media { margin: 77px auto 70px; max-width: 754px; width: 100%; aspect-ratio: 754 / 973; } @media (max-width: 1023px) { .section-report .section__media { max-width: 55vw; } } .section-report .section__actions { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } @media (max-width: 575px) { .section-report .section__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 20px; } } .section-research { margin: 60px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-research { margin: 20px 0; } } .section-research .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-research .section__image { width: 322px; position: relative; } @media (max-width: 1023px) { .section-research .section__image { width: 100px; } } .section-research .section__circle { width: 240px; height: 240px; position: absolute; top: -32px; right: 32px; border-radius: 50%; background-color: #FFB03F; mix-blend-mode: multiply; } @media (max-width: 1023px) { .section-research .section__circle { width: 74px; height: 74px; top: -7px; right: 10px; } } .section-research .section__content { width: calc(100% - 322px); } @media (max-width: 1023px) { .section-research .section__content { width: calc(100% - 100px); } } .section-research .section__content:only-child { width: 100%; } .section-research .section__content h3 { font-size: 48px; line-height: 1.27; font-weight: 700; letter-spacing: 9.6px; padding-bottom: 15px; margin-bottom: 18px; border-bottom: 1px solid #ccc; } @media (max-width: 1023px) { .section-research .section__content h3 { font-size: 28px; } } @media (max-width: 1023px) { .section-research .section__content h3 { font-size: 14px; line-height: 1.29; letter-spacing: 2.8px; padding-bottom: 8px; margin-bottom: 8px; } } .section-research .section__content p { font-size: 21px; line-height: 1.48; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 1023px) { .section-research .section__content p { font-size: 16px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-research .section__content p { font-size: 12px; } } /* section-research--with-image-ornament */ .section-research--with-image-ornament { margin-top: 90px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-research--with-image-ornament { margin: 30px 0 20px; } } .section-resources { text-align: center; padding-bottom: 104px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources { padding-bottom: 37px; } } .section-resources .section__head { padding-bottom: 42px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources .section__head { padding-bottom: 27px; } } .section-resources .section__head h4 { font-size: 32px; font-weight: 400; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources .section__head h4 { font-size: 20px; line-height: 1.25; } } .section-resources .section__foot { padding-top: 70px; max-width: 719px; margin: 0 auto; font-size: 20px; line-height: 1.25; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources .section__foot { font-size: 14px; line-height: 1.29; padding: 30px 15px 0; } } .section-resources .section__foot .btn { min-width: 312px; margin-top: 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources .section__foot .btn { min-width: 230px; } } .section-resources .section__foot a { text-decoration: none; -webkit-transition:all .4s; transition: all .4s; } .section-resources .section__foot a:hover { color: #FFB03F; } .section-resources--dark { padding: 70px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources--dark { padding: 44px 0; } } .section-scroll-heading .section__inner { background-color: #F4F4F4; padding: 30px; text-align: center; } @media (max-width: 1023px) { .section-scroll-heading .section__inner { padding: 42px 13px; } } .section-scroll-heading .section__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 22px; } @media (max-width: 1023px) { .section-scroll-heading .section__head { padding-bottom: 17px; } } .section-scroll-heading .section__head h2 { font-size: 60px; line-height: 1.27; font-weight: 400; color: #1D1D1D; } @media (max-width: 1023px) { .section-scroll-heading .section__head h2 { font-size: 40px; } } @media (max-width: 389px) { .section-scroll-heading .section__head h2 { font-size: 34px; } } .section-scroll-heading .section__head img { max-width: 53px; margin-right: 11px; } @media (max-width: 1023px) { .section-scroll-heading .section__head img { max-width: 35px; margin-right: 5px; } } .section-scroll-heading .section__entry { max-width: 876px; margin: 0 auto; font-size: 24px; line-height: 1.4; color: #222222; } @media (max-width: 1023px) { .section-scroll-heading .section__entry { font-size: 16px; line-height: 1.4; padding: 0 14px; } } .section-sectors { margin: 70px 0; } @media (max-width: 1023px) { .section-sectors { margin: 50px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors { margin: 40px 0; } } .section-sectors .section__head { margin-bottom: 37px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors .section__head { margin-bottom: 27px; padding: 0 15px; } } .section-sectors .section__head p { font-size: 24px; line-height: 1.25; text-align: center; } @media (max-width: 1023px) { .section-sectors .section__head p { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors .section__head p { font-size: 14px; line-height: 1.29; } } .section-sectors .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors .section__body { padding: 0 25px; } } .section-sectors .section__body ul { list-style: none; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 24px; line-height: 1.67; margin-bottom: 0; } .section-sectors .section__body ul:last-child { padding-left: 35px; } @media (max-width: 1023px) { .section-sectors .section__body ul:last-child { padding-left: 0; } } @media (max-width: 1023px) { .section-sectors .section__body ul { width: 100%; padding: 0; font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors .section__body ul { font-size: 14px; line-height: 2.14; } } .section-sectors .section__body li { position: relative; padding-left: 39px; width: 49%; } @media (max-width: 1023px) { .section-sectors .section__body li { margin-bottom: 5px; width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors .section__body li { padding-left: 25px; margin-bottom: 1px; } } .section-sectors .section__body li img { position: absolute; top: 9px; left: 0; max-width: 25px; } @media (max-width: 1023px) { .section-sectors .section__body li img { top: 6px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-sectors .section__body li img { max-width: 16px; } } .section-services { padding: 88px 0 150px; position: relative; } @media (max-width: 1023px) { .section-services { padding: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-services { padding: 60px 0; } } .section-services .shell { max-width: 1565px; } .section-services .section__head { text-align: center; padding-bottom: 80px; } .section-services .section__head h4 { display: inline-block; font-size: 40px; line-height: 1.27; font-weight: 400; background-color: #1D47F3; color: #fff; padding: 12px 59px; } @media (max-width: 1280px) { .section-services .section__head h4 { font-size: 36px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-services .section__head h4 { font-size: 28px; line-height: 1.29; padding: 9px 38px; } } .section-services .section__ornament { width: 1174px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -587px; } @media (max-width: 1023px) { .section-services .section__ornament { display: none; } } /* ------------------------------------------------------------ *\ Section strategies \* ------------------------------------------------------------ */ .section-strategies { padding: 40px 0 57px; background-color: #F5F5F5; } .section-strategies .section__head { margin-bottom: 36px; } .section-strategies .section__head h3 { font-size: 28px; line-height: 1.43; text-align: center; font-weight: 400; } @media (max-width: 1023px) { .section-strategies .section__head h3 { font-size: 24px; } } .section-strategies .section__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px; row-gap: 27px; } .section-strategies .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; padding: 0 18px; } @media (max-width: 1023px) { .section-strategies .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-strategies .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } } @media (max-width: 575px) { .section-strategies .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } } /* ------------------------------------------------------------ *\ Section-testimonial \* ------------------------------------------------------------ */ .section-testimonial { background-color: #FFB03F; color: #363636; padding: 177px 0 190px; } @media (max-width: 1023px) { .section-testimonial { padding: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonial { padding: 60px 0; } } .section-testimonial .section__head { text-align: left; margin-bottom: 131px; } @media (max-width: 1023px) { .section-testimonial .section__head { margin-bottom: 80px; } } .section-testimonial .section__head h3 { text-transform: uppercase; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .2em; font-weight: 700; color: currentColor; } .section-testimonial .section__item { max-width: 1085px; width: 100%; margin: 0 auto; } .section-testimonial .section__item + .section__item { margin-top: 50px; } .section-text { text-align: center; padding: 55px 0; font-size: 24px; line-height: 1.4; color: #4B4B4B; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-text { padding: 26px 0; } } @media (max-width: 1023px) { .section-text { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-text { font-size: 12px; line-height: 1.4; } } .section-text img { margin-bottom: 25px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-text img { max-width: 57px; margin-bottom: 32px; } } .section-text p:first-child { margin-bottom: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-text .section__inner { padding: 0 26px; } } @media (max-width: 374px) { .section-text .section__inner { padding: 0; } } .section-tools { padding-bottom: 50px; } .section-tools .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-tools .section__inner { padding: 0; } } .section-tools .section__content { width: 49.8%; padding-right: 55px; } @media (max-width: 1023px) { .section-tools .section__content { width: 100%; padding-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .section-tools .section__image { width: 50.2%; padding-top: 10px; } @media (max-width: 1023px) { .section-tools .section__image { width: 100%; padding-top: 0; margin-bottom: 22px; } } .section-tools .section__image img { width: 100%; display: block; } .section-tools .section__content h3 { font-size: 40px; line-height: 1.27; letter-spacing: 8px; padding-bottom: 3px; } @media (max-width: 1280px) { .section-tools .section__content h3 { font-size: 35px; } } @media (max-width: 1023px) { .section-tools .section__content h3 { font-size: 26px; line-height: 1.27; letter-spacing: 5.2px; } } .section-tools .section__content p { font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.5; padding-bottom: 4px; } .section-tools .section__content p:last-child { padding-bottom: 0; } @media (max-width: 1023px) { .section-tools .section__content p { font-size: 14px; line-height: 1.5; } } .section-tools .section__content strong { font-family: "Circular Std Book", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section-tools .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-tools .section__actions { text-align: center; padding-top: 45px; } .section-video { position: relative; padding: 55px 0 155px; } @media (max-width: 1023px) { .section-video { padding: 45px 0 120px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-video { padding: 30px 0 60px; } } .section-video .section__shell { max-width: 1578px; } .section-video .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-video .section__bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .section-video .section__media-image { padding-top: 51.4%; } .section-video .section__media-image img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } .section-video .section__media-video { padding-top: 51.4%; } .section-video .section__media-video iframe, .section-video .section__media-video video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } .section-video .section__head { text-align: center; color: #fff; margin-bottom: 40px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-video .section__head { margin-bottom: 30px; } } .section-video .section__head h2 { font-weight: 400; font-size: 50px; } @media (max-width: 1650px) { .section-video .section__head h2 { font-size: 44px; } } @media (max-width: 1023px) { .section-video .section__head h2 { font-size: 36px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-video .section__head h2 { font-size: 30px; } } .section-welcome .shell { padding: 0; } .section-welcome .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 80px; } @media (max-width: 1650px) { .section-welcome .section__inner { padding-top: 0; } } .section-welcome .section__content { width: 39.8%; padding-left: 125px; padding-top: 100px; padding-bottom: 50px; } @media (max-width: 1650px) { .section-welcome .section__content { padding: 70px 40px; } } @media (max-width: 1650px) { .section-welcome .section__content { width: 50%; } } @media (max-width: 1280px) { .section-welcome .section__content { width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-welcome .section__content { padding: 37px 25px; } } .section-welcome .section__image { width: 60.2%; -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 1650px) { .section-welcome .section__image { width: 50%; } } @media (max-width: 1280px) { .section-welcome .section__image { width: 60%; margin: 0 auto; } } @media (max-width: 1023px) { .section-welcome .section__image { display: none; } } .section-welcome .section__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #CCCCCC; max-width: 588px; padding-bottom: 15px; margin-bottom: 30px; } @media (max-width: 1280px) { .section-welcome .section__head { max-width: 100%; padding-bottom: 8px; margin-bottom: 17px; } } .section-welcome .section__head img { width: 52px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-welcome .section__head img { width: 36px; } } .section-welcome .section__head h3 { width: calc(100% - 52px); font-size: 60px; line-height: 1.27; font-weight: 300; padding-left: 15px; color: #101010; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-welcome .section__head h3 { font-size: 44px; line-height: 1.27; padding-left: 9px; } } .section-welcome .section__entry { font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.5; max-width: 613px; padding-bottom: 30px; } @media (max-width: 1280px) { .section-welcome .section__entry { max-width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-welcome .section__entry { font-size: 14px; line-height: 1.5; padding-bottom: 17px; } } .section-welcome .section__entry p { padding-bottom: 5px; } .section-welcome .section__entry p:last-child { padding-bottom: 0; } .section-welcome .section__foot { border-top: 2px solid #CCCCCC; padding-top: 22px; max-width: 588px; } @media (max-width: 1280px) { .section-welcome .section__foot { max-width: 100%; } } .section-welcome .section__foot h4 { font-size: 40px; line-height: 1.27; font-weight: 400; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-welcome .section__foot h4 { font-size: 24px; line-height: 1.25; } } /* ------------------------------------------------------------ *\ Section-white \* ------------------------------------------------------------ */ .section-white { background-color: #fff; color: #363636; padding: 185px 0 135px; min-height: 896px; position: relative; } @media (max-width: 1023px) { .section-white { min-height: 540px; padding: 80px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-white { padding: 60px 0; } } .section-white .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; } .section-white .section__bg img { opacity: .3; -webkit-filter: grayscale(100%); filter: grayscale(100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-white .section__content { position: relative; } .section-white .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .section-white .section__inner { display: block; } } .section-white .section__head { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 1; -ms-flex: 1 0 41.45%; flex: 1 0 41.45%; } @media (max-width: 1023px) { .section-white .section__head { margin-bottom: 45px; } } .section-white .section__head h3 { text-transform: uppercase; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .2em; font-weight: 700; color: currentColor; } .section-white .section__body { -webkit-box-flex: 0; -ms-flex: 0 1 58.55%; flex: 0 1 58.55%; padding-left: 50px; margin-top: 92px; font-size: 30px; line-height: 1.33; } @media (max-width: 1023px) { .section-white .section__body { padding-left: 0; margin-top: 45px; font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-white .section__body { font-size: 18px; } } .section-white .section__body h2 { letter-spacing: .015em; } /* Section-white--bg-image */ .section-why { margin: 88px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-why { margin: 50px 0; } } .section-why .shell { max-width: 1585px; } .section-why .section__head { text-align: center; border-bottom: 1px solid #CCCCCC; padding-bottom: 25px; margin-bottom: 60px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-why .section__head { padding-bottom: 15px; margin-bottom: 45px; } } .section-why .section__head h3 { font-size: 31px; line-height: 1.26; font-weight: 700; letter-spacing: 6.2px; text-transform: uppercase; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-why .section__head h3 { font-size: 16px; line-height: 1.25; letter-spacing: 3.2px; } } .section-why .section__body { max-width: 1345px; margin: 0 auto; } .service { margin-bottom: 65px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service { margin-bottom: 105px; } } .service:last-child { margin-bottom: 0; } .service .service__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service .service__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 13px; } .service .service__head img { max-width: 38px; } .service .service__head h3 { font-size: 40px; line-height: 1.27; font-weight: 400; color: #1D1D1D; margin-left: 11px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__head h3 { font-size: 34px; } } .service .service__image { width: 284px; position: relative; margin-top: 20px; } @media (max-width: 1023px) { .service .service__image { width: 200px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__image { width: 284px; margin: 0 auto; } } .service .service__image-circle { width: 210px; height: 210px; position: absolute; top: -22px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; background-color: #FFB03F; mix-blend-mode: multiply; } @media (max-width: 1023px) { .service .service__image-circle { width: 160px; height: 160px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__image-circle { width: 210px; height: 210px; } } .service .service__content { width: calc(100% - 284px); max-width: 850px; padding-left: 30px; } @media (max-width: 1023px) { .service .service__content { width: calc(100% - 200px); } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__content { width: 100%; padding-left: 0; margin-top: 26px; } } .service .service__entry { font-size: 20px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 21px; } @media (max-width: 1023px) { .service .service__entry { font-size: 18px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__entry { font-size: 17px; } } .service .service__categories { margin-bottom: 30px; } .service .service__categories p { font-size: 16px; line-height: 1.5; font-family: "Neue Haas Unica Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 11px; } .service .service__categories ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__categories ul { padding-top: 4px; } } .service .service__categories ul li { width: 47%; font-size: 20px; line-height: 1.25; text-transform: uppercase; font-weight: 700; } @media (max-width: 1023px) { .service .service__categories ul li { width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__categories ul li { width: 50%; padding-right: 10px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { position: relative; max-width: 1180px; padding-left: 40px; padding-right: 40px; margin: auto; width: 100%; } @media (max-width: 1023px) { .shell { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .shell { padding-left: 25px; padding-right: 25px; } } /* Shell Fluid */ .shell--fluid { max-width: none; padding: 0 80px; } @media (max-width: 1750px) { .shell--fluid { padding: 0 40px; } } @media (max-width: 1280px) { .shell--fluid { padding: 0 30px; } } @media (max-width: 1023px) { .shell--fluid { padding: 0 25px; } } .shell--large { max-width: 1510px; } /* Shell--x-large */ .shell--x-large { max-width: 1594px; } /* Shell--xx-large */ .shell--xx-large { max-width: 1656px; } .socials { padding-top: 21px; } @media (max-width: 1023px) { .socials { padding-top: 11px; } } .socials ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -16px; } @media (max-width: 1650px) { .socials ul { margin: -11px; } } @media (max-width: 1023px) { .socials ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -7px; } } .socials li { padding: 16px; } @media (max-width: 1650px) { .socials li { padding: 11px; } } @media (max-width: 1023px) { .socials li { padding: 7px; } } .socials a { display: block; text-decoration: none; -webkit-transition:all .4s; transition: all .4s; } .socials a:hover { opacity: .7; } @media (max-width: 1650px) { .socials img { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } } @media (max-width: 1023px) { .socials img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { color: #363636; text-align: center; } @media (max-width: 1023px) { .testimonial { font-size: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonial { font-size: 18px; } } .testimonial .testimonial__body { font-style: italic; position: relative; padding: 0 120px; margin-bottom: 57px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonial .testimonial__body { padding: 0 60px; margin-bottom: 35px; } } .testimonial .testimonial__body:before, .testimonial .testimonial__body:after { position: absolute; font-size: 277px; opacity: .2; font-family: "Circular Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } @media (max-width: 1023px) { .testimonial .testimonial__body:before, .testimonial .testimonial__body:after { font-size: 100px; } } .testimonial .testimonial__body:before { content: '\201C'; top: -109px; left: 0; } @media (max-width: 1023px) { .testimonial .testimonial__body:before { top: -55px; left: 60px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonial .testimonial__body:before { top: -38px; left: 14px; } } .testimonial .testimonial__body:after { content: '\201D'; bottom: -255px; right: 0; } @media (max-width: 1023px) { .testimonial .testimonial__body:after { bottom: -110px; right: 60px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonial .testimonial__body:after { bottom: -91px; right: 18px; } } .testimonial .testimonial__foot { color: #1D47F3; } .tile-feature { font-size: 14px; color: #0065F2; font-family: "Circular Std Book", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tile-feature img { max-width: 32px; margin-bottom: 20px; } .tile-feature h5 { font-weight: 500; } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .wrapper .wrapper__inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } body.admin-bar .wrapper .wrapper__inner { min-height: calc(100vh - 32px); } @media (max-width: 782px) { body.admin-bar .wrapper .wrapper__inner { min-height: calc(100vh - 46px); } } /* ------------------------------------------------------------ *\ Overwrites \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Gravity Forms Reset \* ------------------------------------------------------------ */ /* Gform Reset*/ .gform_wrapper.gform_wrapper, .gform_wrapper.gform_wrapper .gform_heading, .gform_wrapper.gform_wrapper .gform_heading .gform_title, .gform_wrapper.gform_wrapper .gform_body, .gform_wrapper.gform_wrapper .gform_footer, .gform_wrapper.gform_wrapper .gform_footer input.button, .gform_wrapper.gform_wrapper .gform_footer input[type=submit], .gform_wrapper.gform_wrapper .gform_page_footer input.button, .gform_wrapper.gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper.gform_wrapper.gf_browser_ie .gform_footer input.button, .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body .gform_fields .gfield .gfield_description { padding: 0; margin: 0; } .gform_wrapper .gform_footer { position: relative; } .gform_wrapper .gform_footer .gform_ajax_spinner { position: absolute; top: 50%; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; right: 0; } .gform_wrapper .gform_body .gform_fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { width: 100%; max-width: 100% !important; margin-bottom: 0 !important; margin-top: 0 !important; border: 0; background-color: transparent; } .gform_wrapper .gform_body .gform_fields .gfield--medium, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--medium.gfield_error { width: 50%; max-width: 50%; } .gform_wrapper .gform_body .gform_fields .gfield--small, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--small.gfield_error { width: 33.33%; max-width: 33.33%; } /* reset base fields to 100%*/ .gform_wrapper .gform_body .gform_fields .gfield--address, .gform_wrapper .gform_body .gform_fields .gfield--name, .gform_wrapper .gform_body .gform_fields .gfield--date, .gform_wrapper .gform_body .gform_fields .gfield--rangeslider, .gform_wrapper .gform_body .gform_fields .gfield--consent, .gform_wrapper .gform_body .gform_fields .gfield--section, .gform_wrapper .gform_body .gform_fields .gfield--html, .gform_wrapper .gform_body .gform_fields .gfield--checkbox, .gform_wrapper .gform_body .gform_fields .gfield--radio, .gform_wrapper .gform_body .gform_fields .gfield--large, .gform_wrapper .gform_body .gform_fields .gfield--fileupload, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--address.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--name.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--date.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--rangeslider.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--consent.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--section.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--html.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--checkbox.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--radio.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--fileupload.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--large.gfield_error { width: 100%; max-width: 100%; } .gform_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit], .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input.button, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input[type=submit] { line-height: initial; min-height: initial; width: auto; } /* ------------------------------------------------------------ *\ Gravity Forms Deafult Style \* ------------------------------------------------------------ */ /* Base */ /* Fields */ .gform_wrapper .gform_body .gform_fields { margin: 0 -15px !important; } .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { padding: 0 15px; margin-bottom: 20px !important; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width: 100%; height: 40px; padding: 0 15px; border: 1px solid grey; border-radius: 0; font-weight: inherit; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { height: 200px; resize: vertical; padding: 15px; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select { padding: 0 15px; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select[multiple="multiple"] { padding: 15px; } /* Checkbox and Radio */ .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li input[type=checkbox], .gform_wrapper .gform_body .gform_fields ul.gfield_radio li input[type=radio] { display: none; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label { position: relative; padding-left: 20px; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:before { width: 14px; height: 14px; border: 1px solid grey; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { display: none; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li input:checked + label, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li input:checked + label { font-weight: 400; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li input:checked + label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li input:checked + label:after { display: block; } .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { border-radius: 100%; } .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:after { left: 2px; width: 10px; height: 10px; background: grey; } .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { border-radius: 100%; } /* Datepicker */ .ui-datepicker { display: none; } .ui-datepicker select { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 5px; border: 0; background: transparent; } .ui-datepicker select::-ms-expand { display: none; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: relative; background: transparent; } .ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before { content: ''; position: absolute; top: 50%; left: 50%; border: solid; border-width: 5px 5px 0; border-color: #fff transparent transparent; } .ui-datepicker .ui-datepicker-prev:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .ui-datepicker .ui-datepicker-next:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .ui-datepicker .ui-datepicker-header { background: blue; } .ui-datepicker .ui-datepicker-calendar thead, .ui-datepicker .ui-datepicker-calendar tbody td, .ui-datepicker .ui-datepicker-calendar .ui-state-default { background: #fff; text-shadow: none !important; -webkit-box-shadow: none; box-shadow: none; } .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover { background: blue; color: #fff; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default { background: gray !important; color: #fff !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { border: 0; background: blue; color: #fff; margin: 0; } /* Footer */ /* Spinner */ /* Error States */ .gform_wrapper.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper.gform_wrapper div.validation_error { border-color: red; background-color: transparent; } .gform_wrapper.gform_wrapper .gfield_error .gfield_label, .gform_wrapper.gform_wrapper .validation_message, .gform_wrapper.gform_wrapper div.validation_error, .gform_wrapper.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper.gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper.gform_wrapper li.gfield_error ul.gfield_radio, .gform_wrapper.gform_wrapper .gfield_required { color: red; } .gform_wrapper.gform_wrapper div.validation_error { display: none; } /* Confirmation */ .gform_confirmation_wrapper .gform_confirmation_message { text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { width: 100%; } } /* ------------------------------------------------------------ *\ WP Gutenberg \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Custom Blocks \* ------------------------------------------------------------ */ /*# sourceMappingURL=bundle.css.map */