/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Mobile ----------------------------------- Links ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 06. Shell ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- III. Modules -------------------------------------- 01. Breadcrumbs ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Button ----------------------------------- Btn Transparent -------------------------- Btn Transparent Plus --------------------- Btn White -------------------------------- Btn White Secondary ---------------------- Btn Light -------------------------------- Btn Green -------------------------------- Btn Red ---------------------------------- Btn Darkblue ----------------------------- Btn Article ------------------------------ Btn Orange ------------------------------- Btn Plus --------------------------------- Btn Plus Darkgreen ----------------------- Btn Close -------------------------------- Btn Up ----------------------------------- Button Block ----------------------------- Tablet Portrait -------------------------- Btn Transparent -------------------------- Btn Article ------------------------------ Mobile ----------------------------------- Btn Plus --------------------------------- Btn Transparent -------------------------- Btn Article ------------------------------ Btn Up ----------------------------------- Btn Transparent Plus --------------------- Mobile ----------------------------------- 03. Chart ------------------------------------ Mobile ----------------------------------- 04. Counter ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 05. Employees -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 06. Features --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Form Elements ---------------------------- 08. Form ------------------------------------- 09. Fullsize Image --------------------------- 10. Grid Items ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 11. History Items ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 12. List ------------------------------------- 13. List Solar Details ----------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 14. List Areas ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 15. List Jobs -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 16. List Contacts ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 17. List Place Details ----------------------- Tablet Portrait -------------------------- 18. Logo ------------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 19. Logo Uruguay ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Logo Fondation --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Logo Aqua -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 22. Nav -------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 23. Nav Mobile ------------------------------- Tablet Portrait -------------------------- Nav Mobile ------------------------------- Mobile ----------------------------------- 24. Nav Lang --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 25. Nav Quaternary --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 26. News Items ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 27. Newsletter Items ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 28. Place Details ---------------------------- Tablet Portrait -------------------------- 29. Popups ----------------------------------- 30. Popup Investor --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Project ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 32. Section ---------------------------------- 33. Section Grid ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 34. Section Counter -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 35. Section Projects ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 36. Section Facilities ----------------------- Tablet Portrait -------------------------- 37. Section Primary -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 38. Section Branch --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 39. Section Affilates ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 40. Section News ----------------------------- Section News Secondary ------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 41. Section Newsletter ----------------------- Mobile ----------------------------------- 42. Section Videos --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 43. Section Group ---------------------------- Mobile ----------------------------------- 44. Section Secondary ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 45. Section History -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 46. Section Values --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 47. Section Strategy ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. Section Jobs ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 49. Section Locations ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 50. Section Contacts ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. Section Fondation ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 52. Section Investors ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 53. Section Place ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. Section Tertiary ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 55. Section Qualify -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 56. Section Operations ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 57. Section Management ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 58. Section Team ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 59. Slider Primary --------------------------- Mobile ----------------------------------- 60. Slider Branch ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 61. Slider Features -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 62. Socials ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 63. Table ------------------------------------ 64. Values ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 65. Video Items ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 66. Widget ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 67. Widget Primary --------------------------- 68. Widget Secondary ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 69. Widget White ----------------------------- 70. Widget Green ----------------------------- 71. Widget Darkgreen ------------------------- 72. Widget Violet ---------------------------- 73. Widget Grey ------------------------------ 74. Widget Orange ---------------------------- 75. Widget Air ------------------------------- 76. Widget Biomass --------------------------- 77. Widget Solar ----------------------------- 78. Widget Solar Details --------------------- Mobile ----------------------------------- 79. Widget Invest ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 80. Widget Video ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 81. Widget Storage --------------------------- 82. Widget Agro ------------------------------ 83. Widget Aqua ------------------------------ 84. Widget Construction ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 85. Widget Fondation ------------------------- 86. Widget Energy ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 87. Widget Hydro ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 88. Widget Pay ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 89. Widget News ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 90. Widget About ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 91. Widget Tertiary -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 92. Widget Energy Project -------------------- 93. Widget Energy Chart ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 94. Widget Energy Graphic -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 95. Widget Energy Map ------------------------ Mobile ----------------------------------- 96. Widget Cloud ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 97. Widget House ----------------------------- 98. Widget Agro Voltage ---------------------- Mobile ----------------------------------- 99. Widget Agro Project ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 100. Widget Engagement ----------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 101. Widget Quaternary ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 102. Widget Contacts ------------------------- Mobile ----------------------------------- 103. Widget Press ---------------------------- 104. Widget Videos --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 105. Widget Newsletter ----------------------- 106. Widget Playlist ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 107. Widget Slider --------------------------- Mobile ----------------------------------- IV. Themes --------------------------------------- 01. Animations ------------------------------- Tablet Portrait -------------------------- */ .ico-agro-green { background-image: url(../../images/default/sprite.png); background-position: -230px -310px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-large-green { background-image: url(../../images/default/sprite.png); background-position: 0 -209px; width: 57px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-large-white { background-image: url(../../images/default/sprite.png); background-position: -212px -145px; width: 57px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-green { background-image: url(../../images/default/sprite.png); background-position: 0 -348px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-grey { background-image: url(../../images/default/sprite.png); background-position: -18px -348px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-light { background-image: url(../../images/default/sprite.png); background-position: -344px -310px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-orange { background-image: url(../../images/default/sprite.png); background-position: -312px -270px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-violet { background-image: url(../../images/default/sprite.png); background-position: -326px -310px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-xlarge-green { background-image: url(../../images/default/sprite.png); background-position: -333px -125px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro { background-image: url(../../images/default/sprite.png); background-position: -198px -310px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-air { background-image: url(../../images/default/sprite.png); background-position: -333px -84px; width: 33px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-blue-small { background-image: url(../../images/default/sprite.png); background-position: -19px -366px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-blue { background-image: url(../../images/default/sprite.png); background-position: -150px -134px; width: 32px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-light-small { background-image: url(../../images/default/sprite.png); background-position: 0 -366px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-green { background-image: url(../../images/default/sprite.png); background-position: -279px -246px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-grey { background-image: url(../../images/default/sprite.png); background-position: -300px -246px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-orange { background-image: url(../../images/default/sprite.png); background-position: -53px -348px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-violet { background-image: url(../../images/default/sprite.png); background-position: -74px -348px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua { background-image: url(../../images/default/sprite.png); background-position: -100px -246px; width: 32px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down { background-image: url(../../images/default/sprite.png); background-position: -90px -157px; width: 50px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-green { background-image: url(../../images/default/sprite.png); background-position: -156px -188px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-grey { background-image: url(../../images/default/sprite.png); background-position: -186px -134px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-light { background-image: url(../../images/default/sprite.png); background-position: -90px -188px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-orange { background-image: url(../../images/default/sprite.png); background-position: -112px -188px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-violet { background-image: url(../../images/default/sprite.png); background-position: -134px -188px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas { background-image: url(../../images/default/sprite.png); background-position: -237px -209px; width: 40px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-blank { background-image: url(../../images/default/sprite.png); background-position: -371px -297px; width: 20px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-branch { background-image: url(../../images/default/sprite.png); background-position: -371px -75px; width: 26px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chart { background-image: url(../../images/default/sprite.png); background-position: -61px -209px; width: 40px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-red-large { background-image: url(../../images/default/sprite.png); background-position: 0 -270px; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-red { background-image: url(../../images/default/sprite.png); background-position: -371px -173px; width: 26px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-tablet { background-image: url(../../images/default/sprite.png); background-position: -40px -270px; width: 37px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-white { background-image: url(../../images/default/sprite.png); background-position: -162px -82px; width: 38px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close { background-image: url(../../images/default/sprite.png); background-position: -371px -202px; width: 26px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cloud-blue { background-image: url(../../images/default/sprite.png); background-position: -61px -246px; width: 35px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cloud-large-grey { background-image: url(../../images/default/sprite.png); background-position: 0 -157px; width: 86px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cloud-large-white { background-image: url(../../images/default/sprite.png); background-position: -72px -82px; width: 86px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-clout-grey { background-image: url(../../images/default/sprite.png); background-position: -190px -209px; width: 43px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-clout-white { background-image: url(../../images/default/sprite.png); background-position: -274px -180px; width: 43px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-green { background-image: url(../../images/default/sprite.png); background-position: -401px -132px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-grey { background-image: url(../../images/default/sprite.png); background-position: -401px -98px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-group { background-image: url(../../images/default/sprite.png); background-position: -295px -310px; width: 27px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-large-violet { background-image: url(../../images/default/sprite.png); background-position: -333px -236px; width: 29px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-large-white { background-image: url(../../images/default/sprite.png); background-position: -333px -199px; width: 29px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-light { background-image: url(../../images/default/sprite.png); background-position: -401px -64px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-medium-white { background-image: url(../../images/default/sprite.png); background-position: -212px 0; width: 58px; height: 68px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-orange { background-image: url(../../images/default/sprite.png); background-position: -401px -81px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-violet { background-image: url(../../images/default/sprite.png); background-position: -401px -115px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-xlarge-violet { background-image: url(../../images/default/sprite.png); background-position: -70px 0; width: 66px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-xlarge-white { background-image: url(../../images/default/sprite.png); background-position: 0 0; width: 66px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-blue-small { background-image: url(../../images/default/sprite.png); background-position: -85px -380px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-blue { background-image: url(../../images/default/sprite.png); background-position: -120px -270px; width: 34px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-green { background-image: url(../../images/default/sprite.png); background-position: -68px -380px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-grey { background-image: url(../../images/default/sprite.png); background-position: -51px -380px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-light-small { background-image: url(../../images/default/sprite.png); background-position: -34px -380px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-orange { background-image: url(../../images/default/sprite.png); background-position: 0 -380px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-violet { background-image: url(../../images/default/sprite.png); background-position: -17px -380px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm { background-image: url(../../images/default/sprite.png); background-position: -333px -273px; width: 34px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flash-blue { background-image: url(../../images/default/sprite.png); background-position: -371px -39px; width: 26px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hands { background-image: url(../../images/default/sprite.png); background-position: -147px -209px; width: 39px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-home-blue { background-image: url(../../images/default/sprite.png); background-position: -165px -310px; width: 29px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-large-orange { background-image: url(../../images/default/sprite.png); background-position: -98px -310px; width: 30px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-large-white { background-image: url(../../images/default/sprite.png); background-position: -64px -310px; width: 30px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-xlarge-orange { background-image: url(../../images/default/sprite.png); background-position: 0 -82px; width: 68px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-xlarge-white { background-image: url(../../images/default/sprite.png); background-position: -140px 0; width: 68px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-blue { background-image: url(../../images/default/sprite.png); background-position: -401px -165px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-green { background-image: url(../../images/default/sprite.png); background-position: -401px -181px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-grey { background-image: url(../../images/default/sprite.png); background-position: -401px -197px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-light { background-image: url(../../images/default/sprite.png); background-position: -401px -229px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-orange { background-image: url(../../images/default/sprite.png); background-position: -401px -149px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-violet { background-image: url(../../images/default/sprite.png); background-position: -401px -213px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-white { background-image: url(../../images/default/sprite.png); background-position: -371px -105px; width: 22px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro { background-image: url(../../images/default/sprite.png); background-position: -371px -139px; width: 22px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin-large { background-image: url(../../images/default/sprite.png); background-position: -132px -310px; width: 29px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin-medium { background-image: url(../../images/default/sprite.png); background-position: -233px -270px; width: 22px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin { background-image: url(../../images/default/sprite.png); background-position: -36px -348px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-marker { background-image: url(../../images/default/sprite.png); background-position: -371px 0; width: 26px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-message { background-image: url(../../images/default/sprite.png); background-position: -196px -270px; width: 33px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mic { background-image: url(../../images/default/sprite.png); background-position: -371px -231px; width: 19px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-secondary { background-image: url(../../images/default/sprite.png); background-position: -274px -73px; width: 55px; height: 55px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(../../images/default/sprite.png); background-position: -259px -270px; width: 21px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-press { background-image: url(../../images/default/sprite.png); background-position: -113px -134px; width: 33px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-green { background-image: url(../../images/default/sprite.png); background-position: -233px -246px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-grey { background-image: url(../../images/default/sprite.png); background-position: -210px -246px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-light { background-image: url(../../images/default/sprite.png); background-position: -187px -246px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-orange { background-image: url(../../images/default/sprite.png); background-position: -178px -188px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-violet { background-image: url(../../images/default/sprite.png); background-position: -256px -246px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage { background-image: url(../../images/default/sprite.png); background-position: -72px -134px; width: 37px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-green { background-image: url(../../images/default/sprite.png); background-position: -401px -32px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-grey { background-image: url(../../images/default/sprite.png); background-position: -401px -48px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-large-orange { background-image: url(../../images/default/sprite.png); background-position: -333px -42px; width: 34px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-large-white { background-image: url(../../images/default/sprite.png); background-position: -333px 0; width: 34px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-light { background-image: url(../../images/default/sprite.png); background-position: -401px -16px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-orange { background-image: url(../../images/default/sprite.png); background-position: -401px 0; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-violet { background-image: url(../../images/default/sprite.png); background-position: -319px -209px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun { background-image: url(../../images/default/sprite.png); background-position: -333px -161px; width: 30px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-large { background-image: url(../../images/default/sprite.png); background-position: -81px -270px; width: 35px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-medium { background-image: url(../../images/default/sprite.png); background-position: -284px -270px; width: 24px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(../../images/default/sprite.png); background-position: -167px -246px; width: 16px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tyre { background-image: url(../../images/default/sprite.png); background-position: -262px -310px; width: 29px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-up { background-image: url(../../images/default/sprite.png); background-position: -274px -132px; width: 43px; height: 44px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-small { background-image: url(../../images/default/sprite.png); background-position: -371px -268px; width: 23px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user { background-image: url(../../images/default/sprite.png); background-position: -187px -157px; width: 21px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-large-violet { background-image: url(../../images/default/sprite.png); background-position: -274px 0; width: 55px; height: 69px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-large-white { background-image: url(../../images/default/sprite.png); background-position: -212px -72px; width: 55px; height: 69px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-violet { background-image: url(../../images/default/sprite.png); background-position: 0 -310px; width: 28px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-white { background-image: url(../../images/default/sprite.png); background-position: -32px -310px; width: 28px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-large { background-image: url(../../images/default/sprite.png); background-position: -105px -209px; width: 38px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-medium { background-image: url(../../images/default/sprite.png); background-position: -136px -246px; width: 27px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-red { background-image: url(../../images/default/sprite.png); background-position: -158px -270px; width: 34px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-transparent { background-image: url(../../images/default/sprite.png); background-position: -144px -157px; width: 39px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-white { background-image: url(../../images/default/sprite.png); background-position: -281px -209px; width: 34px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(../../images/default/sprite.png); background-position: -371px -327px; width: 19px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-agro-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -92px -302px; background-size: 392px 371px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-large-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -206px -141px; background-size: 392px 371px; width: 57px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-large-white { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -203px; background-size: 392px 371px; width: 57px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -233px -302px; background-size: 392px 371px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -185px -302px; background-size: 392px 371px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-light { background-image: url(../../images/default/sprite.@2x.png); background-position: -307px -174px; background-size: 392px 371px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -217px -302px; background-size: 392px 371px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-small-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -201px -302px; background-size: 392px 371px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro-xlarge-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -107px -262px; background-size: 392px 371px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-agro { background-image: url(../../images/default/sprite.@2x.png); background-position: -62px -302px; background-size: 392px 371px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-air { background-image: url(../../images/default/sprite.@2x.png); background-position: -72px -262px; background-size: 392px 371px; width: 33px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-blue-small { background-image: url(../../images/default/sprite.@2x.png); background-position: -264px -302px; background-size: 392px 371px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-blue { background-image: url(../../images/default/sprite.@2x.png); background-position: -59px -241px; background-size: 392px 371px; width: 32px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-light-small { background-image: url(../../images/default/sprite.@2x.png); background-position: -188px -188px; background-size: 392px 371px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -195px -241px; background-size: 392px 371px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -214px -241px; background-size: 392px 371px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -158px -119px; background-size: 392px 371px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua-small-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -177px -119px; background-size: 392px 371px; width: 17px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-aqua { background-image: url(../../images/default/sprite.@2x.png); background-position: -144px -130px; background-size: 392px 371px; width: 32px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -148px -188px; background-size: 392px 371px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -88px -188px; background-size: 392px 371px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-light { background-image: url(../../images/default/sprite.@2x.png); background-position: -108px -188px; background-size: 392px 371px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -168px -188px; background-size: 392px 371px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -128px -188px; background-size: 392px 371px; width: 18px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-biomas { background-image: url(../../images/default/sprite.@2x.png); background-position: -267px -203px; background-size: 392px 371px; width: 40px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-blank { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -242px; background-size: 392px 371px; width: 20px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-branch { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -34px; background-size: 392px 371px; width: 26px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chart { background-image: url(../../images/default/sprite.@2x.png); background-position: -88px -153px; background-size: 392px 371px; width: 40px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-red-large { background-image: url(../../images/default/sprite.@2x.png); background-position: -59px -203px; background-size: 392px 371px; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-red { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -153px; background-size: 392px 371px; width: 26px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-tablet { background-image: url(../../images/default/sprite.@2x.png); background-position: -97px -203px; background-size: 392px 371px; width: 37px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -158px -80px; background-size: 392px 371px; width: 38px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -126px; background-size: 392px 371px; width: 26px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cloud-blue { background-image: url(../../images/default/sprite.@2x.png); background-position: -122px -302px; background-size: 392px 371px; width: 35px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cloud-large-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -153px; background-size: 392px 371px; width: 86px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cloud-large-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -70px -80px; background-size: 392px 371px; width: 86px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-clout-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -177px -203px; background-size: 392px 371px; width: 43px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-clout-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -222px -203px; background-size: 392px 371px; width: 43px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -15px; background-size: 392px 371px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -30px; background-size: 392px 371px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-group { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -333px; background-size: 392px 371px; width: 27px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-large-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -36px; background-size: 392px 371px; width: 29px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-large-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -71px; background-size: 392px 371px; width: 29px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-light { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -45px; background-size: 392px 371px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-medium-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -206px 0; background-size: 392px 371px; width: 58px; height: 68px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -60px; background-size: 392px 371px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px 0; background-size: 392px 371px; width: 9px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-xlarge-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -68px 0; background-size: 392px 371px; width: 66px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-energy-xlarge-white { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 0; background-size: 392px 371px; width: 66px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-blue-small { background-image: url(../../images/default/sprite.@2x.png); background-position: -307px -190px; background-size: 392px 371px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-blue { background-image: url(../../images/default/sprite.@2x.png); background-position: -170px -153px; background-size: 392px 371px; width: 34px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -52px -333px; background-size: 392px 371px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -67px -333px; background-size: 392px 371px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-light-small { background-image: url(../../images/default/sprite.@2x.png); background-position: -82px -333px; background-size: 392px 371px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -97px -333px; background-size: 392px 371px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -112px -333px; background-size: 392px 371px; width: 13px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-etm { background-image: url(../../images/default/sprite.@2x.png); background-position: -178px -262px; background-size: 392px 371px; width: 34px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flash-blue { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px 0; background-size: 392px 371px; width: 26px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hands { background-image: url(../../images/default/sprite.@2x.png); background-position: -136px -203px; background-size: 392px 371px; width: 39px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-home-blue { background-image: url(../../images/default/sprite.@2x.png); background-position: -31px -302px; background-size: 392px 371px; width: 29px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-large-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -178px; background-size: 392px 371px; width: 30px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-large-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -211px; background-size: 392px 371px; width: 30px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-xlarge-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -80px; background-size: 392px 371px; width: 68px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-house-xlarge-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -136px 0; background-size: 392px 371px; width: 68px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-blue { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -89px; background-size: 392px 371px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -103px; background-size: 392px 371px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -145px; background-size: 392px 371px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-light { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -75px; background-size: 392px 371px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -131px; background-size: 392px 371px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -383px -117px; background-size: 392px 371px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -62px; background-size: 392px 371px; width: 22px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hydro { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -94px; background-size: 392px 371px; width: 22px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin-large { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -302px; background-size: 392px 371px; width: 29px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin-medium { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -270px; background-size: 392px 371px; width: 22px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin { background-image: url(../../images/default/sprite.@2x.png); background-position: -249px -302px; background-size: 392px 371px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-marker { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -244px; background-size: 392px 371px; width: 26px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-message { background-image: url(../../images/default/sprite.@2x.png); background-position: -286px -262px; background-size: 392px 371px; width: 33px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mic { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -180px; background-size: 392px 371px; width: 19px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-secondary { background-image: url(../../images/default/sprite.@2x.png); background-position: -266px -71px; background-size: 392px 371px; width: 55px; height: 55px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -295px; background-size: 392px 371px; width: 21px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-press { background-image: url(../../images/default/sprite.@2x.png); background-position: -109px -130px; background-size: 392px 371px; width: 33px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-green { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -320px; background-size: 392px 371px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -132px -241px; background-size: 392px 371px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-light { background-image: url(../../images/default/sprite.@2x.png); background-position: -153px -241px; background-size: 392px 371px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -111px -241px; background-size: 392px 371px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage-small-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -174px -241px; background-size: 392px 371px; width: 19px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-storage { background-image: url(../../images/default/sprite.@2x.png); background-position: -70px -130px; background-size: 392px 371px; width: 37px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-green { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -359px; background-size: 392px 371px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-grey { background-image: url(../../images/default/sprite.@2x.png); background-position: -311px -128px; background-size: 392px 371px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-large-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: 0 -262px; background-size: 392px 371px; width: 34px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-large-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -36px -262px; background-size: 392px 371px; width: 34px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-light { background-image: url(../../images/default/sprite.@2x.png); background-position: -311px -142px; background-size: 392px 371px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-orange { background-image: url(../../images/default/sprite.@2x.png); background-position: -311px -156px; background-size: 392px 371px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -309px -203px; background-size: 392px 371px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sun { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px 0; background-size: 392px 371px; width: 30px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-large { background-image: url(../../images/default/sprite.@2x.png); background-position: -141px -262px; background-size: 392px 371px; width: 35px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-medium { background-image: url(../../images/default/sprite.@2x.png); background-position: -159px -302px; background-size: 392px 371px; width: 24px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(../../images/default/sprite.@2x.png); background-position: -93px -241px; background-size: 392px 371px; width: 16px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-up { background-image: url(../../images/default/sprite.@2x.png); background-position: -266px -128px; background-size: 392px 371px; width: 43px; height: 44px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-small { background-image: url(../../images/default/sprite.@2x.png); background-position: -355px -215px; background-size: 392px 371px; width: 23px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user { background-image: url(../../images/default/sprite.@2x.png); background-position: -29px -333px; background-size: 392px 371px; width: 21px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-large-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -266px 0; background-size: 392px 371px; width: 55px; height: 69px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-large-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -206px -70px; background-size: 392px 371px; width: 55px; height: 69px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-violet { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -142px; background-size: 392px 371px; width: 28px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-voltage-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -106px; background-size: 392px 371px; width: 28px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-large { background-image: url(../../images/default/sprite.@2x.png); background-position: -130px -153px; background-size: 392px 371px; width: 38px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-medium { background-image: url(../../images/default/sprite.@2x.png); background-position: -323px -281px; background-size: 392px 371px; width: 27px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-red { background-image: url(../../images/default/sprite.@2x.png); background-position: -250px -262px; background-size: 392px 371px; width: 34px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-transparent { background-image: url(../../images/default/sprite.@2x.png); background-position: -266px -174px; background-size: 392px 371px; width: 39px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube-white { background-image: url(../../images/default/sprite.@2x.png); background-position: -214px -262px; background-size: 392px 371px; width: 34px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(../../images/default/sprite.@2x.png); background-position: -178px -130px; background-size: 392px 371px; width: 19px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } } .cols:after, .grid-quinary .grid-body:after, .nav:after, .section-primary .shell:after, .section-branch .section-body-inner:after, .section-news .section-body-inner:after { content: ''; line-height: 0; display: table; clear: both; } .footer, .header:before, .nav-dropdown-primary, .section-facilities .section-head, .section-primary .section-head { background: linear-gradient(to right, rgba(234,234,234,1) 0%, rgba(236,236,236,1) 8%, rgba(249,249,249,1) 28%, rgba(255,255,255,1) 44%, rgba(253,253,253,1) 63%, rgba(249,249,249,1) 72%, rgba(238,238,238,1) 88%, rgba(234,234,234,1) 100%); } .section-investors .section-inner { background: radial-gradient(ellipse at center, rgba(96, 161, 12,1) 0%,rgba(64,168,61,1) 100%); } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { 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; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { display: block; margin: auto; 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; } 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; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.3; color: #000000; font-weight: 600; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; font-family: 'Armata', sans-serif; font-weight: normal; } h1 { font-size: 20px; } h2 { font-size: 20px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.3em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], 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; } /* Tablet Portrait */ @media (max-width: 1023px) { body { font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { body { font-size: 15px; } h5, h1 { font-size: 17px; } h6 { font-size: 25px; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Oswald'; src: url('../../fonts/default/Oswald-DemiBold.eot'); src: url('../../fonts/default/Oswald-DemiBold.eot?#iefix') format('embedded-opentype'), url('../../fonts/default/Oswald-DemiBold.woff2') format('woff2'), url('../../fonts/default/Oswald-DemiBold.woff') format('woff'), url('../../fonts/default/Oswald-DemiBold.ttf') format('truetype'), url('../../fonts/default/Oswald-DemiBold.svg#Oswald-DemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Oswald'; src: url('../../fonts/default/Oswald-ExtraLight.eot'); src: url('../../fonts/default/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../../fonts/default/Oswald-ExtraLight.woff2') format('woff2'), url('../../fonts/default/Oswald-ExtraLight.woff') format('woff'), url('../../fonts/default/Oswald-ExtraLight.ttf') format('truetype'), url('../../fonts/default/Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'TradeGothic LT'; src: url('../../fonts/default/TradeGothicLT-BoldCondTwenty.eot'); src: url('../../fonts/default/TradeGothicLT-BoldCondTwenty.eot?#iefix') format('embedded-opentype'), url('../../fonts/default/TradeGothicLT-BoldCondTwenty.woff2') format('woff2'), url('../../fonts/default/TradeGothicLT-BoldCondTwenty.woff') format('woff'), url('../../fonts/default/TradeGothicLT-BoldCondTwenty.ttf') format('truetype'), url('../../fonts/default/TradeGothicLT-BoldCondTwenty.svg#TradeGothicLT-BoldCondTwenty') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Trade Gothic LT'; src: url('../../fonts/default/TradeGothicLT-CondEighteen.eot'); src: url('../../fonts/default/TradeGothicLT-CondEighteen.eot?#iefix') format('embedded-opentype'), url('../../fonts/default/TradeGothicLT-CondEighteen.woff2') format('woff2'), url('../../fonts/default/TradeGothicLT-CondEighteen.woff') format('woff'), url('../../fonts/default/TradeGothicLT-CondEighteen.ttf') format('truetype'), url('../../fonts/default/TradeGothicLT-CondEighteen.svg#TradeGothicLT-CondEighteen') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Helvetica Neue LT'; src: url('../../fonts/default/HelveticaNeueLT-Condensed.eot'); src: url('../../fonts/default/HelveticaNeueLT-Condensed.eot?#iefix') format('embedded-opentype'), url('../../fonts/default/HelveticaNeueLT-Condensed.woff2') format('woff2'), url('../../fonts/default/HelveticaNeueLT-Condensed.woff') format('woff'), url('../../fonts/default/HelveticaNeueLT-Condensed.ttf') format('truetype'), url('../../fonts/default/HelveticaNeueLT-Condensed.svg#HelveticaNeueLT-Condensed') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* 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; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -10px; } .cols:after { } .col { float: left; width: 100%; padding: 0 10px; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.33%; } /* Mobile */ @media (max-width: 767px) { .cols { margin-left: 0; margin-right: 0; } .col { float: none; width: auto; padding: 0; } .col-1of3, .col-1of2 { width: auto; } } /* Links */ .link-plus { position: relative; display: inline-block; width: 14px; height: 14px; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; } .link-plus:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .link-plus:before, .link-plus:after { position: absolute; top: 0; left: 6px; width: 2px; height: 14px; background: #80b927; content: ''; transition: background .25s; } .link-plus:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .link-plus-violet:before, .link-plus-violet:after { background: #0051b7; } .link-plus-blue:before, .link-plus-blue:after { background: #007daa; } /* Tablet Portrait */ @media (max-width: 1023px) { .link-plus { width: 17px; height: 17px; } .link-plus:before, .link-plus:after { left: 7px; width: 3px; height: 17px; } } /* Mobile */ @media (max-width: 767px) { .link-plus { width: 26px; height: 26px; } .link-plus:before, .link-plus:after { left: 10px; width: 6px; height: 26px; } } /* 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) { .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: 768px) 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: 1024px) and (max-width: 1169px) { .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: 1170px) { .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; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { color: #6f7071; } .footer .btn-up { display: none; } .footer .nav-lang-secondary { display: none; } .footer-body { padding: 14px 0; border-top: 1px solid #6f7071; } .footer-cols { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer-col { padding-right: 10px; } .footer-col:last-child { padding-right: 0; } .footer-col-size1 { width: 17%; } .footer-col-size2 { width: 15%; } .footer-col-size3 { width: 34%; } .footer-col-1of2 { width: 50%; } .footer-col:nth-child(4) { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .footer-col:nth-child(5) { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .footer-col-size3 .footer-content { float: left; width: 50%; padding: 0 5px; } .footer-col-size3 .footer-content:first-child { padding-left: 0; } .footer-content { min-height: 100%; vertical-align: top; } .footer-content h6 { margin-bottom: 10px; font-size: 11px; text-transform: uppercase; } .footer-content h6 a { text-decoration: underline; } .footer-content h6 a:hover { text-decoration: none; } .footer-content h6 + h6 { padding-top: 12px; } .footer-content .copyright { position: absolute; bottom: 0; left: 0; font-family: 'Armata', sans-serif; font-size: 11px; } .footer-content-primary { position: relative; padding-bottom: 20px; } .footer-nav { padding-top: 0px; margin-bottom: 25px; } .footer-nav > ul:last-child, .footer-nav li:last-child ul, .footer-nav:last-child { margin-bottom: 0; } .footer-nav ul { list-style: none outside none; } .footer-nav li { line-height: .8; } .footer-nav > ul > li ~ li { margin-top: 1px; } .footer-nav a { font-size: 11px; } .footer-nav > ul > li > a { font-family: 'Armata', sans-serif; font-weight: normal; } .footer-nav ul ul { padding-left: 6px; margin-bottom: 14px; } .footer-nav ul ul li { margin-bottom: 1px; } .footer-contacts { padding-top: 5px; font-size: 11px; } .footer-contacts p { margin-bottom: 12px; } .footer-contacts p + .btn { margin-top: 6px; } .footer-contacts a[href^="mailto"] { font-style: italic; text-decoration: underline; } .footer-contacts a[href^="mailto"]:hover { text-decoration: none; } .footer-contacts .btn { min-width: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .footer { position: relative; border-top: 1px solid #a1a2a2; } .footer .socials { padding-top: 13px; } .footer .btn-up { position: absolute; top: 0; right: 0; display: block; } .footer-body { padding: 8px 0 20px; border-top: none; margin-right: -20px; } .footer-col-size3, .footer-col-size2, .footer-col-size1 { width: 25%; } .footer-col-size2 { position: absolute; top: 80px; left: 0; } .footer-col-size3 .footer-content { float: none; width: auto; padding: 0; } .footer-content h6 { margin-bottom: 5px; font-size: 15px; } .footer-nav { margin-bottom: 45px; } .footer-nav > ul > li ~ li, .footer-nav li ~ li { margin-top: 8px; } .footer-nav > ul > li > a { font-size: 12px; } .footer-nav ul ul { padding-top: 8px; padding-left: 11px; margin-bottom: 7px; } .footer-nav ul ul li { margin-bottom: 0; } .footer-content .copyright { position: static; margin-top: 45px; font-style: italic; } .footer-content ~ .footer-content { padding-top: 66px; } .footer-content h6 + h6 { padding-top: 37px; } .footer-contacts { padding-top: 0px; } .footer-contacts p { margin-bottom: 2px; font-size: 12px; line-height: 1.6; } .footer-contacts p + .btn { margin-top: 17px; } .footer-contacts .btn { min-width: 168px; } } /* Mobile */ @media (max-width: 767px) { .footer .socials { position: absolute; top: 96px; right: 0; width: 64px; padding-top: 0; } .footer .nav-lang-secondary { display: block; padding-top: 38px; text-align: center; } .footer-body { min-height: 345px; padding: 10px 70px 10px 2px; margin-right: 0; } .footer-contacts { display: none; margin-bottom: 10px; } .footer-contacts p { font-size: 19px; line-height: 1.3; font-weight: normal; } .footer-nav ul ul { display: none; } .footer-cols { position: static; display: block; } .footer-col-size1, .footer-col-size2, .footer-col-size3 { width: auto; padding-right: 0; } .footer-col-size2 { position: static; } .footer-content-primary { position: static; padding-bottom: 0; } .footer-content ~ .footer-content { padding-top: 0; } .footer-content h6 { margin-bottom: 3px; font-size: 19px; letter-spacing: 0.05em; } .footer-content h6 + h6 { padding-top: 0; } .footer-nav { display: none; padding-left: 12px; padding-bottom: 9px; margin-bottom: 0; } .footer-nav > ul > li ~ li, .footer-nav li ~ li { margin-top: 7px; } .footer-nav > ul > li > a { font-size: 19px; letter-spacing: 0.05em; } .footer-dropdown.footer-nav { display: block; } .footer-content .copyright { margin-top: 0; font-size: 19px; font-weight: normal; font-style: normal; letter-spacing: 0.05em; } .footer-content .copyright a { text-decoration: underline; } .footer-content .copyright a:hover { text-decoration: none; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 148px; background: #ffffff; transition: height .25s; } .header:before { display: block; height: 60px; transition: height .25s; content: ''; } .header-inner { position: relative; } .header-inner .logo { position: absolute; top: -44px; left: 50%; z-index: 5; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header-inner-body { position: relative; } .header-inner-body .nav-lang { position: absolute; top: -36px; right: 0; } .header.fixed { z-index: 10; height: 88px; background: #ffffff; } .header.fixed .logo { width: 83px; height: 77px; background-image: url(../../images/default/logo-small.png); } .header.fixed:before { height: 0; } .header.fixed .nav a:before { opacity: 0; } .header.fixed .header-inner .logo { top: 6px; } .header.fixed .nav-lang { position: static; float: right; margin: 9px 0 0 15px; } .header.fixed .nav .nav-lang { display: none; } /* Small Desktop */ @media (max-width: 1169px) { .header-inner .logo { top: -50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .header { z-index: 10; height: 80px; } .header:before { display: none; } .header-inner .logo { top: 12px; } .header-inner-body { position: static; height: 80px; } .header-inner-body .nav-lang { position: static; padding-top: 30px; padding-right: 5px; } .header.fixed { height: 80px; } .header.fixed .nav-lang { margin: 0; } .header-inner-body .nav-lang-tertiary { padding: 0; } .header.fixed .nav .nav-lang { float: none; display: block; } } /* Mobile */ @media (max-width: 767px) { .header, .header-inner-body { height: 64px; } .header-inner-body .nav-lang { display: none; padding-top: 0; } .header-inner .logo { top: 6px; } .header.fixed { height: 64px; } .header.fixed .logo-primary { width: 65px; height: 60px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { position: relative; z-index: 6; } .main .main-head { position: relative; padding: 17px 0 14px; background: #7d7d98; color: #ffffff; text-align: center; } .main .main-head [class^="ico-"] { position: absolute; top: -46px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main.orange .main-head { padding: 26px 0 17px; background: none; color: #ffaf00; } .main.orange .main-head h6 { line-height: 1.1; } .main.orange .main-head h6 span { color: #80b927; } .main.green .main-head { background: #40a83d; } /* Tablet Portrait */ @media (max-width: 1023px) { .main .main-head { padding: 13px 0 13px; margin-bottom: 20px; } .main .main-head h6 { font-size: 20px; line-height: 1.1; } .main .main-head [class^="ico-"] { display: none; } .main.orange .main-head { padding: 29px 0; } .main.orange .main-head h6 { line-height: 1.0; } .main.green .main-head { padding: 27px 0 25px; } .main.green .main-head h6 br { display: none; } } /* Mobile */ @media (max-width: 767px) { .main .main-head { padding: 20px 0 26px; margin-bottom: 0; text-align: left; } .main .main-head h6 { font-size: 25px; line-height: 1.5; } .main.orange .main-head { padding: 10px 0px 0; margin-bottom: 12px; text-align: center; } .main.orange .main-head h6 { line-height: 1.5; } .main.green .main-head { padding: 12px 0 26px; margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1170px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-small { max-width: 780px; } .shell-fluid { max-width: none; } /* Small Desktop */ @media (max-width: 1169px) { .shell { max-width: 1024px; } .shell-small { max-width: 780px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .shell { max-width: 768px; padding: 0 20px; } } /* Mobile */ @media (max-width: 767px) { .shell { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; overflow: hidden; min-height: 100vh; padding-top: 148px; transition: padding .25s; } /* Tablet Portrait */ @media (max-width: 1023px) { .wrapper { padding-top: 80px; } } /* Mobile */ @media (max-width: 767px) { .wrapper { padding-top: 64px; } } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { padding: 5px 0; font-family: 'Armata', sans-serif; font-size: 9px; color: #000000; } .breadcrumbs a ~ a:before { padding-right: 2px; content: '>'; } .breadcrumbs a { transition: color .4s; } .breadcrumbs a:hover { color: #6f7071; text-decoration: none; } .breadcrumbs a:hover:before { color: #000000; } .breadcrumbs-outer-secondary { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .breadcrumbs-outer { display: none; } .breadcrumbs-outer-secondary { display: block; } .breadcrumbs { padding: 2px 4px; font-size: 11px; } } /* Mobile */ @media (max-width: 767px) { .breadcrumbs-outer-secondary { display: none; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; transition: all .25s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn:hover { text-decoration: none; } /* Btn Transparent */ .btn-transparent { min-width: 160px; padding: 7px 9px 6px; border: 1px solid #6f7071; font-family: 'Armata', sans-serif; font-size: 12px; color: #6f7071; font-weight: normal; text-transform: uppercase; letter-spacing: 0.025em; } .btn-transparent:hover { background: #6f7071; color: #ffffff; } /* Btn Transparent Plus */ .btn-transparent-plus { position: relative; min-width: 0; padding: 2px 34px 2px 12px; border-color: #ffffff; font-family: 'Helvetica Neue LT', sans-serif; font-size: 16px; color: #ffffff; } .btn-transparent-plus:before, .btn-transparent-plus:after { position: absolute; background: #ffffff; content: ''; } .btn-transparent-plus:before { top: 6px; right: 15px; width: 3px; height: 10px; } .btn-transparent-plus:after { top: 10px; right: 12px; width: 10px; height: 3px; } .btn-transparent-plus.blue:hover { border-color: #4171b1; background: #4171b1; } /* Btn White */ .btn-white { padding-left: 13px; padding-right: 13px; background: #ffffff; } /* Btn White Secondary */ .btn-white-secondary { border-color: #ffffff; color: #ffffff; letter-spacing: 0.14em; } .btn-white-secondary:hover { background: #ffffff; color: #80b927; } /* Btn Light */ .btn-light { border-color: #ffffff; background: #0f4f98; color: #ffffff; } .btn-light:hover { background: #ffffff; color: #0f4f98; } /* Btn Green */ .btn-green { border-color: #80b927; color: #80b927; } .btn-green:hover { background: #80b927; } /* Btn Red */ .btn-red { border-color: #ff4635; color: #ff4635; } .btn-red:hover { background: #ff4635; color: #ffffff; } /* Btn Darkblue */ .btn-darkblue { border-color: #1b1464; color: #1b1464; } .btn-darkblue:hover { background: #1b1464; } /* Btn Article */ .btn-article { min-width: 176px; transition: none; } .btn-article:hover span:nth-child(2) { display: block; } .btn-article span:nth-child(2), .btn-article:hover span:first-child { display: none; } /* Btn Orange */ .btn-orange { padding: 5px 29px 4px; border-radius: 18px; border: 1px solid #ffffff; background: rgba(229, 81, 43, .8); font-family: 'Helvetica Neue LT', sans-serif; font-size: 24px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .btn-orange:hover { background: #ffffff; color: #e5512b; } /* Btn Plus */ .btn-plus { position: relative; width: 16px; height: 16px; } .btn-plus:after, .btn-plus:before { position: absolute; top: 0; left: 6px; width: 4px; height: 16px; background: #d3d3dc; content: ''; transition: background .25s; } .btn-plus:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .btn-plus:hover:before, .btn-plus:hover:after { background: #7d7d98; } /* Btn Plus Darkgreen */ .btn-plus-darkgreen:before, .btn-plus-darkgreen:after { background: #bee1bd; } /* Btn Close */ .btn-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* Btn Up */ .btn-up { position: relative; width: 20px; height: 20px; background: #737373; background-size: 100% 100%; font-size: 0; } .btn-up span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .btn-up .ico-up { -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); -webkit-backface-visibility: hidden; -webkit-filter: blur(0); } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { /* Btn Transparent */ .btn-transparent { padding-top: 5px; padding-bottom: 4px; font-size: 15px; } /* Btn Article */ .btn-article { min-width: 166px; padding-bottom: 3px; } .btn-transparent-plus:before { top: 9px; } .btn-transparent-plus:after { top: 13px; } } /* Mobile */ @media (max-width: 767px) { /* Btn Plus */ .btn-plus { width: 30px; height: 30px; } .btn-plus:after, .btn-plus:before { left: 10px; width: 8px; height: 30px; } /* Btn Transparent */ .btn-transparent { min-width: 302px; border-width: 2px; font-size: 20px; } /* Btn Article */ .btn-article { padding-top: 15px; padding-bottom: 10px; } /* Btn Up */ .btn-up { width: 64px; height: 64px; } .btn-up .ico-up { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Btn Transparent Plus */ .btn-transparent-plus { min-width: 0; padding: 1px 30px 1px 10px; font-size: 16px; } .btn-transparent-plus:before { top: 6px; } .btn-transparent-plus:after { top: 10px; } } /* Mobile */ @media (max-width: 374px) { .btn-transparent { min-width: 280px; } .btn-transparent-plus { min-width: 0; } } /* ------------------------------------------------------------ *\ Chart \* ------------------------------------------------------------ */ .chart-donut-secondary { font-size: 0; line-height: 0; overflow: hidden; padding: 0 5px; } .chart-donut-secondary svg { float: right; } .chart-donut-secondary path { stroke: #fff; stroke-width: 1px; } .chart-donut-secondary .chart-legend { font-size: 12px; line-height: 1.5; color: #000000; text-align: left; float: left; padding-top: 20px; } .chart-donut-secondary .chart-legend p { margin-bottom: 20px; } .chart-donut-secondary .chart-legend p span { width: 18px; height: 18px; margin-bottom: 10px ; float: left; margin-right: 10px; } /* Mobile */ @media (max-width: 767px) { .chart-donut-secondary .chart-legend, .chart-donut-secondary svg { float: none; } .chart-donut-secondary .chart-legend { padding-top: 32px; } .chart-donut-secondary .chart-legend p { margin-bottom: 24px; font-size: 24px; } .chart-donut-secondary .chart-legend p:last-child { margin-bottom: 0; } .chart-donut-secondary .chart-legend p span { width: 28px; height: 28px; margin: 5px 13px 10px -3px; } } .chart-donut-tertiary { width: 128px; height: 128px; position: relative; margin: auto; } .chart-donut-tertiary:before { content: ''; width: 108px; height: 108px; display: block; position: absolute; top: 50%; left: 50%; z-index: 1; border: 1px solid #ffffff; margin: -54px 0 0 -54px; border-radius: 50%; } .chart-donut-tertiary > div { position: relative; z-index: 2; } .chart-donut-tertiary .donut-value { font-family: 'Trade Gothic LT', sans-serif; font-size: 40px; line-height: 1; color: #ffffff; text-align: center; font-weight: 300; letter-spacing: .05em; position: absolute; top: 50%; right: 0; left: 0; margin-top: -20px; } .chart-donut-tertiary path { fill: none; } .chart-donut-tertiary path:first-child { stroke: #ffffff; stroke-linejoin: round; stroke-width: 20px; stroke-alignment: inner; } /* ------------------------------------------------------------ *\ Counter \* ------------------------------------------------------------ */ .counter-head { margin-bottom: 12px; text-align: center; } .counter-head span { font-family: 'Armata', sans-serif; font-size: 22px; color: #737373; font-weight: normal; } .counter-body ul { font-size: 0; list-style: none outside none; } .counter-body li { position: relative; display: inline-block; } .counter-body li ~ li { margin-left: 4px; } .counter-body li:after, .counter-body li:before { position: absolute; left: 0; right: 0; content: ''; } .counter-body li:before { top: 0; bottom: 50%; border-bottom: none; background: #9a9a9a; } .counter-body li:after { bottom: 0; top: 50%; border-top: none; } .counter-body li:after { background: rgb(203,203,203); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzlkOWQ5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjliOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, rgba(203,203,203,1) 0%,rgba(178,178,178,1) 28%,rgba(166,166,166,1) 48%,rgba(157,157,157,1) 80%,rgba(155,155,155,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#9b9b9b',GradientType=0 ); } .counter-body li span { position: relative; z-index: 2; display: inline-block; min-width: 32px; height: 57px; padding: 0 3px; font-family: 'Oswald', sans-serif; font-size: 49px; line-height: 57px; color: #ffffff; font-weight: normal; text-align: center; } /* Tablet Portrait */ @media (max-width: 1023px) { .counter { padding: 0 8px; } .counter-head { margin-bottom: 10px; } .counter-head span { font-size: 21px; letter-spacing: -0.01em; } .counter-body li ~ li { margin-left: 2px; } .counter-body li span { min-width: 31px; height: 53px; padding: 0 1px; font-size: 48px; line-height: 53px; } } /* Mobile */ @media (max-width: 767px) { .counter-head { margin-bottom: 5px; } .counter-head span { font-size: 26px; } .counter-body li span { min-width: 29px; height: 50px; font-size: 45px; line-height: 50px; } } /* Mobile */ @media (max-width: 374px) { .counter-body { margin: 0 -20px; } .counter-body li, .counter-body li ~ li { margin: 0 1px 2px; } .counter-body li span { min-width: 26px; font-size: 35px; } } /* ------------------------------------------------------------ *\ Employees \* ------------------------------------------------------------ */ .employees { margin: 0 -10px; font-size: 0; list-style: none outside none; } .employee { display: inline-block; width: 25%; padding: 0 10px; font-size: 12px; vertical-align: top; } .employee-image { margin-bottom: 18px; } .employee-image img { width: 100%; } .employee-content { color: #666666; } .employee-content > strong { display: block; margin-bottom: 14px; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; } .employee-content p { margin-bottom: 13px; font-weight: normal; } /* Tablet Portrait */ @media (max-width: 1023px) { .employee-content > strong { margin-bottom: 22px; font-size: 18px; line-height: 1.1; } .employee-content p { margin-bottom: 15px; font-size: 15px; line-height: 1.2; } .employee-content p span { display: block; font-size: 18px; } } /* Mobile */ @media (max-width: 767px) { .employees { margin: 0; } .employee { display: block; width: auto; padding: 0; margin-bottom: 26px; } .employee-image { margin-bottom: 15px; } .employee-content > strong { margin-bottom: 14px; font-size: 25px; } .employee-content > strong br { display: none; } .employee-content p { margin-bottom: 10px; font-size: 18px; line-height: 1.25; } .employee-content p span { font-size: 25px; } } /* ------------------------------------------------------------ *\ Features \* ------------------------------------------------------------ */ .features { position: relative; margin: 0 -10px; font-size: 0; list-style: none outside none; } .feature { display: inline-block; width: 33.33%; padding: 0 10px; font-size: 14px; vertical-align: top; } /* Tablet Portrait */ @media (max-width: 1023px) { .feature { width: 50%; } .features-solar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .features-solar .feature-details { -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; } } /* Mobile */ @media (max-width: 767px) { .features { margin: 0; } .feature { display: block; width: 100%; padding: 0; } .feature > .cols > .col ~ .col { margin-top: -20px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-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::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field {} .textarea {} .select {} .radio {} .checkbox {} /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} /* ------------------------------------------------------------ *\ Fullsize Image \* ------------------------------------------------------------ */ .fullsize-image { background-position: 50% 50%; background-repeat: no-repeat; } .fullsize-image { background-size: cover; } .fullsize-image > img { display: none; } /* ------------------------------------------------------------ *\ Grid Items \* ------------------------------------------------------------ */ .grid-items { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-item { width: 33.33%; padding: 0 10px; } .grid-primary { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .grid-secondary { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .grid-tertiary { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .grid-quaternary { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .grid-quinary { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .grid-senary { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .grid-septanary { display: none; } .grid-quinary .grid-body { margin: 0 -10px; } .grid-quinary .grid-body:after { } .grid-quinary .widget { float: left; width: 100%; padding: 0 10px; } .grid-quinary .widget-secondary, .grid-quinary .widget-primary-vertical { padding: 0 10px; width: 50%; } .grid-quinary .widget-storage { float: none; } .grid-quinary .widget-construction { float: right; } .grid-quinary .widget-fondation { float: right; } /* Tablet Portrait */ @media (max-width: 1023px) { .grid-items { -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .grid-item { width: 50%; } .grid-tertiary { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .grid-primary { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .grid-quaternary { margin-top: -286px; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .grid-secondary { margin-left: -50%; margin-top: -142px; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .grid-quinary { width: 100%; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .grid-septanary { display: block; width: 100%; } .grid-tertiary .widget-energy { display: none; } .grid-quinary { padding: 0; } .grid-quinary .grid-body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0; } .grid-quinary .grid-body:after { display: none; } .grid-quinary .widget-storage { width: 50%; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .grid-quinary .widget-agro { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .grid-quinary .widget-fondation { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .grid-quinary .widget-agro, .grid-quinary .widget-fondation, .grid-quinary .widget-construction, .grid-quinary .widget-aqua { float: none; width: 25%; } .grid-quinary .widget-construction, .grid-quinary .widget-aqua { margin-top: -143px; } .grid-quinary .widget-construction { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .grid-quinary .widget-aqua { margin-left: 25%; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } /* Mobile */ @media (max-width: 767px) { .grid-items { margin: 0 -10px; } .grid-item { width: 100%; padding: 0; } .grid-item .widget-video { margin-left: -5px; margin-right: -5px; } .grid-body > .cols, .grid-item > .cols { margin-left: -10px; margin-right: -10px; } .grid-body > .cols > .col, .grid-item > .cols > .col { float: left; } .grid-body > .cols > .col-1of2, .grid-item > .cols > .col-1of2 { width: 50%; padding: 0 10px; } .grid-quaternary { margin-top: 0; } .grid-secondary { margin: 0; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .grid-quinary { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .grid-senary { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .grid-quaternary { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .grid-septanary { padding: 0 10px; } .grid-quinary .grid-body { margin-left: -10px; margin-right: -10px; } .grid-quinary .widget { width: 50%; } .grid-quinary .widget-storage { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .grid-quinary .widget-agro { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .grid-quinary .widget-aqua { margin: 0; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .grid-quinary .widget-construction { margin: 0; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .grid-quinary .widget-fondation { -webkit-order: 5; -ms-flex-order: 5; order: 5; } } /* ------------------------------------------------------------ *\ History Items \* ------------------------------------------------------------ */ .history-items { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; font-size: 0; list-style: none outside none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } .history-item { width: 25%; padding: 0 10px; vertical-align: top; } .history-body { min-height: 100%; padding: 44px 15px 32px 17px; background: #727271; font-family: 'Oswald', sans-serif; color: #ffffff; font-weight: 600; text-transform: uppercase; } .history-body strong { display: block; margin-bottom: 5px; font-size: 55px; font-weight: 600; } .history-body strong small { font-size: 25px; } .history-body p { font-weight: 600; } .history-grey .history-body { background: #727271; } .history-green .history-body { background: #40a83d; } .history-blue .history-body { background: #006bb6; } .history-yellow .history-body { background: #bed439; } /* Tablet Portrait */ @media (max-width: 1023px) { .history-body { min-height: 266px; padding: 41px 14px 5px; } .history-body strong { margin-bottom: 0; } .history-body p { line-height: 1.1; } } /* Mobile */ @media (max-width: 767px) { .history-item { display: block; width: auto; } .history-body { min-height: 557px; padding: 87px 10px 50px 31px; } .history-body strong { margin-bottom: 7px; font-size: 80px; } .history-body strong small { font-size: 35px; } .history-body p { font-size: 22px; letter-spacing: 0.1em; } } /* Mobile */ @media (max-width: 374px) { .history-body { padding-left: 10px; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Solar Details \* ------------------------------------------------------------ */ .list-solar-details { padding-bottom: 20px; background: #e6e6e6; } .list-solar-details li { padding: 0px 7px; border-bottom: 1px solid #ffffff; margin-bottom: -1px; font-size: 13px; line-height: 1.7; } .list-solar-details li ~ li { margin-top: 1px; } .list-solar-details li span { color: #737373; } /* Small Desktop */ @media (max-width: 1169px) { .list-solar-details { padding-bottom: 10px; } .list-solar-details li { line-height: 1.4; } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-solar-details { padding-bottom: 0; } .list-solar-details li { padding: 1px 10px; font-size: 22px; line-height: 1.8; } .list-solar-details li ~ li { margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .list-solar-details li { padding: 0 15px; font-size: 18px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ List Areas \* ------------------------------------------------------------ */ .list-areas { max-width: 800px; margin: 0 auto; text-align: center; } .list-areas li { display: inline-block; margin: 0 8px 3px; vertical-align: top; } .list-areas a { font-family: 'Armata', sans-serif; font-size: 18px; font-weight: normal; text-decoration: underline; letter-spacing: 0.025em; } .list-areas a:hover { text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-areas li { margin: 0 7px 3px; } } /* Mobile */ @media (max-width: 767px) { .list-areas li { display: block; } .list-areas a { font-size: 24px; } } /* ------------------------------------------------------------ *\ List Jobs \* ------------------------------------------------------------ */ .list-jobs { margin: 0 -10px; font-size: 0; text-align: left; } .list-jobs li { display: inline-block; width: 25%; padding: 0 10px; font-size: 12px; vertical-align: top; } .list-jobs h6 { margin-bottom: 17px; color: #6db2e1; letter-spacing: 0.025em; text-transform: uppercase; } .list-jobs p { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; text-align: justify; } .list-jobs .darkblue h6 { color: #006bb6; } .list-jobs .yellow h6 { color: #bed439; } .list-jobs .green h6 { color: #40a83d; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-jobs h6 { margin-bottom: 13px; font-size: 20px; } .list-jobs p { font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { .list-jobs { margin: 0; } .list-jobs li { display: block; width: auto; padding: 0 18px; margin-bottom: 30px; } .list-jobs li:last-child { margin-bottom: 0; } .list-jobs h6 { margin-bottom: 29px; font-size: 25px; } .list-jobs p { font-size: 24px; line-height: 1.25; } } /* ------------------------------------------------------------ *\ List Contacts \* ------------------------------------------------------------ */ .list-contacts { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .list-contacts li { padding-bottom: 12px; margin-top: 0; margin-bottom: 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; vertical-align: top; } .list-contacts p { font-size: 11px; line-height: 1.25; font-weight: normal; } .list-contacts p a[href^="mailto"] { font-style: italic; } .list-contacts .green { color: #80b927; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-contacts li { padding-bottom: 16px; } .list-contacts p { margin-bottom: 0; font-size: 13px; line-height: 1.4; } } /* Mobile */ @media (max-width: 767px) { .list-contacts { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .list-contacts li { margin-bottom: 15px; } .list-contacts p { margin-bottom: 0px; font-size: 18px; line-height: 1.25; } } /* ------------------------------------------------------------ *\ List Place Details \* ------------------------------------------------------------ */ .list-place-details li { position: relative; padding: 5px 0 5px 43px; margin-bottom: 2px; font-size: 26px; letter-spacing: 0.025em; } .list-place-details li:last-child { margin-bottom: 0; } .list-place-details li strong { padding-left: 4px; font-size: 28px; } .list-place-details li small { padding-left: 2px; font-size: 23px; } .list-place-details [class^="ico-"] { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Tablet Portrait */ @media (max-width: 1023px) { .list-place-details li { padding-left: 38px; font-size: 20px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { overflow: hidden; display: inline-block; width: 348px; height: 77px; background: url(../../images/default/logo@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; transition: all .25s; } /* Small Desktop */ @media (max-width: 1169px) { .logo-primary { width: 300px; height: 66px; } } /* Mobile */ @media (max-width: 767px) { .logo-primary { width: 247px; height: 53px; } } /* Mobile */ @media (max-width: 374px) { .logo-primary { width: 220px; height: 49px; } } /* ------------------------------------------------------------ *\ Logo Uruguay \* ------------------------------------------------------------ */ .logo-uruguay { width: 355px; height: 85px; background-image: url(../../images/default/logo-uruguay.png); } /* Tablet Portrait */ @media (max-width: 1023px) { .logo-uruguay { width: 231px; height: 56px; } } /* Mobile */ @media (max-width: 767px) { .logo-uruguay { width: 283px; height: 69px; } } /* ------------------------------------------------------------ *\ Logo Fondation \* ------------------------------------------------------------ */ .logo-fondation { width: 180px; height: 57px; background-image: url(../../images/default/logo-fondation@2x.png); } /* Tablet Portrait */ @media (max-width: 1023px) { .logo-fondation { width: 148px; height: 50px; } } /* Mobile */ @media (max-width: 767px) { .logo-fondation { width: 169px; height: 57px; } } /* ------------------------------------------------------------ *\ Logo Aqua \* ------------------------------------------------------------ */ .logo-akuo { width: 313px; height: 65px; background-image: url(../../images/default/logo-aquo@2x.png); } /* Tablet Portrait */ @media (max-width: 1023px) { .logo-akuo { width: 274px; height: 57px; } } /* Mobile */ @media (max-width: 767px) { .logo-akuo { width: 320px; height: 66px; } } /* Mobile */ @media (max-width: 374px) { .logo-akuo { width: 280px; height: 58px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav:after { } .nav ul { margin-bottom: 0; list-style: none outside none; } /* .nav > ul:first-child { float: left; } .nav > ul:nth-child(2) { float: right; }*/ .nav li { display: inline-block; } .nav > ul > li ~ li { margin-left: 10px; } .nav > ul > li > a { position: relative; display: block; padding: 9px 0 7px; font-family: 'Armata', sans-serif; font-size: 13px; color: #6f7071; font-weight: normal; transition: color .25s; } .nav > ul > li > a:hover { text-decoration: none; } .nav > ul > li > a:before { position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid #6f7071; content: ''; transition: top .25s, border .25s, opacity .25s; } .nav > ul > .current > a, .nav > ul > li > a:hover { color: #000000; } .nav > ul > .current > a:before, .nav > ul > li > a:hover:before { top: -2px; border-top: 4px solid #000000; } .nav-dropdown { position: absolute; top: 100%; left: 50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; } .nav-dropdown-primary { } .nav-dropdown-primary > .shell > ul > li { display: inline-block; vertical-align: top; } .nav-dropdown-primary > .shell > ul > li ~ li { margin-left: 11px; } .nav-dropdown-primary > .shell > ul > li > a { display: block; padding: 7px 0 5px; font-family: 'Armata', sans-serif; font-size: 13px; color: #6f7071; transition: color .25s; } .nav-dropdown-primary > .shell > ul > li:hover > a, .nav-dropdown-primary > .shell > ul > .current > a, .nav-dropdown-primary > .shell > ul > li > a:hover { color: #000000; text-decoration: none; } .nav-dropdown-alt { text-align: right; } .nav-dropdown-secondary { background: #ffffff; } .nav-dropdown-secondary li { display: inline-block; margin-right: 13px; vertical-align: top; } .nav-dropdown-secondary a { display: block; height: 28px; font-family: 'Armata', sans-serif; font-size: 12px; line-height: 32px; color: #9a9a9a; transition: color .25s; } .nav-dropdown-secondary span { position: relative; top: -2px; display: inline-block; font-size: 0; line-height: 1.3; vertical-align: middle; } .nav-dropdown-secondary .current a, .nav-dropdown-secondary a:hover { color: #7d7d98; text-decoration: none; } .nav-dropdown-secondary [class^="ico-"] { transition: opacity .25s; } .nav-dropdown-secondary [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .nav-dropdown-secondary .current [class^="ico-"]:first-child, .nav-dropdown-secondary a:hover [class^="ico-"]:first-child { opacity: 0; } .nav-dropdown-secondary .current [class^="ico-"]:nth-child(2), .nav-dropdown-secondary a:hover [class^="ico-"]:nth-child(2) { opacity: 1; } .nav-dropdown-secondary.orange .current a, .nav-dropdown-secondary.orange a:hover { color: #ffaf00; } .nav-dropdown-secondary.green .current a, .nav-dropdown-secondary.green a:hover { color: #40a83d; } .nav-dropdown-secondary.dark .current a, .nav-dropdown-secondary.dark a:hover { color: #000000; } .nav li:hover > .nav-dropdown, .nav .current > .nav-dropdown { opacity: 1; visibility: visible; } .nav li:hover > .nav-dropdown { z-index: 2; } .nav .nav-lang { display: none; } /* Small Desktop */ @media (max-width: 1169px) { .nav > ul > li ~ li { margin-left: 5px; } .nav-dropdown-secondary li { margin-right: 3px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav { position: fixed; top: 80px; bottom: 0; left: 0; display: none; overflow-y: auto; width: 384px; } .nav a { position: relative; } .nav > ul > li { display: block; } .nav > ul > li ~ li { border-top: 1px solid #e2e2e3; margin-left: 0; } .nav > ul ~ ul { border-top: 1px solid #e2e2e3; } .nav > ul:first-child, .nav > ul:nth-child(2) { float: none; } .nav > ul > li > a { padding: 14px 54px 16px; font-size: 23px; color: #7d7d98; letter-spacing: 0.08em; background: linear-gradient(to right, rgba(235,235,235,1) 0%,rgba(236,236,236,1) 10%,rgba(249,249,249,1) 37%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 77%,rgba(247,248,247,1) 100%); } .nav > ul > li > a:before { display: none; } .nav > ul > li > a:after { position: absolute; top: 20px; right: 40px; content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-width: 0 0 3px 3px; border-style: solid; border-color: #7d7d98; margin: 0px 0 0 15px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .nav > ul > li.expanded > a:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-dropdown-primary > .shell > ul > .current > a, .nav-dropdown-primary > .shell > ul > li > a:hover, .nav > ul > .current > a, .nav > ul > li > a:hover { color: #7d7d98; } .nav > ul > li.expanded > a { color: #000000; } .nav-dropdown { position: static; display: none; width: auto; margin-left: 0; margin-right: 0; opacity: 1; visibility: visible; } .nav .current > .nav-dropdown { display: none; } .nav-dropdown .shell { padding: 0; } .nav-dropdown-alt { text-align: left; } .nav-dropdown-primary > .shell > ul > li { display: block; } .nav-dropdown-primary > .shell > ul > li > a { padding: 7px 54px 6px 70px; background: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 23px; color: #7d7d98; font-weight: normal; } .nav-dropdown-primary > .shell > ul > li > a:after { position: absolute; top: 16px; right: 38px; content: ''; width: 13px; height: 13px; display: inline-block; vertical-align: middle; border-width: 0 0 3px 3px; border-style: solid; border-color: #7d7d98; margin: 0px 0 0 15px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .nav-dropdown-primary > .shell > ul > li.expanded > a:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-dropdown-primary > .shell > ul > li ~ li { margin-left: 0; } .nav-dropdown-primary > .shell > ul > li.expanded > a { color: #000000; } .nav-dropdown-secondary li { display: block; margin-right: 0; } .nav-dropdown-secondary li ~ li { border-top: 1px solid #d8d8d8; } .nav-dropdown-secondary a { background: linear-gradient(to right, rgba(235,235,235,1) 0%,rgba(236,236,236,1) 10%,rgba(249,249,249,1) 37%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 77%,rgba(247,248,247,1) 100%); height: auto; padding: 7px 0 8px 97px; font-size: 18px; color: #7d7d98; } .nav-dropdown-secondary.orange .current a, .nav-dropdown-secondary.orange a:hover, .nav-dropdown-secondary.green .current a, .nav-dropdown-secondary.green a:hover { color: #7d7d98; } .nav-dropdown-secondary span { display: none; } .nav .nav-lang { display: block; } } /* Mobile */ @media (max-width: 767px) { .nav { top: 64px; width: 100%; } .nav > ul > li > a { padding: 18px 55px 18px 39px; } .nav > ul > li > a:after { top: 23px; } } /* Mobile */ @media (max-width: 374px) { .nav > ul > li > a { padding-left: 20px; } .nav-dropdown-primary > .shell > ul > li > a { padding-left: 40px; } .nav-dropdown-secondary a { padding-left: 60px; } } /* ------------------------------------------------------------ *\ Nav Mobile \* ------------------------------------------------------------ */ /* Tablet Portrait */ @media (max-width: 1023px) { /* Nav Mobile */ .nav-mobile-outer { position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: linear-gradient(to right, rgba(236,236,236,1) 0%,rgba(236,236,236,1) 29%,rgba(243,243,243,1) 100%); } .nav-mobile { position: absolute; top: 25px; left: 25px; width: 30px; height: 30px; z-index: 99; } .nav-mobile span { display: block; width: 100%; height: 4px; margin: 5px 0; background: #7d7d98; } .nav-mobile:hover span { -webkit-transform: rotate3d(0, 1, 0.1, 180deg); transform: rotate3d(0, 1, 0.1, 180deg); } .nav-mobile span:nth-child(1) { transition: all 0.5s ease 0s; } .nav-mobile span:nth-child(2) { transition: all 0.4s ease 0s; } .nav-mobile span:nth-child(3) { transition: all 0.3s ease 0s; } .nav-mobile-outer.active .nav-mobile span { opacity: 0; position: absolute; top: 25%; left: 0; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .nav-mobile-outer.active .nav-mobile span:first-child { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .nav-mobile-outer.active .nav-mobile span:last-child { width: 100%; opacity: 1; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } } /* Mobile */ @media (max-width: 767px) { .nav-mobile-outer { width: 64px; height: 64px; background: none; } .nav-mobile { top: 18px; left: 16px; width: 28px; } } /* ------------------------------------------------------------ *\ Nav Lang \* ------------------------------------------------------------ */ .nav-lang { text-align: right; } .nav-lang ul { font-size: 0; list-style: none outside none; } .nav-lang li { display: inline-block; margin-left: 5px; vertical-align: top; } .nav-lang a { position: relative; display: block; font-size: 0; } .nav-lang span { position: relative; } .nav-lang a img { transition: opacity .25s; } .nav-lang a img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .nav-lang a:hover img:first-child { opacity: 0; } .nav-lang a:hover img:nth-child(2) { opacity: 1; } .nav-lang small { font-size: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-lang-tertiary { border-bottom: 1px solid #e2e2e3; text-align: left; } .nav-lang-tertiary li { display: block; margin-left: 0; } .nav-lang-tertiary a:hover { text-decoration: none; } .nav-lang-tertiary small { display: block; padding: 14px 54px 16px; font-weight: normal; font-family: 'Armata', sans-serif; font-size: 23px; color: #7d7d98; background: linear-gradient(to right, rgba(235,235,235,1) 0%,rgba(236,236,236,1) 10%,rgba(249,249,249,1) 37%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 77%,rgba(247,248,247,1) 100%); } .nav-lang-tertiary span { position: absolute; top: 15px; right: 20px; } } /* Mobile */ @media (max-width: 767px) { .nav-lang li { margin-left: 0; } .nav-lang-tertiary small { padding: 18px 55px 18px 39px; } .nav-lang-tertiary span { top: 20px; } } /* Mobile */ @media (max-width: 374px) { .nav-lang-tertiary small { padding-left: 20px; } } /* ------------------------------------------------------------ *\ Nav Quaternary \* ------------------------------------------------------------ */ .nav-quaternary ul { list-style: none outside none; } .nav-quaternary li { margin-bottom: 12px; } .nav-quaternary a { display: block; font-family: 'Armata', sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 0.1em; text-decoration: underline; } .nav-quaternary a:hover, .nav-quaternary .current a { text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-quaternary li { margin-bottom: 6px; } .nav-quaternary a { font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { .nav-quaternary li { margin-bottom: 8px; } .nav-quaternary a { font-size: 24px; } } /* ------------------------------------------------------------ *\ News Items \* ------------------------------------------------------------ */ .news-items { list-style: none outside none; } .news-item { margin-bottom: 27px; } .news-content { position: relative; min-height: 115px; padding: 5px 26px 15px 11px; } .news-content span { display: block; margin-bottom: 2px; font-size: 10px; color: #80b927; font-style: italic; } .news-content span a { text-decoration: underline; } .news-content span a:hover { text-decoration: none; } .news-content h5 { margin-bottom: 0; font-size: 16px; letter-spacing: 0.085em; } .news-content h5 a { color: #80b927; } .news-content .link-plus { position: absolute; bottom: 5px; right: 9px; } .news-image { margin-top: 5px; } .news-image a { position: relative; display: block; overflow: hidden; } .news-image img { display: inline-block; width: 100%; } .news-image-inner { transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; } .news-image a:hover .news-image-inner { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-items-secondary .news-item { margin-bottom: 20px; } .news-items-secondary .news-content span, .news-items-secondary .news-content h5 a { color: #808080; } .news-items-tertiary .news-item { overflow: hidden; margin-bottom: 20px; } .news-items-tertiary .news-image { float: left; margin-top: 0; } .news-items-tertiary .news-content { overflow: hidden; min-height: 121px; padding-top: 12px; padding-bottom: 5px; } .news-items-tertiary .news-content h5 { font-size: 14px; } .news-items-tertiary .news-content h5 a { font-size: 16px; } .news-items-darkblue .news-content span, .news-items-darkblue .news-content h5 a { color: #0051b7; } /* Tablet Portrait */ @media (max-width: 1023px) { .news-item { margin-bottom: 15px; } .news-content { padding: 0px 20px 6px 0; } .news-content h5, .news-content span { font-size: 15px; line-height: 1.35; } .news-content .link-plus { bottom: 0; right: 0; } .news-content h5 br { display: none; } .news-image { margin-top: 1px; } .news-items-secondary .news-item { margin-bottom: 8px; } .news-items-secondary .link-plus { bottom: 15px; } .news-items-tertiary .news-image { margin-right: 21px; } .news-items-tertiary .news-image-inner { width: 167px; min-height: 124px; } .news-items-tertiary .news-image img { display: none; } .news-items-tertiary .news-content { padding: 0 20px 0 0; } .news-items-tertiary .news-content span { margin-bottom: 0; font-weight: 600; } } /* Mobile */ @media (max-width: 767px) { .news-item { margin-bottom: 20px; } .news-content { padding-bottom: 10px; padding-right: 30px; } .news-content h5, .news-content span { font-size: 24px; line-height: 1.25; letter-spacing: 0.0em; } .news-content span { font-style: normal; font-weight: normal; } .news-content h5 br { display: block; } .news-content .link-plus { bottom: 0px; } .news-image { margin: 25px -15px 0; } /* .news-items-secondary .news-item:nth-child(2) ~ .news-item { display: none; } .news-items-primary .news-item:nth-child(2) ~ .news-item { display: none; }*/ .news-items-secondary .news-item { margin-bottom: 38px; } .news-items-secondary .news-content { min-height: 145px; } .news-items-secondary .news-content span { margin-bottom: 1px; } .news-items-secondary .news-content h5 br { display: none; } .news-items-secondary .news-content h5 { line-height: 1.55; letter-spacing: 0.07em; } .news-items-tertiary .news-item { overflow: visible; } .news-items-tertiary .news-image { float: none; margin: 0 -15px 12px; } .news-items-tertiary .news-image-inner { width: auto; min-height: 256px; } .news-items-tertiary .news-content h5 { font-size: 20px; } .news-items-tertiary .news-content h5 a { font-size: 24px; } } /* ------------------------------------------------------------ *\ Newsletter Items \* ------------------------------------------------------------ */ .newsletter-items { max-width: 781px; margin: 0 -10px; font-size: 0; list-style: none outside none; } .newsletter-item { display: inline-block; width: 50%; padding: 0 10px; margin-bottom: 21px; } .newsletter-content { position: relative; padding: 4px 0 0px 10px; color: #007daa; transition: background .25s; } .newsletter-content h5 { margin-bottom: 0; text-transform: uppercase; transition: color .25s; } .newsletter-content .link-plus { position: absolute; top: 9px; right: 12px; } .newsletter-item a:hover { text-decoration: none; } .newsletter-item a:hover .newsletter-content { background: #007daa; color: #ffffff; } .newsletter-item a:hover .link-plus:before, .newsletter-item a:hover .link-plus:after { background: #ffffff; } .newsletter-image img { display: block; width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .newsletter-items { max-width: 355px; margin: 0; } .newsletter-item { display: block; width: auto; padding: 0; margin-bottom: 26px; margin-top: -2px; } .newsletter-content { padding: 2px 40px 3px 8px; } .newsletter-content h5 { font-size: 18px; line-height: 1.1; letter-spacing: 0.06em; } .newsletter-content .link-plus { top: 0; right: 10px; } } /* Mobile */ @media (max-width: 767px) { .newsletter-items { max-width: none; } .newsletter-item { margin: -2px -15px 8px; } .newsletter-content { padding: 12px 100px 13px 13px; } .newsletter-content h5 { font-size: 25px; } .newsletter-content .link-plus { top: auto; bottom: 14px; right: 34px; } .newsletter-image { min-height: 176px; } .newsletter-image img { display: none; } } /* ------------------------------------------------------------ *\ Place Details \* ------------------------------------------------------------ */ .place-details { list-style: none outside none; color: #4171b1; } .place-detail { position: relative; padding-left: 83px; margin-bottom: 15px; } .place-detail:last-child { margin-bottom: 0; } .place-detail-icon { position: absolute; top: 0; bottom: 0; left: 0; width: 79px; background: #ffffff; } .place-detail-icon [class^="ico-"] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .place-detail-inner { display: table; width: 100%; height: 77px; background: #ffffff; } .place-detail-content { display: table-cell; padding: 5px 0 5px 17px; vertical-align: middle; } .place-detail-content span { display: block; font-size: 21px; font-weight: bold; } .place-detail-content p { font-size: 18px; } .place-detail-content p sup { font-size: 12px; } .place-detail-content strong { font-size: 36px; } .place-detail-content strong small { font-size: 30px; font-weight: 500; } /* Tablet Portrait */ @media (max-width: 1023px) { } /* ------------------------------------------------------------ *\ Popups \* ------------------------------------------------------------ */ .popup-alt { position: relative; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; } .popup-alt.expanded { opacity: 1; visibility: visible; } /* ------------------------------------------------------------ *\ Popup Investor \* ------------------------------------------------------------ */ .popup-outer:before { position: absolute; top: 0; left: 0; z-index: 6; width: 100%; height: 50000px; background: #ffffff; opacity: .8; content: ''; } .popup-outer .popup { position: relative; z-index: 7; } .popup-investor { padding: 182px 50px 108px; background: #ffffff; } .popup-investor .btn-close { position: absolute; top: 15px; right: 19px; } .popup-investor h5 { margin-bottom: 24px; color: #ff4635; text-transform: uppercase; letter-spacing: 0.1em; } .popup-investor p { font-family: 'Armata', sans-serif; font-size: 13px; line-height: 1.65; color: #666666; font-weight: normal; } .popup-investor .popup-actions { padding-top: 87px; } /* Tablet Portrait */ @media (max-width: 1023px) { .popup-investor { min-height: 495px; padding: 105px 40px 48px; } .popup-investor h5 { margin-bottom: 15px; } .popup-investor p { font-size: 15px; line-height: 1.2; } .popup-investor .btn-close { top: 43px; right: 15px; } .popup-investor .popup-actions { padding-top: 77px; } .popup-investor .popup-actions .btn { min-width: 200px; } } /* Mobile */ @media (max-width: 767px) { .popup-investor { padding: 72px 15px 4px; } .popup-investor p, .popup-investor h5 { font-size: 24px; line-height: 1.25; } .popup-investor h5 { margin-bottom: 30px; } .popup-investor .btn-close { top: 13px; right: 6px; } .popup-investor .popup-actions { display: none; } } /* ------------------------------------------------------------ *\ Project \* ------------------------------------------------------------ */ .projects { margin: 0 -10px -20px; font-size: 0; } .projects:last-child { margin-bottom: -20px; } .project { display: inline-block; width: 16.66%; margin-bottom: 20px; padding: 0 10px; font-size: 14px; cursor: pointer; } .project-inner { position: relative; } .project-image { min-height: 130px; } .project-image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(39, 39, 54, .5); opacity: 0; content: ''; transition: opacity .25s; } .project:hover .project-image:after, .project.expanded .project-image:after { opacity: 0; } .project:hover .project-image:after { opacity: 1; } .project-icon { position: absolute; top: 20px; left: 0; width: 100%; text-align: center; transition: opacity .25s; } .project-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2px 9px 3px; background: rgba(39, 39, 54, .6); color: #ffffff; transition: background .25s; } .project-content p, .project-content span { font-family: 'Armata', sans-serif; } .project-content p { margin-bottom: 0; font-size: 15px; font-weight: normal; } .project-content span { display: block; font-size: 13px; } .project-content small { display: block; font-size: 12px; font-weight: bold; } .project:hover .project-content, .project.expanded .project-content { background: none; } .projects-orange .project-content, .projects-orange .project-image:after { background: rgba(255, 175, 0, .5); } .projects-darkgreen .project-content, .projects-darkgreen .project-image:after { background: rgba(40, 106, 38, .5); } /* Tablet Portrait */ @media (max-width: 1023px) { .project { width: 25%; } .project-image { min-height: 122px; } .project-content span { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .projects { padding: 0 21px; margin: 0; } .project { display: block; width: auto; padding: 0; } .project-image img { display: block; width: 100%; } .project-icon { top: 34px; } .project-content { padding: 4px 14px 5px; } .project-content p { margin-bottom: 3px; font-size: 24px; } .project-content span { font-size: 21px; line-height: 1; } .project-content small { font-size: 19px; } } /* Mobile */ @media (max-width: 374px) { .projects { padding-left: 10px; padding-right: 10px; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section {} /* ------------------------------------------------------------ *\ Section Grid \* ------------------------------------------------------------ */ .section-grid { padding: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-grid { padding: 25px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-grid { padding-top: 0px; } } /* ------------------------------------------------------------ *\ Section Counter \* ------------------------------------------------------------ */ .section-counter { margin-bottom: 22px; } .section-counter .section-body { position: relative; padding-right: 380px; } .section-counter .section-image { position: relative; display: inline-block; text-align: center; } .section-counter .section-image-actions { position: absolute; top: 50%; left: 50%; margin-top: 16px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-counter .counter { position: absolute; top: 18px; right: 4px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-counter .section-body { padding-right: 0; } .section-counter .counter { top: -130px; width: 50%; text-align: right; } .section-counter .counter-inner { display: inline-block; text-align: center; } .section-counter .btn-white { min-width: 160px; padding-top: 7px; padding-bottom: 6px; font-size: 12px; } } /* Mobile */ @media (max-width: 767px) { .section-counter { padding-top: 16px; } .section-counter .counter { position: static; width: auto; margin-bottom: 42px; text-align: center; } .section-counter .section-image { margin: 0 -15px; } .section-counter .section-image-actions { margin-top: 0; } .section-counter .btn { min-width: 302px; font-size: 20px; } } /* ------------------------------------------------------------ *\ Section Projects \* ------------------------------------------------------------ */ .section-projects { padding: 34px 0; border-top: 1px solid #6f7071; } .section-projects .section-head { margin-bottom: 34px; color: #7d7d98; text-align: center; } .section-projects .section-head h5 { font-size: 22px; padding: 6px 0 1px; } .section-projects .section-head h5, .section-projects .section-head h6 { color: inherit; } .section-projects.orange .section-head h6 { color: #ffaf00; } .section-projects.orange .section-head { color: #ffaf00; } .section-projects.darkgreen .section-head { color: #40a83d; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-projects { padding: 28px 0; } .section-projects .section-head { margin-bottom: 32px; } .section-projects .section-head h6 { font-size: 20px;letter-spacing: 0.025em; } } /* Mobile */ @media (max-width: 767px) { .section-projects { padding: 26px 0; border-top-width: 2px; } .section-projects .section-head { margin-bottom: 20px; } .section-projects .section-head h5, .section-projects .section-head h6 { font-size: 25px; line-height: 1.2; } } /* ------------------------------------------------------------ *\ Section Facilities \* ------------------------------------------------------------ */ .section-facilities .section-head { color: #737373; text-align: center; text-transform: uppercase; position: relative; padding: 39px 0; } .section-facilities .section-head h6 { line-height: 1.25; } .section-facilities .section-head i { position: absolute; bottom: 100%; left: 50%; margin-bottom: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-facilities .section-body { height: calc(100vh - 269px); position: relative; max-width: 1150px; margin: auto; } .section-facilities .section-map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .section-facilities .section-map .gm-style .gm-style-cc { display: none !important; } .section-facilities .marker-labels-container ~ div { pointer-events: none; } /*.section-facilities .marker-label { font-family: 'Armata', sans-serif; font-size: 15px; line-height: 20px; color: #80b927; font-weight: 400; text-indent: -2000px; display: inline-block; vertical-align: middle; position: relative; top: -36px; left: auto !important; padding-top: 8px; padding-bottom: 9px; overflow: hidden; background-repeat: no-repeat; background-image: url(../../images/default/marker-green.png); background-size: 18px 24px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .section-facilities .marker-label.left { padding-left: 24px; margin-left: -10px; background-position: 0 50%; } .section-facilities .marker-label.right { right: 100%; padding-right: 24px; margin: 0 -10px 0 0; background-position: 100% 50%; } .section-facilities .marker-label-loaded { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }*/ .section-facilities .marker-label { padding-left: 24px; margin-left: -10px; background-position: 0 50%; font-family: 'Armata', sans-serif; font-size: 15px; line-height: 20px; color: #80b927; font-weight: 400; text-indent: -2000px; display: inline-block; vertical-align: middle; position: relative; top: -36px; left: auto !important; padding-top: 8px; padding-bottom: 9px; overflow: hidden; background-repeat: no-repeat; background-image: url(../../images/default/marker-green.png); background-size: 18px 24px; transition: transform .4s ease; } .section-facilities .marker-label:hover, .section-facilities .marker-label.hover { text-decoration: underline; text-indent: 0; background-image: url(../../images/default/marker-green-active.png); } .section-facilities .section-map a[target="_blank"] { display: none !important; } .section-facilities .section-nav { padding-bottom: 6px; } .section-facilities .section-nav ul { font-size: 0; line-height: 0; text-align: center; margin: auto; } .section-facilities .section-nav li { display: inline-block; vertical-align: top; padding: 0 10px; } .section-facilities .section-nav a { font-size: 12px; line-height: 1.5; font-weight: 400; text-transform: uppercase; display: block; padding: 5px 10px; border: 1px solid; } .section-facilities .section-nav a:hover { text-decoration: none; } .section-facilities .section-legend { width: 176px; position: absolute; bottom: 50px; left: 70px; z-index: 2; padding: 10px; background-color: #f0f0f0; -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); transform: translateX(-150%); transition: all .4s ease; opacity: 0; visibility: hidden; } .section-facilities .section-legend h6 { font-size: 12px; line-height: 1.5; color: #7d7d98; font-weight: 400; text-transform: uppercase; text-align: center; padding: 3px 0; margin: 0 0 10px; } .section-facilities .section-legend ul { font-family: 'Oswald', sans-serif; font-size: 10px; line-height: 18px; list-style: none outside none; padding-bottom: 12px; } .section-facilities .section-legend li { position: relative; padding-left: 23px; } .section-facilities .section-legend li:before { content: ''; width: 18px; height: 18px; display: block; position: absolute; top: 0; left: 0; } .section-facilities .section-legend-item-green { color: #80b927; } .section-facilities .section-legend-item-green:before { background-color: #80b927; } .section-facilities .section-legend-item-lightgreen { color: #bed439; } .section-facilities .section-legend-item-lightgreen:before { background-color: #bed439; } .section-facilities .section-legend-item-blue { color: #6db2e1; } .section-facilities .section-legend-item-blue:before { background-color: #6db2e1; } .section-facilities .section-legend-item-darkblue { color: #006bb6; } .section-facilities .section-legend-item-darkblue:before { background-color: #006bb6; } .section-facilities .section-charts { font-size: 0; line-height: 0; text-align: center; max-height: 0px; overflow: hidden; transition: max-height .4s ease; } .section-facilities .bar-chart { width: 100px; padding: 8px 11px; display: inline-block; vertical-align: top; cursor: pointer; } .section-facilities .bar-chart svg { display: block; margin: auto; } .section-facilities .bar-chart p { font-family: 'Armata', sans-serif; font-size: 15px; line-height: 1.25; color: #727271; font-weight: 400; padding-top: 8px; border-top: 2px solid; margin: 0; } .section-facilities .bar-chart.highlight p { text-decoration: underline; } .section-facilities .bar-0 { fill: #80b927; } .section-facilities .bar-1 { fill: #bed439; } .section-facilities .bar-2 { fill: #6db2e1; } .section-facilities .bar-3 { fill: #006bb6; } .section-centrals .section-nav a { transition: background .4s, color .4s; } .section-centrals .section-nav a span { position: relative; top: -1px; display: inline-block; margin-right: 6px; font-size: 0; vertical-align: middle; } .section-centrals .section-nav [class^="ico-"] { transition: opacity .4s; } .section-centrals .section-nav [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .section-centrals .marker-label { text-indent: 0; overflow: visible; opacity: 0; visibility: hidden; transform: translateY(-114%); text-decoration: underline; padding-left: 10px !important; } .section-centrals .marker-label.visible { opacity: 1; visibility: visible; } .section-centrals .section-nav a:hover [class^="ico-"]:first-child, .section-centrals .section-nav .current a [class^="ico-"]:first-child { opacity: 0; } .section-centrals .section-nav a:hover [class^="ico-"]:nth-child(2), .section-centrals .section-nav .current a [class^="ico-"]:nth-child(2) { opacity: 1; } .section-centrals .marker-1, .section-facilities .markers-filter-1 { color: #7d7d98; } .section-centrals .markers-filter-1:hover, .section-centrals .current .markers-filter-1 { background: #7d7d98; color: #ffffff; } .section-centrals .marker-2, .section-facilities .markers-filter-2 { color: #ffaf00; } .section-centrals .markers-filter-2:hover, .section-centrals .current .markers-filter-2 { background: #ffaf00; color: #ffffff; } .section-centrals .marker-3, .section-facilities .markers-filter-3 { color: #80b927; } .section-centrals .markers-filter-3:hover, .section-centrals .current .markers-filter-3 { background: #80b927; color: #ffffff; } .section-centrals .marker-4, .section-facilities .markers-filter-4 { color: #6db2e1; } .section-centrals .markers-filter-4:hover, .section-centrals .current .markers-filter-4 { background: #6db2e1; color: #ffffff; } .section-centrals .marker-5, .section-facilities .markers-filter-5 { color: #007daa; } .section-centrals .markers-filter-5:hover, .section-centrals .current .markers-filter-5 { background: #007daa; color: #ffffff; } .section-centrals .marker-6, .section-facilities .markers-filter-6 { color: #40a83d; } .section-centrals .markers-filter-6:hover, .section-centrals .current .markers-filter-6 { background: #40a83d; color: #ffffff; } .section-centrals .marker-7, .section-facilities .markers-filter-7 { color: #3fa6f2; } .section-centrals .markers-filter-7:hover, .section-centrals .current .markers-filter-7 { background: #3fa6f2; color: #ffffff; } .section-centrals .marker-8, .section-facilities .markers-filter-8 { color: #afafaf; } .section-centrals .markers-filter-8:hover, .section-centrals .current .markers-filter-8 { background: #afafaf; color: #ffffff; } .section-centrals .section-body { height: calc(100vh - 305px); } .section-centrals .marker-label { top: auto; background: none;} .section-centrals .marker-label:hover { text-decoration: underline; background: none; } .section-centrals .marker-1 { background-color: #7d7d98; } .section-centrals .marker-2 { background-color: #ffaf00; } .section-centrals .marker-3 { background-color: #80b927; } .section-centrals .marker-4 { background-color: #6db2e1; } .section-centrals .marker-5 { background-color: #007daa; } .section-centrals .marker-6 { background-color: #40a83d; } .section-centrals .marker-7 { background-color: #3fa6f2; } .section-centrals .marker-8 { background-color: #afafaf; } .section-portfolio .marker-label { color: #727271; background-image: url(../../images/default/marker-grey.png); } .section-portfolio .marker-label.highlight { text-indent: 0; } .section-portfolio .marker-label.highlight, .section-portfolio .marker-label:hover { text-decoration: underline; background-image: url(../../images/default/marker-grey-active.png); } .section-portfolio .section-nav ul { max-width: none; margin: 0 -8px; overflow: hidden; } .section-portfolio .section-nav li { width: 25%; float: left; padding: 0 8px; } .section-portfolio .section-nav span { font-size: 14px; line-height: 20px; color: #fff; text-align: center; display: block; padding: 5px; text-transform: uppercase; } .section-portfolio .section-nav-item1 span { background-color: #80ba27; } .section-portfolio .section-nav-item2 span { background-color: #afca0b; } .section-portfolio .section-nav-item3 span { background-color: #6db2e1; } .section-portfolio .section-nav-item4 span { background-color: #006bb6; } .section-portfolio .section-body { height: calc(100vh - 305px); } .section-portfolio.activated .section-legend { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; } .section-portfolio.activated .section-charts { max-height: 200px; } .section-charts .bar-values { display: none; } .section-facilities .map-cluster { font-family: 'Oswald', sans-serif !important; background-color: #8b8b8e; border-radius: 50%; } .section-facilities .filtered .map-cluster { opacity: 0; visibility: hidden; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-facilities .section-head { padding: 14px 0; } .section-facilities .section-head i { display: none; } .section-facilities .section-nav ul { max-width: 600px; } .section-facilities .section-nav a { padding: 1px 10px 2px; font-size: 15px; } .section-facilities .section-body { height: 490px; } .section-centrals .section-head { margin-bottom: 0px; } .section-portfolio .section-head h6 { letter-spacing: 0.1em; } .section-facilities .section-nav { padding-top: 20px; padding-bottom: 10px; } .section-facilities .section-nav ul { max-width: none; } .section-portfolio .section-body { height: 447px; } .section-portfolio .section-nav li { margin-bottom: 10px; } .section-portfolio .section-nav span { min-height: 51px; padding: 6px 10px 5px 12px; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 900; text-align: left; text-transform: uppercase; } .section-portfolio.activated .section-charts { max-height: 1000px; } .section-charts #statistics { margin: 0 -10px; text-align: left; } .section-charts #statistics:before { display: inline-block; width: 25%; min-height: 125px; content: ''; } .section-charts .bar-chart { position: relative; width: 25%; padding: 0 10px; margin-bottom: 19px; text-align: center; } .section-charts .bar-chart svg { margin: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 57% 69%; -ms-transform-origin: 57% 69%; transform-origin: 57% 69%; } .section-charts .bar-chart p { position: absolute; top: 0; left: 0; min-height: 38px; width: 100%; padding: 0; border: none; } .section-charts .bar-values { position: absolute; top: 49px; right: 5px; display: block; text-align: right; } .section-charts .bar-values li { position: relative; display: block; margin-bottom: 3px; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 1.3; color: #80b927; font-weight: 600; } .section-charts .bar-values li:nth-child(2) { color: #bed439; } .section-charts .bar-values li:nth-child(3) { color: #6db2e1; } .section-charts .bar-values li:nth-child(4) { color: #006bb6; } .section-facilities .section-legend { left: 50%; bottom: -119px; width: 168px; padding: 0; margin-left: -357px; } .section-facilities .section-legend ul { padding-bottom: 0; font-size: 12px; } .section-facilities .section-legend h6 { margin-bottom: 22px; font-size: 15px; color: #727271; text-transform: none; } .section-centrals .section-nav { padding: 5px 0 0; } .section-centrals .section-nav li { padding-bottom: 5px; } } @media (max-width: 767px) { .section-facilities .section-head { padding: 18px 0 18px; } .section-facilities .section-body { height: auto; } .section-facilities .section-map { height: 235px; position: static; top: auto; right: auto; left: auto; bottom: auto; } .section-facilities .section-map .marker-label { font-size: 12px; text-shadow: 0 1px 3px rgba(0,0,0,.3); } .section-facilities .section-charts { max-height: none; } .section-facilities .section-nav { padding-bottom: 6px; } .section-portfolio .section-map { overflow: hidden; max-height: 0; width: 0; height: 0; opacity: 0; visibility: hidden; } .section-facilities .section-legend { position: static; width: auto; margin: 5px 0 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .section-facilities .section-legend ul { font-size: 21px; } .section-facilities .section-legend li { padding: 6px 0 6px 41px; font-weight: 600; } .section-facilities .section-legend li:before { width: 30px; height: 30px; } .section-facilities .section-legend h6 { margin-bottom: 3px; font-size: 26px; } .section-portfolio .section-nav ul { margin: 0; } .section-portfolio .section-nav li { float: none; display: block; width: auto; padding: 0; margin-bottom: 6px; } .section-portfolio .section-nav span { min-height: 0; padding: 8px 2px 6px 19px; font-size: 24px; line-height: 1.3; letter-spacing: 0.025em; } .section-portfolio .section-head { padding: 34px 0 12px; } .section-portfolio .section-head h6 { line-height: 1.5; letter-spacing: 0.025em; } .section-portfolio .section-body { padding: 0 15px; margin-bottom: 20px; } .section-charts #statistics:before { display: none; } .section-charts .bar-chart { display: block; width: auto; } .section-charts .bar-chart svg { -webkit-transform-origin: 54% 70%; -ms-transform-origin: 54% 70%; transform-origin: 54% 70%; } .section-charts .bar-chart p { font-size: 27px; letter-spacing: 0.05em; } .section-centrals .section-head { padding: 26px 0 29px; margin-bottom: 23px; } .section-centrals .section-nav { padding: 0; } .section-centrals .section-nav ul { margin: 0 -2px; text-align: justify; } .section-centrals .section-nav ul:after { display: inline-block; width: 100%; content: ''; } .section-centrals .section-nav li { padding: 0 2px; margin-bottom: 11px; text-align: left; } .section-centrals .section-nav a { padding: 3px 15px 1px 19px; border-width: 2px; font-size: 24px; letter-spacing: 0.025em; } .section-centrals .section-nav a i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-filter: blur(0); } } /* ------------------------------------------------------------ *\ Section Primary \* ------------------------------------------------------------ */ .section-primary { position: relative; z-index: 6; margin-bottom: 50px; } .section-primary .section-head { color: #737373; text-align: center; text-transform: uppercase; } .section-primary .section-head-inner { position: relative; padding: 40px 0 35px; } .section-primary .section-head-inner h5 { margin-bottom: 0; } .section-primary .section-head [class^="ico-"] { position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-primary .section-head .ico-press { top: -36px; } .section-primary .section-head-actions { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-primary .shell:after { } .section-primary-green .section-head { color: #80b927; } .section-primary-darkblue .section-head { color: #0051b7; } .section-primary-blue .section-head { color: #007daa; } .section-primary-red .section-head { color: #ff4635; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-primary .section-head [class^="ico-"] { display: none; } .section-primary .section-head-inner { padding: 13px 0; } .section-primary .section-head-inner h5 { font-size: 18px; } } /* Mobile */ @media (max-width: 767px) { .section-primary .section-head { margin-bottom: 17px; } .section-primary .section-head-inner { padding: 32px 0 30px; } .section-primary .section-head-inner h5 { font-size: 25px; } } /* ------------------------------------------------------------ *\ Section Branch \* ------------------------------------------------------------ */ .section-branch h4 { font-size: 22px; } .section-branch .section-head { background: #80b927; color: #ffffff; } .section-branch .section-head [class^="ico-"] { top: -50px; } .section-branch .section-head-inner { padding-left: 180px; padding-right: 180px; } .section-branch .section-body-inner { padding-top: 0px; margin: 0 -10px; } .section-branch .section-body-inner:after { } .section-branch .section-content, .section-branch .section-inner { float: left; width: 50%; padding: 0 10px; } .section-branch .section-content h4 { margin-bottom: 18px; line-height: 1.2; letter-spacing: 0.1em; } .section-branch .section-content p { margin-bottom: 13px; font-size: 12px; line-height: 1.1; } .section-branch .section-inner { padding-top: 24px; } .section-branch .section-inner-head { padding-right: 10px; margin-bottom: 36px; text-align: center; } .section-branch .section-inner-content { padding: 19px 16px 31px; background: #80b927; color: #ffffff; } .section-branch .section-inner-content h4 { margin-bottom: 36px; } .section-branch .section-inner-content p { font-family: 'Armata', sans-serif; font-size: 15px; line-height: 1.2; font-weight: normal; letter-spacing: 0.1em; } .section-branch .section-inner-content a[href^="mailto"] { font-style: italic; letter-spacing: 0; text-decoration: underline; } .section-branch .section-inner-content a[href^="mailto"]:hover { text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-branch { margin-bottom: 23px; } .section-branch .section-head-inner { padding-left: 150px; padding-right: 150px; } .section-branch .btn-transparent { font-size: 11px; } .section-branch .section-body { position: relative; padding-top: 91px; } .section-branch .logo-uruguay { position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-branch .section-content, .section-branch .section-inner { float: none; width: auto; } .section-branch .section-content { padding: 0 67px; } .section-branch .section-content h4 { margin-bottom: 24px; line-height: 1.25; letter-spacing: 0.12em; } .section-branch .section-content p { font-size: 15px; line-height: 1.25; } .section-branch .section-inner { padding: 12px 0 0; } .section-branch .section-inner-head { margin-bottom: 0; } .section-branch .section-inner-content { max-width: 608px; padding: 31px 26px 26px; margin: 0 auto; } .section-branch .section-inner-content h4 { margin-bottom: 28px; } .section-branch .section-inner-content p { margin-bottom: 10px; font-size: 17px; letter-spacing: 0.1em; } .section-branch .section-inner-content p:nth-child(3) { line-height: 2.3; } .section-branch .slider-primary { position: relative; left: 50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw; } } /* Mobile */ @media (max-width: 767px) { .section-branch h4 { font-size: 30px; } .section-branch .section-head-inner { padding: 22px 0 26px; } .section-branch .section-head-inner h5 { line-height: 1.45; } .section-branch .section-head-actions { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section-branch .section-head-actions { padding-top: 26px; } .section-branch .btn-transparent { padding-top: 15px; padding-bottom: 10px; font-size: 24px; letter-spacing: 0.025em; } .section-branch .logo-uruguay { top: 11px; } .section-branch .section-body { padding-top: 85px; } .section-branch .section-body-inner { padding: 0; margin: 0; } .section-branch .section-content { padding: 0; } .section-branch .section-content h4 { margin-bottom: 12px; font-size: 30px; letter-spacing: 0.1em; } .section-branch .section-content p { margin-bottom: 30px; font-size: 24px; } .section-branch .section-inner-content { padding: 20px 15px 55px; margin-left: -15px; margin-right: -15px; } .section-branch .section-inner-content h4 { margin-bottom: 35px; letter-spacing: 0; } .section-branch .section-inner-content p { margin-bottom: 19px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 24px; line-height: 1.35; letter-spacing: 0; } .section-branch .section-inner-content p:nth-child(3) { line-height: 2.6; } .section-branch .section-inner-content a[href^="mailto"] { text-decoration: underline; } .section-branch .section-inner-content a[href^="mailto"]:hover { text-decoration: none; } } /* Mobile */ @media (max-width: 374px) { .section-branch .section-inner-content p { font-size: 22px; } } /* ------------------------------------------------------------ *\ Section Affilates \* ------------------------------------------------------------ */ .section-affilates { padding: 43px 0; color: #80b927; } .section-affilates .section-head { margin-bottom: 40px; text-align: center; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-affilates { padding: 25px 0; } .section-affilates .section-head { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-affilates { margin-bottom: 25px; } .section-affilates .section-head { margin-bottom: 39px; } .section-affilates-secondary .section-head { display: none; } } /* ------------------------------------------------------------ *\ Section News \* ------------------------------------------------------------ */ .section-news .section-body { overflow: hidden; } .section-news .section-body-inner:after { } .section-news .section-bar-secondary { padding: 2px 10px 3px; background: #80b927; color: #ffffff; } .section-news .section-bar-secondary h6 { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; } .section-news .section-aside { float: left; width: 174px; margin-right: 20px; } .section-news .section-content { float: left; width: 565px; margin-right: 20px; } .section-news .section-inner { overflow: hidden; } .section-news .section-inner .section-bar-secondary { background: #1b1464; } /* Section News Secondary */ .section-news-secondary .section-content { float: none; overflow: hidden; width: auto; margin: 0; } /* Small Desktop */ @media (max-width: 1169px) { .section-news .section-content { width: 480px; } .section-news-secondary .section-content { width: auto; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-news .section-head { margin-bottom: 20px; } .section-news .section-aside { width: 167px; } .section-news .section-content { width: 354px; } .section-news .section-bar-secondary { padding: 5px 0 7px 7px; margin-bottom: 15px; } .section-news .section-bar-secondary h6 { font-size: 15px; } .section-news-secondary .section-content { width: auto; } } /* Mobile */ @media (max-width: 767px) { .section-news .section-head { margin-bottom: 17px; } .section-news .section-body-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-news .section-aside, .section-news .section-content, .section-news .section-inner { float: none; width: 100%; } .section-news .section-content { overflow: visible; margin-right: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .section-news .section-inner { margin-top: 43px; overflow: visible; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .section-news .section-aside { margin-top: 40px; margin-right: 0; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .section-news .section-bar-secondary { padding: 25px 33px 22px; margin: 0 -15px 12px; } .section-news .section-bar-secondary h6 { font-size: 30px; letter-spacing:0.1em; } .section-news .section-inner .section-bar-secondary { padding-top: 45px; padding-bottom: 44px; margin-bottom: 41px; } .section-news .section-inner .section-bar-secondary h6 { letter-spacing: 0.05em; } .section-news .section-inner-actions, .section-news .section-content-actions { text-align: center; } .section-news-secondary .section-head-inner { padding: 18px 0 12px; } .section-news-secondary .section-head-inner h5 { line-height: 1.2; } } /* ------------------------------------------------------------ *\ Section Newsletter \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .section-newsletter .section-head { margin-bottom: 10px; } .section-newsletter .section-head-inner { padding: 30px 0 33px; } } /* ------------------------------------------------------------ *\ Section Videos \* ------------------------------------------------------------ */ .section-videos .section-inner { padding: 20px 0 8px; background: #000000; } .section-videos .section-inner-iframe { position: relative; max-width: 772px; padding-top: 35%; margin: 0 auto; } .section-videos .section-inner-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-videos .section-bar-secondary { padding: 10px 0; margin-bottom: 12px; } .section-videos .section-bar-secondary .section-bar-actions { float: left; width: 195px; } .section-videos .section-bar-secondary .section-bar-content { float: right; width: calc(100% - 195px); padding-top: 2px; } .section-videos .section-bar-secondary .section-bar-content span { font-size: 16px; } .section-videos .section-body-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 625px; } .section-videos .section-content { width: calc(100% - 175px); padding-right: 20px; } .section-videos .section-aside { width: 175px; margin-bottom: 17px; background: #e6e6e6; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-videos .section-inner-iframe { padding-top: 51.8%; } .section-videos .section-bar-secondary { padding: 21px 0 0; margin-bottom: 13px; } .section-videos .section-bar-secondary .section-bar-content { width: calc(100% - 187px); } .section-videos .section-bar-secondary .section-bar-content span { font-size: 15px; } .section-videos .section-bar-secondary .section-bar-actions { width: 187px; } .section-videos .section-content { width: calc(100% - 168px); } .section-videos .section-aside { width: 168px; padding-bottom: 52px; } .section-videos .section-body-inner { -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } } /* Mobile */ @media (max-width: 767px) { .section-videos, .section-videos .section-head { margin-bottom: 0; } .section-videos .section-inner { padding: 0; } .section-videos .section-inner .shell { padding: 0; } .section-videos .section-inner-iframe { padding-top: 53.8%; } .section-videos .section-bar-secondary { padding: 2px 0 0; margin-bottom: 31px; } .section-videos .section-bar-secondary .section-bar-content { float: none; width: auto; margin-bottom: 15px; } .section-videos .section-bar-secondary .section-bar-content span { font-size: 24px; } .section-videos .section-bar-secondary .section-bar-actions { float: none; width: auto; text-align: center; } .section-videos .section-body-inner { display: block; } .section-videos .section-content { width: auto; padding-right: 0; } .section-videos .section-aside { width: auto; padding-bottom: 0; margin: 0 -15px; } } /* ------------------------------------------------------------ *\ Section Group \* ------------------------------------------------------------ */ .section-group { margin-bottom: 0; } .section-group .section-inner-iframe { position: relative; padding-top: 53.3%; margin: 0 auto; } .section-group .section-inner-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Mobile */ @media (max-width: 767px) { .section-group .section-head { margin-bottom: 0; } .section-group .section-head-inner { padding: 24px 0 22px; } .section-group .section-head-inner h5 { line-height: 1.5; } .section-group .section-inner .shell { padding: 0; } } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary { font-family: 'Armata', sans-serif; text-align: center; } .section-secondary p { font-size: 13px; line-height: 1.25; font-weight: normal; } .section-secondary .section-content { position: relative; z-index: 2; } .section-secondary .section-title { margin-bottom: 25px; color: #737373; letter-spacing: 0.025em; } .section-secondary .section-image img { width: 100%; } .section-secondary .list-jobs p { font-size: 12px; } .section-secondary-green .section-content { position: relative; z-index: 2; background: rgba(128, 185, 39, .9); color: #ffffff; } .section-secondary-green .section-title { color: inherit; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-secondary p { font-size: 15px; } .section-secondary .section-title { font-size: 20px; } .section-secondary .list-jobs p { font-size: 15px; line-height: 1.2; } } /* Mobile */ @media (max-width: 767px) { .section-secondary .list-jobs p, .section-secondary p { font-size: 15px; } .section-secondary .section-title { font-size: 25px; } .section-secondary .list-jobs p { line-height: 1.25; } } /* ------------------------------------------------------------ *\ Section History \* ------------------------------------------------------------ */ .section-history { margin: -33px 0 0; } .section-history .section-body { padding: 70px 0 45px; background: #f2f2f2 url(../../images/default/section-history-bg.jpg) no-repeat right bottom; } .section-history .section-content p { text-align: left; } .section-history .section-inner { position: relative; z-index: 3; margin: -31px 0 -30px; } .section-history .history-body p { font-weight: 600; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-history .section-body { padding: 80px 0 45px; } .section-history .section-title { margin-bottom: 32px; } .section-history .section-inner { margin: -20px 0 -25px; } .section-history .history-body p { line-height: 1.1; } } /* Mobile */ @media (max-width: 767px) { .section-history { padding-bottom: 16px; margin: 0; } .section-history .section-body { padding: 21px 0; background-image: none; } .section-history .section-title { margin-bottom: 13px; } .section-history .section-inner { margin: 0; } .section-history .history-body p { font-size: 22px; line-height: 1.2; } } /* ------------------------------------------------------------ *\ Section Values \* ------------------------------------------------------------ */ .section-values .section-content { padding: 70px 0 39px; } .section-values .section-title { margin-bottom: 39px; } .section-values .section-image { margin-top: -46px; } .section-values .section-image img { display: block; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-values .section-title { margin-bottom: 50px; } .section-values .section-content { padding-bottom: 45px; } .section-values .section-image { min-height: 282px; margin-top: -37px; } .section-values .section-image img { display: none; } } /* Mobile */ @media (max-width: 767px) { .section-values .section-content { padding: 39px 0 74px; } .section-values .section-title { margin-bottom: 44px; } .section-values .section-image { margin-top: -25px; } } /* ------------------------------------------------------------ *\ Section Strategy \* ------------------------------------------------------------ */ .section-strategy { padding: 42px 0 26px; background: #f2f2f2; } .section-strategy .section-entry { margin: 0 -5px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .section-strategy .section-entry p { padding: 0 5px; text-align: left; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .section-strategy .section-title { margin-bottom: 36px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-strategy { padding: 32px 0 47px; } .section-strategy .section-title { margin-bottom: 32px; } .section-strategy .section-entry p { line-height: 1.3; } } /* Mobile */ @media (max-width: 767px) { .section-strategy { padding: 25px 0 50px; } .section-strategy .section-entry { margin: 0; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .section-strategy .section-entry p { padding: 0; line-height: 1.25; } } /* ------------------------------------------------------------ *\ Section Jobs \* ------------------------------------------------------------ */ .section-jobs { padding: 42px 0 0; } .section-jobs .section-title { margin-bottom: 36px; } .section-jobs .section-content { padding-bottom: 44px; background: rgba(255, 255, 255, .85); } .section-jobs .section-entry { max-width: 550px; margin: 0 auto 54px; } .section-jobs .section-entry p { font-size: 15px; } .section-jobs .section-image { margin: -26px 0 -123px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-jobs { padding-top: 46px; } .section-jobs .section-title { margin-bottom: 33px; } .section-jobs .section-content { padding-bottom: 49px; } .section-jobs .section-entry { margin-bottom: 49px; } .section-jobs .section-image { margin: -29px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-jobs { padding-top: 54px; } .section-jobs .section-title { margin-bottom: 42px; } .section-jobs .section-content { padding-bottom: 42px; } .section-jobs .section-entry { margin-bottom: 63px; } .section-jobs .section-entry p { font-size: 15px; } } /* ------------------------------------------------------------ *\ Section Locations \* ------------------------------------------------------------ */ .section-locations .section-content { padding: 33px 0 41px; } .section-locations .section-title { margin-bottom: 37px; } .section-locations .section-image { position: relative; padding-top: 102px; margin-top: -73px; } .section-locations .section-image img { width: auto; } .section-locations .section-image-actions { position: absolute; top: 102px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-locations .section-content { padding: 27px 0; } .section-locations .section-title { margin-bottom: 32px; } .section-locations .section-image { padding-top: 24px; margin-top: 0; } .section-locations .section-image-actions { top: 23px; } } /* Mobile */ @media (max-width: 767px) { .section-locations .section-content { padding: 34px 0 30px; margin-bottom: 7px; } .section-locations .section-title { margin-bottom: 16px; } .section-locations .section-image { padding-top: 0; } .section-locations .section-image-actions { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } /* ------------------------------------------------------------ *\ Section Contacts \* ------------------------------------------------------------ */ .section-contacts .section-body { padding-top: 9px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-contacts .section-head { margin-bottom: 8px; } .section-contacts .section-head-inner h5 { font-size: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-contacts .section-head-inner { padding: 18px 0; } .section-contacts .section-head-inner h5 { font-size: 30px; } } /* ------------------------------------------------------------ *\ Section Fondation \* ------------------------------------------------------------ */ .section-fondation { margin-bottom: 0; } .section-fondation .section-head-inner { padding: 26px 0 13px; } .section-fondation .section-body { position: relative; z-index: 2; padding: 30px 0 39px; background: rgba(255, 255, 255, .84); } .section-fondation .section-content { font-size: 13px; color: #b47832; font-weight: normal; text-align: center; } .section-fondation .section-content p { margin-bottom: 13px; } .section-fondation .section-content ul { margin-bottom: 15px; list-style: none outside none; } .section-fondation .section-content ul li:before { content: '-'; } .section-fondation .section-content-actions { padding-top: 21px; } .section-fondation .section-image { margin-top: -54px; } .section-fondation .section-image img { width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-fondation .section-head-inner { padding: 18px 0 13px; } .section-fondation .section-body { padding: 27px 0 80px; } .section-fondation .section-content { font-size: 15px; line-height: 1.25; } .section-fondation .section-content p { margin-bottom: 15px; } .section-fondation .section-content-actions { padding-top: 12px; } .section-fondation .btn { min-width: 206px; } .section-fondation .section-image { margin-top: -61px; } } /* Mobile */ @media (max-width: 767px) { .section-fondation .section-head { background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 65%,rgba(249,249,249,1) 100%); margin-bottom: 15px; } .section-fondation .section-body { padding: 0; } .section-fondation .section-content { padding-bottom: 57px; font-size: 18px; text-align: left; } .section-fondation .section-content ul, .section-fondation .section-content p { margin-bottom: 31px; } .section-fondation .section-content ul li:before { padding-right: 8px; } .section-fondation .section-content-actions { text-align: center; } .section-fondation .btn { min-width: 302px; padding-top: 13px; padding-bottom: 13px; } .section-fondation .section-image { margin-top: -37px; } } /* ------------------------------------------------------------ *\ Section Investors \* ------------------------------------------------------------ */ .section-investors { margin-bottom: 0; } .section-investors .section-body { position: relative; z-index: 6; padding: 18px 0; margin-bottom: 16px; text-align: center; } .section-investors .section-body h4 { font-family: 'Oswald', sans-serif; font-size: 23px; color: #818181; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; } .section-investors .section-body h4 span { color: #0f4f98; } .section-investors .section-inner { padding: 64px 0 17px; color: #ffffff; text-align: center; } .section-investors .section-inner h3 { margin-bottom: 12px; font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; } .section-investors .section-inner p { max-width: 560px; margin: 0 auto; font-family: 'Armata', sans-serif; font-size: 15px; line-height: 1.35; font-weight: normal; } .section-investors .section-inner span { display: block; margin-bottom: 20px; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; } .section-investors .section-inner-actions { padding-top: 26px; margin-bottom: 64px; } .section-investors .section-inner .logo-akuo { margin-bottom: 33px; } .section-investors .popup-outer { position: absolute; top: 0; left: 0; width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-investors .section-head-inner { padding: 10px 0 14px; } .section-investors .section-head-inner h5 { font-size: 20px; } .section-investors .section-body { padding: 37px 0 15px; } .section-investors .section-body h4 { font-size: 20px; line-height: 1.4; } .section-investors .section-inner { padding: 30px 0 14px; } .section-investors .section-inner h3 { margin-bottom: 29px; font-size: 20px; } .section-investors .section-inner p { max-width: 600px; line-height: 1.2; } .section-investors .section-inner span { margin-bottom: 9px; font-size: 18px; } .section-investors .section-inner .btn-down { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } .section-investors .section-inner .logo-akuo { margin-bottom: 12px; } .section-investors .section-inner-actions { padding-top: 20px; margin-bottom: 24px; } .section-investors .section-inner-actions .btn { min-width: 228px; padding-top: 7px; padding-bottom: 8px; font-size: 18px; } .section-investors .popup-outer { left: 60px; right: 60px; width: auto; } .section-investors .popup-outer:before { left: -60px; right: -60px; width: auto; } } /* Mobile */ @media (max-width: 767px) { .section-investors .section-head-inner { padding: 24px 0 28px; } .section-investors .section-head-inner h5 { font-size: 30px; } .section-investors .section-body { padding: 53px 0 15px; } .section-investors .section-body h4 { font-size: 30px; line-height: 1.2; } .section-investors .section-inner { padding: 64px 0 15px; } .section-investors .section-inner h3 { margin-bottom: 50px; font-size: 30px; line-height: 1.25; } .section-investors .section-inner p { font-size: 24px; line-height: 1.25; } .section-investors .section-inner .logo-akuo { margin-bottom: 24px; } .section-investors .section-inner-actions { padding-top: 32px; margin-bottom: 32px; } .section-investors .section-inner-actions .btn { display: block; padding: 12px 5px; font-size: 24px; } .section-investors .section-inner span { font-size: 30px; line-height: 1.25; font-weight: 200; letter-spacing: 0.1em; } .section-investors .section-inner .btn-down { display: none; } .section-investors .popup-outer { left: 0px; right: 0px; } } /* ------------------------------------------------------------ *\ Section Place \* ------------------------------------------------------------ */ .section-place { position: relative; padding: 90px 0; border-bottom: 54px solid #0f3279; font-family: 'Trade Gothic LT', sans-serif; color: #ffffff; font-weight: 500; } .section-place .section-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-place .section-body { position: relative; z-index: 2; } .section-place .section-body-inner { overflow: hidden; padding: 0 23px 0 46px; } .section-place .section-inner, .section-place .section-content { float: left; } .section-place .section-content { width: 344px; padding: 0 16px 0 0; } .section-place .section-content > p { margin-bottom: 29px; font-size: 56px; line-height: 1.2; text-transform: uppercase; font-weight: 500; } .section-place .section-content-inner { padding: 4px 12px; margin-bottom: 11px; background: rgba(255, 255, 255, .8); line-height: 1.45; color: #4171b1; } .section-place .section-inner { position: relative; width: 524px; padding: 0 15px 0 22px; margin-top: 15px; } .section-place .section-inner:before, .section-place .section-inner:after { position: absolute; top: 0; height: 261px; border-left: 2px solid #ffffff; content: ''; } .section-place .section-inner:before { left: 0; } .section-place .section-inner:after { right: 0; } .section-place .section-inner-aside { float: left; width: 234px; margin-right: 9px; } .section-place .section-inner-content { overflow: hidden; padding-top: 18px; } .section-place .section-inner-content .chart { margin-bottom: 33px; } .section-place .section-inner-content .list-place-details { padding-left: 10px; } .section-place .section-aside { overflow: hidden; padding-top: 14px; font-size: 38px; text-align: right; } .section-place .section-aside span { display: block; padding-right: 10px; margin-bottom: 104px; } .section-place .section-aside p { padding-right: 5px; margin-bottom: 10px; } .section-place .section-aside p strong { padding-left: 17px; } /* Small Desktop */ @media (max-width: 1169px) { .section-place .section-body-inner { padding: 0; } .section-place .section-content { width: 310px; } .section-place .section-inner { width: 510px; padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-place { padding: 60px 0; border-bottom-width: 34px; } .section-place .section-content { width: 35%; padding-right: 10px; } .section-place .section-inner { width: 65%; } .section-place .section-inner-aside { width: 219px; } .section-place .section-aside { clear: both; text-align: center; } .section-place .section-aside span { padding-right: 0; margin-bottom: 10px; } .section-place .section-content > p { margin-bottom: 7px; font-size: 48px; } } /* Mobile */ @media (max-width: 767px) { .section-place { padding: 107px 0 70px; border-bottom-width: 45px; } .section-place .section-content { float: none; width: auto; padding: 0 9px 0 16px; } .section-place .section-content > p { margin-bottom: 38px; font-size: 44px; } .section-place .section-inner, .section-place .section-aside { display: none; } .section-place .section-content-inner { padding: 9px 10px 11px 10px; margin-bottom: 4px; font-size: 16px; line-height: 1.1; } } /* ------------------------------------------------------------ *\ Section Tertiary \* ------------------------------------------------------------ */ .section-tertiary { padding: 62px 0 53px; text-align: center; } .section-tertiary .section-content p { font-size: 15px; line-height: 1.35; font-weight: 300; } .section-tertiary .section-title { margin-bottom: 31px; font-family: 'Oswald', sans-serif; color: #006bb6; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; } .section-tertiary h3.section-title { font-size: 25px; } .section-tertiary h4.section-title { font-size: 20px; } .section-tertiary h5 { position: relative; padding-top: 2px; padding-bottom: 20px; margin-bottom: 0; font-size: 17px; text-transform: uppercase; letter-spacing: 0.1em; } .section-tertiary h5:after { position: absolute; bottom: 8px; left: 50%; width: 6px; border-bottom: 2px solid #134b90; margin-left: -3px; content: ''; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tertiary { padding: 28px 0 26px; } .section-tertiary h5 { padding-top: 0; padding-bottom: 17px; font-size: 15px; line-height: 1.1; } .section-tertiary h5:after { bottom: 5px; } .section-tertiary .section-content p { line-height: 1.25; } .section-tertiary .section-title { margin-bottom: 18px; } .section-tertiary h3.section-title { font-size: 20px; } .section-tertiary h4.section-title { font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-tertiary { padding: 51px 0 27px; } .section-tertiary .section-title { margin-bottom: 41px; } .section-tertiary h3.section-title { font-size: 30px; line-height: 1.25; } .section-tertiary h4.section-title { font-size: 27px; } .section-tertiary h5, .section-tertiary .section-content p { font-size: 24px; line-height: 1.25; } .section-tertiary h5 { padding-bottom: 22px; margin-bottom: 8px; } } /* ------------------------------------------------------------ *\ Section Qualify \* ------------------------------------------------------------ */ .section-qualify .section-content p { font-family: 'Armata', sans-serif; font-weight: normal; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-qualify .section-content { padding: 0 40px; } } /* Mobile */ @media (max-width: 767px) { .section-qualify .section-content { padding: 0; } } /* ------------------------------------------------------------ *\ Section Operations \* ------------------------------------------------------------ */ .section-operations { padding: 50px 0 44px; background: #e6e6e6; color: #134b90; } .section-operations .section-content { padding: 0 50px; } .section-operations .section-content p { margin-bottom: 37px; } .section-operations .section-content p:last-child { margin-bottom: 0; } .section-operations-secondary { padding: 45px 0; background: #f6f6f6; } .section-operations-secondary .section-title { margin-bottom: 39px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-operations .section-content p { margin-bottom: 35px; } } /* Mobile */ @media (max-width: 767px) { .section-operations { padding: 33px 0 45px; } .section-operations .section-title { margin-bottom: 39px; } .section-operations .section-content { padding: 0; } .section-operations .section-content p { margin-bottom: 62px; } .section-operations-secondary { padding: 53px 0 45px; } .section-operations-secondary .section-title { margin-bottom: 48px; } } /* ------------------------------------------------------------ *\ Section Management \* ------------------------------------------------------------ */ .section-management { margin-bottom: 0; } .section-management .section-head-inner h5 { font-size: 18px; } .section-management .section-body { padding: 19px 0 20px; background: #f2f2f2; } .section-management .section-body h6 { margin-bottom: 35px; color: #737373; text-align: center; letter-spacing: 0.025em; } .section-management .section-body p { font-family: 'Armata', sans-serif; font-size: 13px; font-weight: normal; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-management .section-body { padding: 24px 0 32px; background: none; } .section-management .section-body h6 { margin-bottom: 26px; font-size: 20px; } .section-management .section-body p { font-size: 15px; line-height: 1.15; } } /* Mobile */ @media (max-width: 767px) { .section-management .section-head { margin-bottom: 12px; } .section-management .section-head-inner { padding: 16px 0 5px; } .section-management .section-head-inner h5 { font-size: 25px; } .section-management .section-body { padding: 0 0 48px; } .section-management .section-body h6 { margin-bottom: 15px; font-size: 25px; } .section-management .section-body p { font-size: 15px; line-height: 1.25; } } /* ------------------------------------------------------------ *\ Section Team \* ------------------------------------------------------------ */ .section-team { padding-bottom: 30px; } .section-team .section-head { padding: 28px 0 80px; background: #80b927; color: #ffffff; text-align: center; } .section-team .section-head h6 { letter-spacing: 0.025em; } .section-team .section-body { margin-top: -53px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-team .section-head { padding: 24px 0 76px; } .section-team .section-head h6 { font-size: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-team .section-head { padding: 40px 0 48px; margin-bottom: 19px; } .section-team .section-head h6 { font-size: 25px; } .section-team .section-body { margin-top: 0; } } /* ------------------------------------------------------------ *\ Slider Primary \* ------------------------------------------------------------ */ .slider-primary { position: relative; } .slider-primary .slides { list-style: none outside none; } .slider-primary .owl-item { -webkit-backface-visibility: visible; } .slider-primary .owl-nav { display: none; } .slider-primary .owl-dots { position: absolute; bottom: 13px; left: 0; width: 100%; font-size: 0; text-align: center; } .slider-primary .owl-dot { display: inline-block; margin: 0 5px; vertical-align: top; } .slider-primary .owl-dot span { display: block; width: 12px; height: 12px; border-radius: 50%; background: #a0a6b4; transition: background .25s; } .slider-primary .owl-dot.active span, .slider-primary .owl-dot:hover span { background: #ffffff; } .slider-primary .slide-image { padding-top: 75.8%;} .slider-primary .slide-image img { display: none; } /* Mobile */ @media (max-width: 767px) { .slider-primary .owl-dots { bottom: 19px; } .slider-primary .owl-dot { margin: 0 15px; } .slider-primary .owl-dot span { width: 18px; height: 18px; } } /* ------------------------------------------------------------ *\ Slider Branch \* ------------------------------------------------------------ */ .slider-branch { margin-bottom: 20px; } .slider-branch .slide-image { padding-top: 0; } .slider-branch .slide-image img { display: block; } .slider-branch .owl-dots { bottom: 40px; } .slider-branch .owl-dot { margin: 0 7px; } .slider-branch .owl-dot span { width: 13px; height: 13px; background: #eff6fe; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-branch .slide-image { min-height: 465px; } .slider-branch .slide-image img { display: none; } } /* Mobile */ @media (max-width: 767px) { .slider-branch { margin-bottom: 0; } .slider-branch .slide-image { min-height: 228px; } } /* ------------------------------------------------------------ *\ Slider Features \* ------------------------------------------------------------ */ .slider-features { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; padding: 0px 0 15px; background: #ffffff; } .slider-features:before, .slider-features:after { position: absolute; top: 0; width: 5000px; height: 50000px; background: #ffffff; opacity: .8; content: ''; } .slider-features:before { left: 50%; } .slider-features:after { right: 50%; } .slider-features .slider-actions { position: absolute; top: 18px; right: 12px; } .slider-features .owl-nav { display: block; } .slider-features .owl-prev, .slider-features .owl-next { position: absolute; top: 50%; width: 27px; height: 50px; margin-top: -23px; background: url(../../images/default/slider-prev.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; transition: opacity .25s; } .slider-features .owl-prev:hover, .slider-features .owl-next:hover { opacity: .8; } .slider-features .owl-prev { left: -130px; } .slider-features .owl-next { right: -130px; background-image: url(../../images/default/slider-next.png); } .slider-features .owl-dots { bottom: 40px; } .slider-features .owl-dot span { width: 14px; height: 14px; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-features .slider-clip { max-width: 612px; margin: 0 auto; } .slider-features .slider-actions { top: 10px; right: 10px; } .slider-features .owl-prev, .slider-features .owl-next { width: 20px; height: 36px; margin-top: -18px; } .slider-features .owl-prev { left: -57px; } .slider-features .owl-next { right: -57px; } .slider-features .owl-dots { bottom: 16px; } } /* Mobile */ @media (max-width: 767px) { .slider-features { left: -15px; right: -15px; width: auto; padding-bottom: 72px; } .slider-features .shell { padding: 0; } .slider-features .slider-actions { z-index: 2; } .slider-features .owl-dots { left: 0; right: 0; bottom: -51px; width: auto; padding: 0 50px; } .slider-features .owl-dot { margin-bottom: 5px; } .slider-features .owl-dot span { width: 18px; height: 18px; background: #b9b9b9; } .slider-features .owl-dot.active span { background: #737373; } .slider-features .owl-prev { left: 17px; } .slider-features .owl-next { right: 17px; } .slider-features .owl-prev, .slider-features .owl-next { top: auto; z-index: 3; bottom: -55px; } } /* Mobile */ @media (max-width: 374px) { .slider-features .owl-dot { margin-left: 5px; margin-right: 5px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none outside none; } .socials li { display: inline-block; vertical-align: top; } .socials li ~ li { margin-left: 18px; } .socials a { display: block; transition: opacity .25s; } .socials a:hover { opacity: .8; } /* Tablet Portrait */ @media (max-width: 1023px) { .socials li ~ li { margin-left: 33px; } } /* Mobile */ @media (max-width: 767px) { .socials { text-align: center; } .socials ul { margin-bottom: 0; } .socials li { display: block; } .socials li ~ li { margin-left: 0; margin-top: 34px; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table {} /* ------------------------------------------------------------ *\ Values \* ------------------------------------------------------------ */ .values { margin: 0 -18px; font-size: 0; list-style: none outside none; } .value { display: inline-block; width: 33.33%; padding: 0 18px; vertical-align: top; } .value-content { padding: 0 23px; } .value-content h6 { margin-bottom: 15px; font-size: 13px; } /* Tablet Portrait */ @media (max-width: 1023px) { .values { margin: 0 -20px; } .value { width: 50%; padding: 0 10px; } .value-content h6 { margin-bottom: 20px; font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { .values { margin: 0; } .value { display: block; width: auto; padding: 0; margin-bottom: 59px; } .value:last-child { margin-bottom: 0; } .value-content { padding: 0; } .value-content h6 { margin-bottom: 30px; font-size: 18px; } } /* ------------------------------------------------------------ *\ Video Items \* ------------------------------------------------------------ */ .video-items { margin: 0 -10px -51px; font-size: 0; list-style: none outside none; } .video-items:last-child { margin-bottom: -51px; } .video-item { display: inline-block; width: 20%; padding: 0 10px; margin-bottom: 51px; font-size: 13px; vertical-align: top; } .video-item a:hover { text-decoration: none; } .video-item a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .video-content span { font-family: 'Armata', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; } .video-image { overflow: hidden; } .video-image img { width: 100%; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; } /* Small Desktop */ @media (max-width: 1169px) { .video-item { width: 33.33%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .video-content span { font-size: 12px; } } /* Mobile */ @media (max-width: 767px) { .video-items { padding-bottom: 5px; margin-bottom: 0; } .video-items:last-child { margin-bottom: 0; } .video-item { display: block; width: 100%; margin-bottom: 10px; } .video-content { padding-top: 12px; } .video-content span { font-size: 24px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget { margin-bottom: 20px; } .widget-primary-horizontal .widget-image { padding-top: 35.2%; } .widget-primary-vertical .widget-image { padding-top: 160%; } /* Small Desktop */ @media (max-width: 1169px) { .widget-primary-horizontal .widget-image { padding-top: 40.5%; } .widget-primary-vertical .widget-image { padding-top: 186%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-primary-horizontal .widget-image { padding-top: 34.5%; } .widget-primary-vertical .widget-image { padding-top: 161%; } .widget-primary h4 { font-size: 22px; } } /* Mobile */ @media (max-width: 767px) { .widget-primary-vertical .widget-image { padding-top: 74%; } } /* ------------------------------------------------------------ *\ Widget Primary \* ------------------------------------------------------------ */ .widget-primary { position: relative; overflow: hidden; color: #ffffff; } .widget-primary .widget-content { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-primary [class^="ico"] { margin-bottom: 8px; } .widget-primary a { position: relative; overflow: hidden; display: block; } .widget-primary a:hover .widget-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .widget-primary a:hover .widget-image:after { opacity: .75; } .widget-primary .widget-image { transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; } .widget-primary .widget-image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #7d7d98; opacity: 0; content: ''; transition: opacity .25s; } /* ------------------------------------------------------------ *\ Widget Secondary \* ------------------------------------------------------------ */ .widget-secondary .widget-body { position: relative; padding-top: 74%; background: #007daa; color: #ffffff; text-align: center; transition: background .25s; } .widget-secondary .widget-content { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-secondary .widget-content p { margin-bottom: 0; font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; } .widget-secondary .widget-content strong { display: block; margin: 0 0px; font-family: 'Oswald', sans-serif; font-size: 50px; font-weight: 400; letter-spacing: -0.01em; } .widget-secondary .widget-content strong small { display: inline-block; font-size: 25px; font-weight: 600; } .widget-secondary .widget-icon { position: relative; display: inline-block; margin-bottom: 10px; } .widget-secondary .widget-icon [class^="ico-"] { transition: opacity .25s; } .widget-secondary .widget-icon [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .widget-secondary a:hover .widget-body { background: #ffffff; color: #007daa; } .widget-secondary a:hover .widget-icon [class^="ico-"]:first-child { opacity: 0; } .widget-secondary a:hover .widget-icon [class^="ico-"]:nth-child(2) { opacity: 1; } /* Small Desktop */ @media (max-width: 1169px) { .widget-secondary .widget-body { padding-top: 86%; } .widget-secondary .widget-content strong { font-size: 38px; } .widget-secondary .widget-content strong small { font-size: 22px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-secondary .widget-body { padding-top: 73%; } .widget-secondary .widget-content strong { font-size: 52px; } .widget-secondary .widget-content p { font-size: 12px; } .widget-secondary h4 { font-size: 22px; } } /* Mobile */ @media (max-width: 767px) { .widget-secondary .widget-content p { font-size: 15px; } .widget-secondary .widget-content strong { font-size: 42px; } .widget-secondary .widget-content strong small { font-size: 23px; } } /* Mobile */ @media (max-width: 374px) { .widget-secondary .widget-content p { font-size: 14px; } .widget-secondary .widget-content strong { font-size: 44px; } .widget-secondary .widget-content strong small { font-size: 20px; } } /* ------------------------------------------------------------ *\ Widget White \* ------------------------------------------------------------ */ .widget-white .widget-body { background: #ffffff; color: #80b927; } .widget-white .widget-content { padding: 0 10px 0 20px; text-align: left; } /* ------------------------------------------------------------ *\ Widget Green \* ------------------------------------------------------------ */ .widget-green .widget-body { background: #80b927; color: #ffffff; } .widget-green .widget-content { padding: 0 10px 0 20px; text-align: left; } /* ------------------------------------------------------------ *\ Widget Darkgreen \* ------------------------------------------------------------ */ .widget-darkgreen .widget-body { background: #40a83d; color: #ffffff; } /* ------------------------------------------------------------ *\ Widget Violet \* ------------------------------------------------------------ */ .widget-violet .widget-body { background: #7d7d98; color: #ffffff; } /* ------------------------------------------------------------ *\ Widget Grey \* ------------------------------------------------------------ */ .widget-grey .widget-body { background: #afafaf; color: #ffffff; } /* ------------------------------------------------------------ *\ Widget Orange \* ------------------------------------------------------------ */ .widget-orange .widget-body { background: #ffaf00; color: #ffffff; } /* ------------------------------------------------------------ *\ Widget Air \* ------------------------------------------------------------ */ .widget-air .widget-image:after { background: #7d7d98; } /* ------------------------------------------------------------ *\ Widget Biomass \* ------------------------------------------------------------ */ .widget-biomass .widget-image:after { background: #80b927; } /* ------------------------------------------------------------ *\ Widget Solar \* ------------------------------------------------------------ */ .widget-solar .widget-image:after { background: #ffaf00; } /* ------------------------------------------------------------ *\ Widget Solar Details \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .widget-solar-details { margin-left: -15px; margin-right: -15px; } } /* ------------------------------------------------------------ *\ Widget Invest \* ------------------------------------------------------------ */ .widget-invest .widget-content { padding-bottom: 8px; padding-left: 30px; } .widget-invest .widget-content strong small { padding-left: 9px; } /* Small Desktop */ @media (max-width: 1169px) { .widget-invest .widget-content { padding-left: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-invest .widget-content { padding-left: 30px; } .widget-invest .widget-content strong small { padding-left: 0; } } /* Mobile */ @media (max-width: 767px) { .widget-invest .widget-content { padding-left: 15px; } .widget-invest .widget-content strong small { padding-left: 10px; } } /* ------------------------------------------------------------ *\ Widget Video \* ------------------------------------------------------------ */ .widget-video { position: relative; } .widget-video a { position: relative; overflow: hidden; display: block; } .widget-video a:hover .widget-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .widget-video .widget-image { transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; } .widget-video .widget-content { position: absolute; top: 50%; left: 50%; -webkit-backface-visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-video-primary .widget-image { padding-top: 75.8%; } /* Small Desktop */ @media (max-width: 1169px) { .widget-video-primary .widget-image { padding-top: 69%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-video-primary .widget-image { padding-top: 75%; } } /* Mobile */ @media (max-width: 767px) { .widget-video { margin-left: -15px; margin-right: -15px; } .widget-video .widget-image img { width: 100%; } .widget-video-primary .widget-image { padding-top: 73%; } .widget-video-secondary { margin-bottom: 8px; } } /* ------------------------------------------------------------ *\ Widget Storage \* ------------------------------------------------------------ */ .widget-storage .widget-image:after { background: #afafaf; } /* ------------------------------------------------------------ *\ Widget Agro \* ------------------------------------------------------------ */ .widget-agro { width: 50%; } .widget-agro .widget-image:after { background: #40a83d; } /* ------------------------------------------------------------ *\ Widget Aqua \* ------------------------------------------------------------ */ .widget-aqua { width: 50%; } .widget-aqua .widget-body { background: #008fc8; } .widget-aqua a:hover .widget-body { color: #009ac8; } /* ------------------------------------------------------------ *\ Widget Construction \* ------------------------------------------------------------ */ .widget-construction:hover .widget-bg { opacity: 1; visibility: visible; } .widget-construction .widget-bg { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; } .widget-construction .widget-content { padding-left: 0; padding-right: 0; } .widget-construction .widget-content strong { line-height: 1; } .widget-construction-primary .widget-content { margin-top: -8px; } .widget-construction-primary .widget-content strong { line-height: 1.1; } .widget-construction-primary .widget-content p { padding-left: 6px; } .widget-construction-secondary .widget-content { padding-left: 24px; } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-construction-secondary .widget-content { padding-left: 18px; padding-top: 11px; } .widget-construction-secondary .widget-content strong { margin-bottom: 0px; line-height: 1; } } /* Mobile */ @media (max-width: 767px) { .widget-construction-secondary .widget-content { padding-top: 4px; } } /* ------------------------------------------------------------ *\ Widget Fondation \* ------------------------------------------------------------ */ .widget-fondation { width: 50%; } .widget-fondation .widget-image:after { background: #f4cb68; } /* ------------------------------------------------------------ *\ Widget Energy \* ------------------------------------------------------------ */ .widget-energy { overflow: hidden; min-height: 280px; max-height: 280px; padding: 3px 12px 5px; color: #80b927; transition: background .25s; } .widget-energy:hover { background: #80b927; color: #ffffff; } .widget-energy .widget-head { margin-bottom: 5px; } .widget-energy .widget-head h4 { font-size: 22px; line-height: 1.15; letter-spacing: 0.02em; transition: color .25s; } .widget-energy .widget-content { margin-right: -10px; } .widget-energy .widget-content p { font-size: 13px; line-height: 1.05; transition: color .25s; } /* Small Desktop */ @media (max-width: 1169px) { .widget-energy { max-height: 338px; } .widget-energy .widget-head { margin-bottom: 5px; } .widget-energy .widget-head h4 { font-size: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-energy { min-height: 0; max-height: none; padding: 0 0 5px; } .widget-energy:hover { background: none; color: #80b927; } .widget-energy .widget-head h4 { margin-bottom: 19px; } .widget-energy .widget-content p { font-size: 16px; line-height: 1.3; } } /* Mobile */ @media (max-width: 767px) { .widget-energy { margin-top: -2px; } .widget-energy .widget-head h4 { margin-bottom: 17px; font-size: 25px; line-height: 1.2; } .widget-energy .widget-content p { font-size: 15px; line-height: 1.5; } .widget-energy .col ~ .col { /*margin-top: 37px;*/ margin-top: 0px; } .widget-energy .widget-content { margin-right: 0px; } } /* ------------------------------------------------------------ *\ Widget Hydro \* ------------------------------------------------------------ */ .widget-hydro { position: relative; overflow: hidden; padding: 160% 10px 0; color: #3fa6f2; text-align: center; transition: background .25s; } .widget-hydro .widget-icon { position: relative; display: inline-block; margin-bottom: 10px; } .widget-hydro .widget-icon [class^="ico-"] { transition: opacity .25s; } .widget-hydro .widget-icon [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .widget-hydro .widget-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 9px 15px; } .widget-hydro .widget-content h4 { margin-bottom: 25px; font-size: 25px; transition: color .25s; } .widget-hydro .widget-content p { font-size: 13px; line-height: 1.15; transition: color .25s; text-align: left; } .widget-hydro:hover { background: #3fa6f2; color: #ffffff; } .widget-hydro:hover .widget-icon [class^="ico-"]:first-child { opacity: 0; } .widget-hydro:hover .widget-icon [class^="ico-"]:nth-child(2) { opacity: 1; } /* Small Desktop */ @media (max-width: 1169px) { .widget-hydro { padding-top: 186%; } .widget-hydro .widget-content { padding-bottom: 10px; } .widget-hydro .widget-content h4 { margin-bottom: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-hydro { padding-top: 161%; } .widget-hydro:hover { background: none; color: #3fa6f2; } .widget-hydro:hover .widget-icon [class^="ico-"]:first-child { opacity: 1; } .widget-hydro:hover .widget-icon [class^="ico-"]:nth-child(2) { opacity: 0; } .widget-hydro .widget-content { padding: 0; } .widget-hydro .widget-content p { font-size: 15px; line-height: 1.1; text-align: left; } } /* Mobile */ @media (max-width: 767px) { .widget-hydro { padding-top: 74%; } .widget-hydro .widget-icon { margin-bottom: 4px; } .widget-hydro .widget-content { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-hydro .widget-content h4 { margin-bottom: 0; font-size: 22px; } .widget-hydro .widget-content p { display: none; } } /* ------------------------------------------------------------ *\ Widget Pay \* ------------------------------------------------------------ */ .widget-pay .widget-content { padding-top: 17px; padding-left: 29px; } .widget-pay .widget-content strong small { position: relative; top: 2px; padding-left: 10px; vertical-align: top; } /* Small Desktop */ @media (max-width: 1169px) { .widget-pay .widget-content { padding-left: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-pay .widget-content { padding-left: 26px; } } /* Mobile */ @media (max-width: 767px) { .widget-pay .widget-content { padding-left: 18px; } } /* Mobile */ @media (max-width: 374px) { .widget-pay .widget-content { padding-top: 10px; padding-left: 10px; } } /* ------------------------------------------------------------ *\ Widget News \* ------------------------------------------------------------ */ .widget-news { min-height: 130px; padding: 26px 20px 10px; border: 1px solid #80ba27; color: #80ba27; transition: background .25s; } .widget-news span { display: block; margin-bottom: 5px; font-size: 13px; font-style: italic; font-weight: 300; text-decoration: underline; transition: color .25s; } .widget-news h5 { font-size: 19px; line-height: 1.45; transition: color .25s; } .widget-news .link, .widget-news p { font-size: 13px; line-height: 1.1; color: #000000; transition: color .25s; } .widget-news p { margin: 10px 0 10px; } .widget-news:hover { background: #80ba27; color: #ffffff; } .widget-news:hover .link, .widget-news:hover p { color: #ffffff; } .widget-news-secondary { min-height: 280px; padding: 25px 30px 10px 20px; } .widget-news-secondary h5 { text-transform: none; } /* Small Desktop */ @media (max-width: 1169px) { .widget-news-primary { padding-top: 11px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-news { padding: 31px 18px 31px; } .widget-news span { margin-bottom: 1px; font-size: 15px; } .widget-news h5 { font-size: 18px; } .widget-news .link, .widget-news p { font-size: 15px; line-height: 0.9; } .widget-news p { margin-bottom: 22px; } .widget-news-primary { overflow: hidden; max-height: 125px; min-height: 125px; padding: 23px 12px 5px; } .widget-news-primary span { margin-bottom: 4px; font-size: 12px; font-style: italic; } } /* Mobile */ @media (max-width: 767px) { .widget-news { padding: 10px 15px 24px 18px; border-width: 2px; } .widget-news span { margin-bottom: 7px; font-size: 25px; } .widget-news h5 { margin-bottom: 10px; font-size: 25px; line-height: 1.5; } .widget-news p { margin-top: 0px; font-size: 18px; line-height: 1.25; } .widget-news p br { display: none; } .widget-news .link { font-size: 24px; } .widget-news-primary { overflow: visible; max-height: none; padding: 15px 14px 0; } .widget-news-primary span { margin-bottom: 0px; font-size: 15px; } .widget-news-primary h5 { font-size: 23px; line-height: 1.2; } } /* ------------------------------------------------------------ *\ Widget About \* ------------------------------------------------------------ */ .widget-about { overflow: hidden; max-height: 274px; } .widget-about .widget-content { position: relative; padding-bottom: 2px; font-size: 13px; line-height: 1.1; } .widget-about .cols { margin: 0 -5px; } .widget-about .col { padding: 0 5px; } .widget-about .widget-body h6 { display: block; margin-bottom: 15px; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: .9; color: inherit; font-weight: 600; } .widget-about .widget-body p { line-height: 1; letter-spacing: -0.02em; } .widget-about-violet .widget-content { color: #7d7d98; } .widget-about-darkgreen .widget-content { color: #40a83d; } /* Small Desktop */ @media (max-width: 1169px) { .widget-about { max-height: 242px; } .widget-about .widget-body h6 { margin-bottom: 3px; } .widget-about .widget-content { margin-right: -5px; font-size: 12px; } .widget-about .widget-content p { line-height: .95; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-about { max-height: none; } .widget-about .widget-content { font-size: 15px; line-height: 1.15; } .widget-about .col { float: none; } .widget-about .col-1of2 { width: auto; } .widget-about .widget-body h6 { margin-bottom: 20px; font-size: 15px; } .widget-about .widget-body h6 br { display: none; } .widget-about .widget-body h6 span { padding-left: 5px; } .widget-about .widget-body h6 span:before { padding-right: 3px; content: '/'; } .widget-about .widget-body p { line-height: 1; letter-spacing: -0.02em; } .widget-about .widget-content { margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .widget-about .widget-content { font-size: 15px; line-height: 1.3; } .widget-about .widget-body h6 { margin-top: -5px; margin-bottom: 30px; font-size: 24px; line-height: 1.3; } .widget-about .widget-body h6 span { display: block; } .widget-about-darkgreen { margin-top: -9px; } } /* ------------------------------------------------------------ *\ Widget Tertiary \* ------------------------------------------------------------ */ .widget-tertiary .widget-body { position: relative; overflow: hidden; padding-top: 160.4%; transition: background .25s; } .widget-tertiary .widget-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-tertiary .widget-content { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 10px 0 30px; font-family: 'Oswald', sans-serif; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-tertiary .widget-content strong { display: block; margin-bottom: 3px; font-size: 50px; font-weight: normal; text-align: left; white-space: nowrap; transition: color .25s; } .widget-tertiary .widget-content strong small { font-size: 25px; } .widget-tertiary .widget-content p { font-weight: 600; text-align: left; text-transform: uppercase; transition: color .25s; } .widget-tertiary .widget-icon { position: relative; display: inline-block; margin-bottom: 0px; } .widget-tertiary .widget-icon [class^="ico-"] { transition: opacity .25s; } .widget-tertiary .widget-icon [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .widget-tertiary-large .widget-body { padding-top: 75.8%; } .widget-tertiary.widget-violet a:hover .widget-body { background: #ffffff; color: #7d7d98; } .widget-tertiary.widget-grey a:hover .widget-body { background: #ffffff; color: #afafaf; } .widget-tertiary.widget-orange a:hover .widget-body { background: #ffffff; color: #ffaf00; } .widget-tertiary > a:hover .widget-icon [class^="ico-"]:first-child { opacity: 0; } .widget-tertiary > a:hover .widget-icon [class^="ico-"]:nth-child(2) { opacity: 1; } .widget-tertiary.widget-violet a:hover .widget-actions .btn-plus:before, .widget-tertiary.widget-violet a:hover .widget-actions .btn-plus:after { background: #7d7d98; } .widget-tertiary.widget-darkgreen a:hover .widget-body { background: #ffffff; color: #40a83d; } .widget-tertiary.widget-darkgreen a:hover .widget-actions .btn-plus:before, .widget-tertiary.widget-darkgreen a:hover .widget-actions .btn-plus:after { background: #40a83d; } .widget-tertiary .widget-actions { position: absolute; bottom: 8px; right: 9px; } /* Small Desktop */ @media (max-width: 1169px) { .widget-tertiary .widget-content { padding-left: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-tertiary .widget-content { padding-left: 30px; } } /* Mobile */ @media (max-width: 767px) { .widget-tertiary .widget-content { padding-left: 10px; } .widget-tertiary .widget-content-inner { display: inline-block; } .widget-tertiary .widget-content strong { font-size: 75px; font-weight: normal; } .widget-tertiary .widget-content strong small { font-size: 33px; } .widget-tertiary .widget-content p { font-size: 21px; } .widget-tertiary .widget-actions { bottom: 19px; right: 21px; } .widget-tertiary-large { margin-left: -15px; margin-right: -15px; } } /* ------------------------------------------------------------ *\ Widget Energy Project \* ------------------------------------------------------------ */ .widget-energy-project .widget-content { margin-top: -15px; } /* ------------------------------------------------------------ *\ Widget Energy Chart \* ------------------------------------------------------------ */ .widget-energy-chart .widget-content { padding: 0 10px; margin-top: 10px; color: #7d7d98; } .widget-energy-chart .widget-content-chart { margin-top: 30px; } /* Small Desktop */ @media (max-width: 1169px) { .widget-energy-chart .widget-content { margin-top: 0; } .widget-energy-chart .widget-content p { margin-bottom: 10px; } .widget-energy-chart .widget-content-chart { margin-top: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-energy-chart .widget-content { margin-top: 8px; } .widget-energy-chart .widget-content-chart { margin-top: 28px; } } /* Mobile */ @media (max-width: 767px) { .widget-energy-chart .widget-body { padding-top: 0; } .widget-energy-chart .widget-content { position: static; top: 0px; padding: 0 19px 13px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .widget-energy-chart .widget-content strong { margin-bottom: 0px; } .widget-energy-chart .widget-content p { font-size: 17px; } .widget-energy-chart .widget-content-chart { margin-top: 65px; } .widget-energy-chart .pie-graph { width: 215px; height: 215px; } .widget-energy-chart .pie-graph .canvas { width: 100%; height: 100%; } } /* ------------------------------------------------------------ *\ Widget Energy Graphic \* ------------------------------------------------------------ */ .widget-energy-graphic { min-height: 280px; padding: 29px 25px 10px; background: #f0f0f0; } .widget-energy-graphic .widget-head { margin-bottom: 47px; } .widget-energy-graphic .widget-head p { font-family: 'Oswald', sans-serif; color: #7d7d98; text-transform: uppercase; } .widget-energy-graphic .widget-body { text-align: center; } /* Small Desktop */ @media (max-width: 1169px) { .widget-energy-graphic { min-height: 242px; } .widget-energy-graphic .widget-head { margin-bottom: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-energy-graphic { min-height: 268px; padding: 24px 10px; } .widget-energy-graphic .widget-head { margin-bottom: 45px; } .widget-energy-graphic .widget-head p { font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { .widget-energy-graphic { min-height: 0; padding: 15px 8px 17px; } .widget-energy-graphic .widget-head { margin-bottom: 30px; } .widget-energy-graphic .widget-head p { padding-right: 0px; font-size: 24px; line-height: 1.2; letter-spacing: 0.01em; } } /* ------------------------------------------------------------ *\ Widget Energy Map \* ------------------------------------------------------------ */ .widget-energy-map .widget-body { padding-top: 0; } .widget-energy-map .widget-bg { position: static; } .widget-energy-map .widget-bg img { width: 100%; } .widget-energy-map .widget-actions { position: absolute; top: 50%; left: 0; bottom: auto; right: auto; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Mobile */ @media (max-width: 767px) { .widget-energy-map { overflow: hidden; } .widget-energy-map .widget-body { margin-top: -37px; margin-bottom: -14px; } .widget-energy-map .widget-actions { margin-top: 8px; } } /* ------------------------------------------------------------ *\ Widget Cloud \* ------------------------------------------------------------ */ .widget-cloud .widget-content { padding-right: 30px; margin-top: -28px; } .widget-cloud .widget-content .widget-icon { margin-bottom: 20px; } /* Small Desktop */ @media (max-width: 1169px) { .widget-cloud .widget-content { padding-left: 15px; padding-right: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-cloud .widget-content { padding-left: 25px; padding-right: 0px; } .widget-cloud .widget-icon { margin-right: 24px; } } /* Mobile */ @media (max-width: 767px) { .widget-cloud .widget-content { padding-left: 10px; padding-right: 10px; } .widget-cloud .widget-icon { margin-right: 0; } .widget-cloud .widget-content-inner { display: inline-block; } } /* ------------------------------------------------------------ *\ Widget House \* ------------------------------------------------------------ */ .widget-house .widget-content { padding-right: 20px; margin-top: -11px; } .widget-house .widget-content .widget-icon { margin-bottom: 10px; } /* ------------------------------------------------------------ *\ Widget Agro Voltage \* ------------------------------------------------------------ */ .widget-agro-voltage .widget-content { padding-left: 20px; } /* Mobile */ @media (max-width: 767px) { .widget-agro-voltage .widget-content { padding-left: 10px; } } /* ------------------------------------------------------------ *\ Widget Agro Project \* ------------------------------------------------------------ */ .widget-agro-project .widget-content { padding-left: 40px; padding-right: 33px; margin-top: -1px; } .widget-agro-project .widget-icon { margin-bottom: 10px; } /* Small Desktop */ @media (max-width: 1169px) { .widget-agro-project .widget-content { padding-left: 20px; padding-right: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { } /* ------------------------------------------------------------ *\ Widget Engagement \* ------------------------------------------------------------ */ .widget-engagement .widget-body { min-height: 280px; padding: 34px 0 5px; } .widget-engagement .widget-content { padding: 0 22px; } .widget-engagement .widget-content h6 { margin-bottom: 14px; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: .95; font-weight: 600; letter-spacing: 0.05em; } .widget-engagement .widget-content p { font-size: 13px; line-height: 1.1; } /* Small Desktop */ @media (max-width: 1169px) { .widget-engagement .widget-body { min-height: 243px; padding-top: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-engagement .widget-body { min-height: 268px; padding: 31px 0 0; } .widget-engagement .widget-content h6 { margin-bottom: 11px; } } /* Mobile */ @media (max-width: 767px) { .widget-engagement .widget-body { min-height: 0; padding: 20px 0 22px; } .widget-engagement .widget-content h6 { margin-bottom: 34px; font-size: 25px; } .widget-engagement .widget-content p { font-size: 15px; line-height: 1.3; } } /* ------------------------------------------------------------ *\ Widget Quaternary \* ------------------------------------------------------------ */ .widget-quaternary .widget-body { position: relative; min-height: 130px; background: #80b927; color: #ffffff; transition: background .25s; } .widget-quaternary h4 { margin-bottom: 15px; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; transition: color .25s; } .widget-quaternary p { margin-bottom: 12px; font-size: 12px; font-weight: normal; } .widget-quaternary p a[href^="mailto"] { font-style: italic; } .widget-quaternary .widget-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-quaternary .widget-bg:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #40a83d; opacity: .85; content: ''; transition: background .25s, opacity .25s; } .widget-quaternary .widget-content { position: relative; z-index: 2; padding: 10px 0 0 13px; } .widget-quaternary > a:hover { text-decoration: none; } .widget-quaternary > a:hover .widget-body { background: #ffffff; } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-quaternary h4 { margin-bottom: 0; font-size: 22px; } .widget-quaternary p { margin-bottom: 4px; } .widget-quaternary .widget-body { min-height: 124px; } .widget-quaternary .widget-content { padding: 10px 10px 0 9px; } } /* Mobile */ @media (max-width: 767px) { .widget-quaternary .widget-body { min-height: 0; } .widget-quaternary:not(.widget-contacts) h4 { display: inline-block; width: 50%; vertical-align: middle; } .widget-quaternary h4 { margin-bottom: 5px; font-size: 25px; } .widget-quaternary p { font-size: 15px; letter-spacing: 0.05em; } .widget-quaternary p span { display: block; margin-bottom: 10px; } .widget-quaternary p a[href^="mailto:"] { font-style: italic; letter-spacing: 0; } .widget-quaternary p a[href^="tel:"] { letter-spacing: 0; } .widget-quaternary .widget-content { padding: 28px 5px 15px 20px; } } /* Mobile */ @media (max-width: 374px) { .widget-quaternary p { font-size: 17px; } } /* ------------------------------------------------------------ *\ Widget Contacts \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .widget-contacts .widget-content { padding: 44px 5px 44px 20px; } } /* ------------------------------------------------------------ *\ Widget Press \* ------------------------------------------------------------ */ .widget-press > a:hover .widget-body { color: #40a83d; } .widget-press > a:hover .widget-bg:after { background: #ffffff; opacity: 1; } /* ------------------------------------------------------------ *\ Widget Videos \* ------------------------------------------------------------ */ .widget-videos .widget-body { background: #ff4635; } .widget-videos > a:hover .widget-body { color: #ff4635; } .widget-videos .widget-icon { position: relative; } .widget-videos [class^="ico-"] { transition: opacity .25s; } .widget-videos [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .widget-videos > a:hover [class^="ico-"]:first-child { opacity: 0; } .widget-videos > a:hover [class^="ico-"]:nth-child(2) { opacity: 1; } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-videos .widget-icon { margin-top: 10px; } } /* Mobile */ @media (max-width: 767px) { .widget-videos .widget-icon { position: absolute; top: 50%; right: 42px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } /* ------------------------------------------------------------ *\ Widget Newsletter \* ------------------------------------------------------------ */ .widget-newsletter > a:hover .widget-body { color: #007daa; } .widget-newsletter > a:hover .widget-bg:after { background: #ffffff; opacity: 1; } .widget-newsletter .widget-bg:after { background: #007daa; opacity: .6; } /* ------------------------------------------------------------ *\ Widget Playlist \* ------------------------------------------------------------ */ .widget-playlist { padding: 23px 18px; color: #808080; } .widget-playlist .widget-head { margin-bottom: 31px; } .widget-playlist .widget-head h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.1em; } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-playlist .widget-head h6 { font-size: 15px; } } /* Mobile */ @media (max-width: 767px) { .widget-playlist { padding: 36px 34px 37px; } .widget-playlist .widget-head { margin-bottom: 48px; } .widget-playlist .widget-head h6 { font-size: 24px; } } /* ------------------------------------------------------------ *\ Widget Slider \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .widget-slider { margin-left: -15px; margin-right: -15px; } } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animations { opacity: 0; } .animations.animated { opacity: 1; } /* Tablet Portrait */ @media (max-width: 1200px) { .animations { opacity: 1; } }