/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 05. Js Fixed on scroll ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Footer ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- Tablet Portrait -------------------------- 08. Wrapper ---------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- III. Modules -------------------------------------- 01. Accordion -------------------------------- Modifiers -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Animations ------------------------------- 03. Article ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Article Main ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Article Main Featured -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 06. Article Member --------------------------- Excerpt ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Article Publication ---------------------- Mobile ----------------------------------- 08. Article Featured ------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 09. article-timeline ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 10. Bar -------------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 11. Bar Links -------------------------------- Mobile ----------------------------------- 12. Box -------------------------------------- Small Desktop ---------------------------- 13. Button ----------------------------------- Button Block ----------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 14. Btn Download ----------------------------- 15. Callout ---------------------------------- Mobile ----------------------------------- 16. Category --------------------------------- 17. Chart ------------------------------------ 18. Contacts --------------------------------- Mobile ----------------------------------- 19. Expert ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Feature ---------------------------------- 21. Filter Btns ------------------------------ Mobile ----------------------------------- 22. Form Elements ---------------------------- Checkbox-Reversed ------------------------ Radio ------------------------------------ 23. Radio Blue ------------------------------- 24. Radio toggle ----------------------------- 25. Form ------------------------------------- Mobile ----------------------------------- 26. Form State ------------------------------- Mobile ----------------------------------- 27. Form Filter ------------------------------ Mobile ----------------------------------- 28. Form-Database ---------------------------- 29. Form Category ---------------------------- 30. Form Share ------------------------------- Mobile ----------------------------------- 31. Form Compare ----------------------------- Mobile ----------------------------------- 32. Form Subscribe --------------------------- Mobile ----------------------------------- 33. Form Contact ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 34. Form program search ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 35. form-sign-up ----------------------------- Mobile ----------------------------------- 36. Form Search ------------------------------ Form-search alt -------------------------- Mobile ----------------------------------- 37. form-subscribe-alt ----------------------- Mobile ----------------------------------- 38. Form for search results filter ----------- 39. Grade States ----------------------------- Mobile ----------------------------------- 40. Grade University ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 41. Grid ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 42. Grid Filters ----------------------------- 43. Intro ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 44. Intro Primary ---------------------------- Mobile ----------------------------------- 45. Intro Database --------------------------- Mobile ----------------------------------- 46. Intro Alt -------------------------------- Mobile ----------------------------------- 47. Intro About ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. Intro Publiation ------------------------- Mobile ----------------------------------- 49. Intro Publication Alt -------------------- 50. Intro TPR -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. Legend ----------------------------------- Mobile ----------------------------------- 52. List ------------------------------------- 53. List Publications ------------------------ Mobile ----------------------------------- 54. List Links ------------------------------- 55. List Contacs ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 56. List Funders ----------------------------- 57. List Btns -------------------------------- 58. List States ------------------------------ 59. List Features ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. List-Districts --------------------------- 61. list-school-info ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 62. List Dots -------------------------------- 63. List Docs -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 64. List Options ----------------------------- List options simple ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 65. List-Supporters -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 66. List-definition-positions ---------------- 67. List Steps ------------------------------- 68. list-standards --------------------------- Tablet Portrait -------------------------- 69. Location Features ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 70. Logo ------------------------------------- Mobile ----------------------------------- 71. Map -------------------------------------- Mobile ----------------------------------- 72. Map -------------------------------------- 73. Map Tabs --------------------------------- Coordinates ------------------------------ 74. Map Popup -------------------------------- 75. Member ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 76. Nav -------------------------------------- No touch --------------------------------- Touch ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 77. Nav Utilities ---------------------------- Mobile ----------------------------------- 78. Nav Table -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 79. Paging ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 80. Panel ------------------------------------ Mobile ----------------------------------- 81. Policy ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 82. Program ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 83. Program Orange --------------------------- 84. Results ---------------------------------- Mobile ----------------------------------- 85. Results-Tag ------------------------------ Resulsts tag alt ------------------------- 86. Review ----------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 87. Search ----------------------------------- Mobile ----------------------------------- 88. Search-Filter ---------------------------- 89. Search Popup ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 90. Section ---------------------------------- 91. Section Articles ------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 92. Section Subscribe ------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- 93. Section Subscribe Alt -------------------- Mobile ----------------------------------- 94. Section Publications --------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 95. Section Intro ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 96. Section Districts ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 97. Section Districts Alt -------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 98. Section Chart ---------------------------- Section Chart--primary ------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 99. Section Yearbook ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 100. Section-Location ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 101. Section Goals --------------------------- Mobile ----------------------------------- 102. Section Message ------------------------- Mobile ----------------------------------- 103. Section Grades -------------------------- Mobile ----------------------------------- 104. Section-Map ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 105. Section-Map-Overview -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 106. Section-Map-Featured -------------------- 107. Section Search -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 108. Section-District ------------------------ Mobile ----------------------------------- 109. Section-School-Info --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 110. Section Docs ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 111. section-learn --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 112. section-database ------------------------ Search ----------------------------------- Result ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 113. Section-Table-Sorter -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 114. Section-Collapsed-Information ----------- Tablet Portrait -------------------------- Mobile ----------------------------------- 115. Section Topics -------------------------- 116. Section Compare ------------------------- Tablet Portrait -------------------------- 117. Section Category ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 118. Section Rationale ----------------------- Mobile ----------------------------------- 119. Section-Articles-Related ---------------- Mobile ----------------------------------- 120. Section Articles ------------------------ Mobile ----------------------------------- 121. Section-Supporters ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 122. Section-banner-msg ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 123. Section-Positions ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 124. Section-Approach ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 125. section-content-intro ------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 126. section-article-callout ----------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 127. Section Article Callout Alt ------------- Small Desktop ---------------------------- 128. section-stories ------------------------- 129. section-filters ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 130. Section Listings ------------------------ 131. Section Newsroom Intro ------------------ Mobile ----------------------------------- 132. Section Experts ------------------------- Small Desktop ---------------------------- 133. Section Contacts ------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- 134. Section TPR ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 135. Section Members ------------------------- 136. section-analysts ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 137. Section Funders ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 138. Section Accordion ----------------------- Mobile ----------------------------------- 139. section-standarts ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 140. section-tpr-data ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 141. Section search Program ------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 142. Section Programs ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 143. Section Search Results ------------------ Mobile ----------------------------------- 144. Section Simple -------------------------- 145. Section New Map ------------------------- 146. section-state-filter -------------------- Mobile ----------------------------------- 147. section-location-detail ----------------- Mobile ----------------------------------- 148. Slider ---------------------------------- 149. Slider-Intro-Text ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 150. Slider-Intro-Text-Grey ------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 151. slider-stories -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 152. Socails --------------------------------- Socials Medium --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 153. Subscribe ------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 154. Table ----------------------------------- Mobile ----------------------------------- 155. Table Header ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 156. Table-Sorter ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Alt -------------------------------------- 157. table-accordion ------------------------- Mobile ----------------------------------- 158. Table-Programs -------------------------- Mobile ----------------------------------- 159. table-requirements ---------------------- Mobile ----------------------------------- 160. Tabs ------------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- 161. Tabs Slider ----------------------------- Mobile ----------------------------------- 162. Tabs Category --------------------------- Tab Content ------------------------------ 163. Topic Controls -------------------------- Mobile ----------------------------------- 164. Video ----------------------------------- 165. Widget ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 166. Widget Filters -------------------------- Mobile ----------------------------------- 167. Widget Links ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- IV. Themes --------------------------------------- 01. Datepicker ------------------------------- 02. Ie fix ----------------------------------- EDGE ------------------------------------- IE 11 ------------------------------------ 03. Isotope ---------------------------------- 04. Multiselect ------------------------------ Mobile ----------------------------------- 05. Popup ------------------------------------ Mobile ----------------------------------- */ .ico-arrow-down-white { background-image: url(images/sprite_v4-min.png); background-position: 85.86387434554975% 76.63043478260869%; background-size: 1223.5294117647059% 1939.9999999999998%; width: 17px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down { background-image: url(images/sprite_v4-min.png); background-position: 16.39344262295082% 73.74301675977654%; background-size: 832% 1293.3333333333333%; width: 25px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-dropdown { background-image: url(images/sprite_v4-min.png); background-position: 54.166666666666664% 47.82608695652174%; background-size: 1300% 1939.9999999999998%; width: 16px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left-blue { background-image: url(images/sprite_v4-min.png); background-position: 98.96373056994818% 69.06077348066299%; background-size: 1386.6666666666667% 1492.3076923076924%; width: 15px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left-green { background-image: url(images/sprite_v4-min.png); background-position: 58.58585858585859% 57.865168539325836%; background-size: 2080% 1212.5%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left { background-image: url(images/sprite_v4-min.png); background-position: 72.97297297297297% 54.91329479768786%; background-size: 904.3478260869565% 923.8095238095237%; width: 23px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-next { background-image: url(images/sprite_v4-min.png); background-position: 97.94871794871794% 12.138728323699421%; background-size: 1600% 923.8095238095237%; width: 13px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-prev { background-image: url(images/sprite_v4-min.png); background-position: 97.94871794871794% 26.589595375722542%; background-size: 1600% 923.8095238095237%; width: 13px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right-green { background-image: url(images/sprite_v4-min.png); background-position: 0% 100%; background-size: 2080% 1212.5%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right-white { background-image: url(images/sprite_v4-min.png); background-position: 87.87878787878788% 87.64044943820225%; background-size: 2080% 1212.5%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right { background-image: url(images/sprite_v4-min.png); background-position: 88.64864864864866% 0%; background-size: 904.3478260869565% 923.8095238095237%; width: 23px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-blue { background-image: url(images/sprite_v4-min.png); background-position: 98.4536082474227% 39.44444444444444%; background-size: 1485.7142857142858% 1385.7142857142858%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-dark { background-image: url(images/sprite_v4-min.png); background-position: 98.4536082474227% 49.44444444444444%; background-size: 1485.7142857142858% 1385.7142857142858%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-small { background-image: url(images/sprite_v4-min.png); background-position: 98.4536082474227% 59.44444444444444%; background-size: 1485.7142857142858% 1385.7142857142858%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-white { background-image: url(images/sprite_v4-min.png); background-position: 86.77248677248677% 28.160919540229884%; background-size: 1094.7368421052631% 969.9999999999999%; width: 19px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close { background-image: url(images/sprite_v4-min.png); background-position: 87.2340425531915% 14.367816091954023%; background-size: 1040% 969.9999999999999%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-download { background-image: url(images/sprite_v4-min.png); background-position: 97.94871794871794% 87.77777777777777%; background-size: 1600% 1385.7142857142858%; width: 13px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best-active { background-image: url(images/sprite_v4-min.png); background-position: 23.157894736842106% 88.13559322033898%; background-size: 1155.5555555555554% 1141.1764705882354%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best-medium-yellow { background-image: url(images/sprite_v4-min.png); background-position: 38.4180790960452% 41.81818181818181%; background-size: 670.9677419354839% 668.9655172413793%; width: 31px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best-medium { background-image: url(images/sprite_v4-min.png); background-position: 57.4585635359116% 0%; background-size: 770.3703703703703% 746.1538461538462%; width: 27px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best { background-image: url(images/sprite_v4-min.png); background-position: 34.73684210526316% 88.13559322033898%; background-size: 1155.5555555555554% 1141.1764705882354%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-empty { background-image: url(images/sprite_v4-min.png); background-position: 100% 0%; background-size: 1223.5294117647059% 1141.1764705882354%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-empy-medium { background-image: url(images/sprite_v4-min.png); background-position: 19.101123595505616% 42.073170731707314%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-full-medium { background-image: url(images/sprite_v4-min.png); background-position: 0% 42.073170731707314%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-full { background-image: url(images/sprite_v4-min.png); background-position: 57.89473684210527% 88.13559322033898%; background-size: 1155.5555555555554% 1141.1764705882354%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half-active-large { background-image: url(images/sprite_v4-min.png); background-position: 20.224719101123593% 0%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half-active { background-image: url(images/sprite_v4-min.png); background-position: 80.10471204188482% 88.13559322033898%; background-size: 1223.5294117647059% 1141.1764705882354%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half-medium { background-image: url(images/sprite_v4-min.png); background-position: 39.325842696629216% 20.73170731707317%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half { background-image: url(images/sprite_v4-min.png); background-position: 69.10994764397905% 88.13559322033898%; background-size: 1223.5294117647059% 1141.1764705882354%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-nearly { background-image: url(images/sprite_v4-min.png); background-position: 39.325842696629216% 0%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter-active { background-image: url(images/sprite_v4-min.png); background-position: 11.578947368421053% 88.13559322033898%; background-size: 1155.5555555555554% 1141.1764705882354%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter-medium-red { background-image: url(images/sprite_v4-min.png); background-position: 19.101123595505616% 21.341463414634145%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter-medium { background-image: url(images/sprite_v4-min.png); background-position: 0% 21.341463414634145%; background-size: 693.3333333333334% 646.6666666666666%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter { background-image: url(images/sprite_v4-min.png); background-position: 46.31578947368421% 88.13559322033898%; background-size: 1155.5555555555554% 1141.1764705882354%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-small-part-medium { background-image: url(images/sprite_v4-min.png); background-position: 0% 0%; background-size: 650% 625.8064516129032%; width: 32px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-three-quarters-active { background-image: url(images/sprite_v4-min.png); background-position: 86.31578947368422% 55.11363636363637%; background-size: 1155.5555555555554% 1077.7777777777778%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-three-quarters { background-image: url(images/sprite_v4-min.png); background-position: 0% 88.63636363636364%; background-size: 1155.5555555555554% 1077.7777777777778%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-blue { background-image: url(images/sprite_v4-min.png); background-position: 31.693989071038253% 60.946745562130175%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-dark-blue { background-image: url(images/sprite_v4-min.png); background-position: 15.846994535519126% 60.946745562130175%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-gray { background-image: url(images/sprite_v4-min.png); background-position: 0% 60.946745562130175%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-dark-green { background-image: url(images/sprite_v4-min.png); background-position: 56.830601092896174% 34.9112426035503%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-light-blue { background-image: url(images/sprite_v4-min.png); background-position: 56.830601092896174% 17.75147928994083%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-green { background-image: url(images/sprite_v4-min.png); background-position: 73.77049180327869% 0%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-triangle { background-image: url(images/sprite_v4-min.png); background-position: 0% 75.86206896551724%; background-size: 800% 969.9999999999999%; width: 26px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-map-triangle { background-image: url(images/sprite_v4-min.png); background-position: 99.47916666666666% 78.02197802197803%; background-size: 1300% 1616.6666666666667%; width: 16px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-marker-white { background-image: url(images/sprite_v4-min.png); background-position: 71.42857142857143% 17.575757575757574%; background-size: 1094.7368421052631% 668.9655172413793%; width: 19px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-marker { background-image: url(images/sprite_v4-min.png); background-position: 71.42857142857143% 37.57575757575757%; background-size: 1094.7368421052631% 668.9655172413793%; width: 19px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-blue { background-image: url(images/sprite_v4-min.png); background-position: 29.949238578680205% 72.1311475409836%; background-size: 1890.909090909091% 1763.6363636363637%; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(images/sprite_v4-min.png); background-position: 86.77248677248677% 41.95402298850575%; background-size: 1094.7368421052631% 969.9999999999999%; width: 19px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(images/sprite_v4-min.png); background-position: 86.31578947368422% 67.61363636363636%; background-size: 1155.5555555555554% 1077.7777777777778%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-trending { background-image: url(images/sprite_v4-min.png); background-position: 47.540983606557376% 60.946745562130175%; background-size: 832% 776%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-arrow-down-white { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 59.77653631284916% 93.29268292682927%; background-size: 1152.9411764705883% 1739.9999999999998%; width: 17px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 51.461988304093566% 64.77987421383648%; background-size: 784% 1160%; width: 25px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-dropdown { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 71.11111111111111% 92.72727272727272%; background-size: 1225% 1933.3333333333333%; width: 16px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left-blue { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 48.61878453038674% 95.03105590062113%; background-size: 1306.6666666666667% 1338.4615384615386%; width: 15px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left-green { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 98.38709677419355% 11.39240506329114%; background-size: 1960.0000000000002% 1087.5%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 90.17341040462428% 0%; background-size: 852.1739130434784% 828.5714285714287%; width: 23px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-next { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 0% 100%; background-size: 1507.6923076923076% 828.5714285714287%; width: 13px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-prev { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 9.289617486338798% 100%; background-size: 1507.6923076923076% 828.5714285714287%; width: 13px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right-green { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 98.38709677419355% 36.708860759493675%; background-size: 1960.0000000000002% 1087.5%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right-white { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 98.38709677419355% 24.050632911392405%; background-size: 1960.0000000000002% 1087.5%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 90.17341040462428% 16.33986928104575%; background-size: 852.1739130434784% 828.5714285714287%; width: 23px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-blue { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 38.46153846153847% 95.625%; background-size: 1400% 1242.857142857143%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-dark { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 18.681318681318682% 95.625%; background-size: 1400% 1242.857142857143%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-small { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 28.57142857142857% 95.625%; background-size: 1400% 1242.857142857143%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-white { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 88.13559322033898% 63.63636363636363%; background-size: 1031.578947368421% 869.9999999999999%; width: 19px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 88.63636363636364% 32.467532467532465%; background-size: 980.0000000000001% 869.9999999999999%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-download { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 100% 0%; background-size: 1507.6923076923076% 1242.857142857143%; width: 13px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best-active { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 0% 84.07643312101911%; background-size: 1088.888888888889% 1023.5294117647059%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best-medium-yellow { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 20.606060606060606% 47.58620689655172%; background-size: 632.258064516129% 600%; width: 31px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best-medium { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 40.828402366863905% 46.62162162162162%; background-size: 725.925925925926% 669.2307692307693%; width: 27px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-best { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 12.359550561797752% 84.07643312101911%; background-size: 1088.888888888889% 1023.5294117647059%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-empty { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 84.91620111731844% 84.07643312101911%; background-size: 1152.9411764705883% 1023.5294117647059%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-empy-medium { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 0% 47.91666666666667%; background-size: 653.3333333333334% 580%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-full-medium { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 42.168674698795186% 23.61111111111111%; background-size: 653.3333333333334% 580%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-full { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 24.719101123595504% 84.07643312101911%; background-size: 1088.888888888889% 1023.5294117647059%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half-active { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 73.18435754189943% 84.07643312101911%; background-size: 1152.9411764705883% 1023.5294117647059%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half-medium { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 42.168674698795186% 0%; background-size: 653.3333333333334% 580%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-half { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 61.452513966480446% 84.07643312101911%; background-size: 1152.9411764705883% 1023.5294117647059%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-nearly { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 0% 24.305555555555554%; background-size: 653.3333333333334% 580%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter-active { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 37.07865168539326% 84.07643312101911%; background-size: 1088.888888888889% 1023.5294117647059%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter-medium-red { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 21.686746987951807% 0%; background-size: 653.3333333333334% 580%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter-medium { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 20.481927710843372% 24.305555555555554%; background-size: 653.3333333333334% 580%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-quarter { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 49.43820224719101% 84.07643312101911%; background-size: 1088.888888888889% 1023.5294117647059%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-small-part-medium { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 0% 0%; background-size: 612.5% 561.2903225806452%; width: 32px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-three-quarters-active { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 74.71910112359551% 42.30769230769231%; background-size: 1088.888888888889% 966.6666666666666%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-goal-three-quarters { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 74.71910112359551% 56.41025641025641%; background-size: 1088.888888888889% 966.6666666666666%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-blue { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 60.81871345029239% 38.92617449664429%; background-size: 784% 696%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-dark-blue { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 60.81871345029239% 19.463087248322147%; background-size: 784% 696%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-gray { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 16.95906432748538% 69.12751677852349%; background-size: 784% 696%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-light-blue { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 0% 69.12751677852349%; background-size: 784% 696%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-legend-triangle { background-image: url(/css/images/sprite.@2x_v3-min.png); background-position: 34.11764705882353% 66.88311688311688%; background-size: 753.8461538461538% 869.9999999999999%; width: 26px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-map-triangle { background-image: url(images/sprite.@2x_v3-min.png); background-position: 57.77777777777777% 54.037267080745345%; background-size: 1225% 1441.6666666666665%; width: 16px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-marker-white { background-image: url(images/sprite.@2x_v3-min.png); background-position: 75.14124293785311% 0%; background-size: 1031.578947368421% 596.551724137931%; width: 19px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-marker { background-image: url(images/sprite.@2x_v3-min.png); background-position: 75.14124293785311% 22.916666666666664%; background-size: 1031.578947368421% 596.551724137931%; width: 19px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-blue { background-image: url(images/sprite.@2x_v3-min.png); background-position: 98.91891891891892% 63.580246913580254%; background-size: 1781.8181818181818% 1572.7272727272727%; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(images/sprite.@2x_v3-min.png); background-position: 88.13559322033898% 48.36601307189542%; background-size: 1031.578947368421% 865%; width: 19px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(images/sprite.@2x_v3-min.png); background-position: 74.71910112359551% 56.774193548387096%; background-size: 1088.888888888889% 961.1111111111111%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-trending { background-image: url(images/sprite.@2x_v3-min.png); background-position: 50.877192982456144% 69.5945945945946%; background-size: 784% 692%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }} .cols:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ 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 { 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: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 17px; line-height: 1.59; color: #404040; } body.no-scroll { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll; } a { color: inherit; text-decoration: underline; color: #C1873A; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } a:hover { text-decoration: none; color: #7B4C0C; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.795em; } h1 { font-size: 37px; font-weight: 400; } h2 { font-size: 32px; font-weight: 400; } h3 { font-size: 29px; font-weight: 400; } h4 { font-size: 19px; font-weight: 400; } h5 { font-size: 15px; font-weight: 400; font-family: 'LeituraNews-Roman3', sans-serif; } h6 { font-size: 14px; font-weight: 700; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.59em; } 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; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'LeituraNews-Roman1'; src: url('fonts/LeituraNews-Roman1.eot?#iefix') format('embedded-opentype'), url('fonts/LeituraNews-Roman1.woff') format('woff'), url('fonts/LeituraNews-Roman1.ttf') format('truetype'), url('fonts/LeituraNews-Roman1.svg#LeituraNews-Roman1') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Leitura Roman 1'; src: url("/assets/fonts/Leitura-Roman1.woff2") format("woff2"), url("/assets/fonts/Leitura-Roman1.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'LeituraNews-Roman3'; src: url('fonts/LeituraNews-Roman3.eot'); src: url('fonts/LeituraNews-Roman3.woff') format('woff'), url('fonts/LeituraNews-Roman3.ttf') format('truetype'), url('fonts/LeituraNews-Roman3.svg#LeituraNews-Roman3') format('svg'), url('fonts/LeituraNews-Roman3.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'LeituraNews-Roman3'; src: url('fonts/LeituraNews-Roman3.eot?#iefix') format('embedded-opentype'), url('fonts/LeituraNews-Roman3.woff') format('woff'), url('fonts/LeituraNews-Roman3.ttf') format('truetype'), url('fonts/LeituraNews-Roman3.svg#LeituraNews-Roman3') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'LeituraNews-Roman3'; src: url('fonts/leituranews-roman3-webfont.eot'); src: url('fonts/leituranews-roman3-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/leituranews-roman3-webfont.woff2') format('woff2'), url('fonts/leituranews-roman3-webfont.woff') format('woff'), url('fonts/leituranews-roman3-webfont.ttf') format('truetype'), url('fonts/leituranews-roman3-webfont.svg#leituranews-romanuploadedfile') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LeituraNews-Roman4'; src: url('fonts/LeituraNews-Roman4.eot?#iefix') format('embedded-opentype'), url('fonts/LeituraNews-Roman4.woff') format('woff'), url('fonts/LeituraNews-Roman4.ttf') format('truetype'), url('fonts/LeituraNews-Roman4.svg#LeituraNews-Roman4') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ @keyframes opacityAnimate { 0% { opacity: .0; } 100% { opacity: 1; } } /* 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; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.33%; } .col-1of4 { width: 25%; } .date { display: block; color: #C7C7C7; font-size: 14px; line-height: 1.79; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; letter-spacing: 0.02em; } /* 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: 1200px) { .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: 1201px) { .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; } } /* ------------------------------------------------------------ *\ Js Fixed on scroll \* ------------------------------------------------------------ */ @media(min-width: 1024px) { .js-fixed-on-scroll.fixed { position: fixed; top: 20px; } .btn-download.js-fixed-on-scroll.fixed { top: 150px; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content { width: 717px; } .content h4 { margin-bottom: 6px; line-height: 1.26; font-family: 'LeituraNews-Roman3', sans-serif; } .content p { line-height: 1.47; margin-bottom: 0; font-family: 'LeituraNews-Roman3', sans-serif; } .content p:last-of-type { margin-bottom: 25px; } .content p + p { margin-top: 25px; } .content p + h4 { margin-top: 25px; } .content ul:not([class]) { padding-left: 40px; margin-bottom: 0; } .content .link { color: #C1873A; text-decoration: none; } .content .link:hover { color: #7B4C0C; } .content--simple { font-family: 'LeituraNews-Roman1', sans-serif; } .content--simple p { font-family: 'LeituraNews-Roman1', sans-serif; } .content--simple h4 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; } .content .link { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; } /* Tablet Portrait */ @media (max-width: 1023px) { .content { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .content p + h4, .content p + p { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding: 61px 0 39px; background: #F1F1F1; } .footer h3 { font-size: 30px; line-height: 1.23; letter-spacing: 0.01em; font-family: 'LeituraNews-Roman3', sans-serif; } .footer .footer__logo { display: inline-block; vertical-align: middle; margin-bottom: 37px; } .footer .footer__cols { display: -ms-flexbox; display: flex; margin-bottom: 49px; } .footer .footer__col { } .footer .footer__col--size1 { width: 644px; padding-right: 56px; } .footer .footer__col--size2 { width: 280px; padding-right: 15px; } .footer .footer__col--size3 { width: 248px; padding-right: 70px; } .footer .socials { padding-top: 25px; margin-bottom: 29px; } .footer .list-links { padding-top: 50px; } .footer .list-links a:hover { color: #404040; } .footer .subscribe label { font-size: 14px; } /* Tablet Portrait */ @media (max-width: 1023px) { .footer { padding: 30px 0 15px; } .footer h3 { margin-bottom: 20px; } .footer .footer__logo { margin-bottom: 20px; } .footer .footer__cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .footer__col--size1 { width: 100%; padding-right: 0; } .footer .footer__col--size3, .footer .footer__col--size2 { width: 50%; padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .footer { padding: 15px 0; text-align: left; } .footer h3 { font-size: 20px; margin: 0 0 10px; } .footer .footer__col--size3, .footer .footer__col--size2 { width: 100%; } .footer .footer__cols { margin-bottom: 10px; } .footer .socials, .footer .list-links { padding-top: 0; } .footer__col-content { display: -ms-flexbox; display: flex; } .footer .footer__logo { margin-bottom: 10px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .footer h3 { font-size: 15px; margin-bottom: 26px; } .footer .list-links { margin-bottom: 30px; } .footer__col-socials { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .footer .socials { margin: 34px 0 20px; } .footer .socials ul { -ms-flex-pack: start; justify-content: flex-start; } .footer .socials .ico-linkedin, .footer .socials .ico-facebook { width: 26px; height: 26px; } .footer .socials .ico-twitter { width: 29px; height: 23px; } .footer .socials li + li { margin-left: 15px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 30px 54px 25px; background-color: #fff; transition: transform .3s; } .header + * { margin-top: 197px; transition: margin .4s; } .header.fixed { padding: 20px 54px; } .header.fixed + * { margin-top: 100px; } .header .header__inner { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: relative; padding-right: 250px; } .header .header__inner__aside { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #fff; z-index: 2; padding-left: 10px; position: absolute; top: 1px; right: 0; } .header .btn-search-toggle { padding-left: 15px; } .header .nav { width: 100%; padding-left: 39px; padding-right: 10px; padding-top: 84px; transition: padding .2s margin .2s; } .header .logo { position: absolute; top: 0; left: 0; z-index: 9; } .header.fixed .header__inner { -ms-flex-pack: justify; justify-content: space-between; } .header .logo img + img { transition: visibility .1s, opacity .1s; } .header.fixed .logo { top: 5px; } .header.fixed .logo img + img { visibility: hidden; opacity: 0; } .header.fixed .nav { width: calc(100% - 41px); padding: 0 20px 0 0; padding-left: 0; margin-left: 43px; z-index: 10; } .header.fixed .nav .parent > a { padding: 8px 8px 8px; } .header.fixed .header__inner__aside { top: 11px; } /* Small Desktop */ @media (max-width: 1200px) { .header.fixed .logo { margin-top: 0; } .header.fixed, .header { padding: 20px 15px; } .header.fixed .nav { width: calc(100% - 40px); } .header .nav, .header.fixed .nav { padding-left: 10px; padding-right: 10px; padding-left: 38px; padding-left: 0; margin-left: 40px; } .header.fixed .nav { padding-left: 42px; padding-left: 0; } .header.fixed .logo { top: 0; } .header .header__inner__aside { top: 4px; } .header.fixed .header__inner__aside { top: 4px; } .header.fixed .nav .parent > a { padding: 6px 10px; } .header + * { margin-top: 168px; } .header.fixed + * { margin-top: 86px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .header.fixed, .header { padding: 15px 0; } .header .header__inner { padding-right: 0; } .header.fixed .header__inner { -ms-flex-pack: justify; justify-content: space-between; } .header.fixed .nav { -ms-flex-order: 3; order: 3; width: 100%; padding: 0 10px; margin-left: 0; } .header .nav, .header.fixed .nav { width: 100%; padding-left: 0; padding-right: 0; padding-top: 20px; margin-left: 0; } .header.fixed .nav .parent > a, .header .nav .parent > a { padding: 10px 10px; } .header .logo { position: relative; } .header .logo img + img, .header.fixed .logo img + img { visibility: visible; opacity: 1; } .header.fixed .logo { margin: 0; position: relative; } .header + * { margin-top: 142px; } .header.fixed + * { margin-top: 130px; } } /* Mobile */ @media (max-width: 767px) { .header { height: 62px; } .header .btn-search-toggle { padding-left: 0; } .header .header__inner__aside { position: static; padding-left: 0; } .header .header__inner__aside .nav-utilities { display: none; } .header .header__inner { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: static; } .header .btn-menu i { width: 20px; height: 12px; } .header + * { margin-top: 62px; } .header.fixed + * { margin-top: 62px; } .header.fixed .logo, .header .logo { max-width: 100%; line-height: 1; } .header .logo img { width: 30px; } .header .logo img + img { width: 138px; margin-left: 10px; } .header .nav { padding-top: 0; } .header.fixed .nav { padding: 0; } .header.fixed .nav .parent > a { padding: 10px 36px; padding: 10px 10px; } .header + * { margin-top: 62px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { position: relative; padding: 103px 0 38px; } .main--spaced-alt { padding-top: 41px; padding-bottom: 0; } .main--bg-alt { background: #F1F1F1; } .main .btn-download { top: 15px; right: 0; } .main-no-spacing { padding: 0; } .main .main__title { text-align: center; margin-bottom: 27px; font-weight: 400; font-family: 'LeituraNews-Roman3', sans-serif; } @media(max-width: 1500px){ .main .btn-download { top: 0; } } @media (max-width: 1023px) { .main .btn-download { position: relative; top: 0; right: 0; margin: 20px 0; } .main--primary { padding: 0; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: auto; } .shell-fluid { max-width: none; } .shell--small { max-width: 790px; } .shell--small-alt { max-width: 730px; } .shell--xsmall { max-width: 660px; } .shell--xxsmall { max-width: 600px; } .shell-size1 { max-width: 1000px; } .shell-size2 { max-width: 1060px; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { width: 250px; } /* Tablet Portrait */ @media (max-width: 1023px) { .sidebar { width: 100%; padding-top: 20px; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; overflow: hidden; } .wrapper .page__head { padding: 30px 0 33px; } .wrapper .page__head .shell { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .wrapper .page__head h1 { line-height: 1.22; margin: 0; font-family: 'LeituraNews-Roman3', sans-serif; } .wrapper .page__head p { font-size: 15px; } /* Small Desktop */ @media (max-width: 1200px) { .wrapper .page__head { padding: 20px 0; } } /* Mobile */ @media (max-width: 767px) { .wrapper .page__head { text-align: center; } .wrapper .page__head .shell { display: block; } .wrapper .page__head h1 { font-size: 30px; } .wrapper .page__head__actions { padding-top: 20px; text-align: center; } .wrapper.move-header .section-stick-at-top.sticky .table-header, .wrapper.move-header .section-stick-at-top.sticky .topic-controls, .wrapper.move-header .section-stick-at-top.sticky .widget-filters, .wrapper.move-header .header { -ms-transform: translateY(-62px); transform: translateY(-62px); } } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion { width: 100%; } .accordion__section { border: 2px solid #D2D2D2; border-radius: 3px; background: #fff; } .accordion__section + .accordion__section { margin-top: -2px; } .accordion__head h6 { font-size: 17px; text-align: center; text-decoration: none; cursor: pointer; line-height: 41px; padding: 0 23px; font-weight: 700; color: #22467A; transition: background-color .4s; } .accordion__body { display: none; padding: 90px 30px; } .accordion__body .policy-links { } .accordion__body .accordion__entry { max-width: 770px; margin: 0 auto; font-size: 13px; } .accordion__body .accordion__entry ul { padding-left: 20px; } .accordion__body .accordion__entry ol { padding-left: 20px; } .accordion__body .accordion__entry p { font-size: 13px; color: #515151; line-height: 1.2; margin-bottom: 18px; font-family: 'LeituraNews-Roman1', sans-serif; } .accordion__body .accordion__entry p a { text-decoration: none; } /* Modifiers */ .accordion--simple .accordion__body .accordion__entry p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .accordion--simple-left .accordion__head h6 { text-align: left; padding-left: 97px; position: relative; line-height: 57px; letter-spacing: -0.02em; } .accordion--simple-left .accordion__head h6:before { position: absolute; top: 21px; left: 24px; content: ''; background: url(../css/images/acc-btn@2x.png) 0 0 no-repeat; width: 14px; height: 14px; background-size: 100% 100%; transition: transform .3s; } .accordion--simple-left .accordion-expanded .accordion__head h6:before { -ms-transform: rotate(45deg); transform: rotate(45deg); } .accordion--simple-left .accordion__body { padding: 25px 15px 55px; } .accordion--simple-left .accordion__entry p { line-height: 1.4; } .accordion--reviews { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; margin: 0 -15px; width: auto; } .accordion--reviews .accordion__section { width: calc(33.33% - 30px); border: none; margin: 0 15px 64px; } .accordion--reviews .btn-close { position: absolute; top: 15px; right: 15px; } .accordion--reviews .accordion__body { position: relative; padding: 0; } .accordion--reviews .accordion__section + .accordion__section { margin-top: 0; } .accordion--reviews .accordion__section .accordion__body { width: calc(300% + 60px); margin-top: 30px; } .accordion--reviews .accordion__section:nth-child(3n + 1) .accordion__body { margin-left: 0; } .accordion--reviews .accordion__section:nth-child(3n + 2) .accordion__body { margin-left: calc(-100% - 30px); } .accordion--reviews .accordion__section:nth-child(3n + 3) .accordion__body { margin-left: calc(-200% - 60px); } .accordion--reviews .accordion__section .review-box:after, .accordion--reviews .accordion__section .review-box:before { position: absolute; left: 50%; content: ''; width: 0; height: 0; border-style: solid; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .accordion--reviews .accordion__section .review-box:before { top: calc(100% - 4px); border-width: 16px 15px 0 15px; border-color: #fff transparent transparent transparent; z-index: 2; } .accordion--reviews .accordion__section .review-box:after { top: 100%; border-width: 17px 17px 0 17px; border-color: #E65B30 transparent transparent transparent; } .accordion--reviews .accordion__section.accordion-expanded .review-box:after, .accordion--reviews .accordion__section.accordion-expanded .review-box:before { -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; transition: transform .1s, opacity .2s .1s; } .accordion--standards { } .accordion--standards .accordion__body .accordion__entry ul { padding-left: 0; } .accordion--standards .accordion__body .accordion__entry ul { margin-bottom: 0; } .accordion--standards .accordion__body .accordion__entry ul + h6 { margin-top: 18px; } .accordion--standards .accordion__body .accordion__entry h6 { margin-bottom: 0; font-size: 15px; } .accordion--table { } .accordion--table .accordion__section { background: none; } .accordion--table .accordion__head { position: relative; padding: 0; padding: 0; } .accordion--table .accordion__head:after { position: absolute; top: 50%; right: 0; content: ''; background: url(../css/images/arrow-accordion@2x.png) 0 0 no-repeat; width: 17px; height: 10px; background-size: 100% 100%; -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); transition: transform .4s; } .accordion--table .accordion-expanded .accordion__head:after { -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } .accordion--table .accordion__head h6 { text-align: left; color: #C1873A; font-size: 16px; font-weight: 500; padding: 0 20px 0 0; line-height: 1.45; } .accordion--table .accordion__head h6 { } .accordion--table .accordion__section { border: none; } .accordion--table .accordion__body { padding: 16px 0 0; } .accordion--table .accordion__body .btn { margin-bottom: 17px; } .accordion--table h6 { font-size: 13px; line-height: 1.31; margin: 0; } .accordion--table p { font-size: 13px; lighting-color: 1.31; margin-bottom: 0; } .accordion--table p + p { margin-top: 17px; } .accordion--table ul { padding-left: 27px; margin-bottom: 17px; } .accordion--table ul:last-child { margin-bottom: 0; } .accordion--table ul li { font-size: 13px; line-height: 1.31; } /* Tablet Portrait */ @media (max-width: 1023px) { .accordion--simple-left .accordion__body { padding: 15px; } .accordion--reviews .accordion__section { width: calc(50% - 30px); } .accordion--reviews .accordion__section .accordion__body { width: calc(200% + 30px); } .accordion--reviews .accordion__section:nth-child(2n + 1) .accordion__body { margin-left: 0; } .accordion--reviews .accordion__section:nth-child(3n + 2) .accordion__body { margin-left: calc(-100% - 30px); } } /* Mobile */ @media (max-width: 767px) { .accordion__body { padding: 15px; } .accordion--simple-left .accordion__head h6 { padding-left: 35px; line-height: 1.55; padding: 15px 0 15px 35px; } .accordion--simple-left .accordion__head h6:before { left: 13px; } .accordion--reviews .accordion__section { width: 100%; margin-bottom: 50px; } .accordion--reviews .accordion__section .accordion__body { width: 100%; } .accordion--reviews .accordion__section:nth-child(2n + 1) .accordion__body, .accordion--reviews .accordion__section:nth-child(3n + 2) .accordion__body { margin-left: 0%; } } /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .articles-grid { display: -ms-flexbox; display: flex; margin: 0 -15px; } .articles-grid-top { -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .article-excerpt { position: relative; margin: 0 15px; background: #fff; box-shadow: 0px 0px 0px 6px transparent; transition: box-shadow .4s; } .article-excerpt:before { position:absolute; top: 0; left: 0; content: ''; position: absolute; top: -6px; left: 0; width: 100%; height: 6px; background: #E2E2E2; } .article-excerpt:hover { box-shadow: 0px 0px 0px 6px #E2E2E2; } .article-excerpt { color: #404040; font-size: 17px; line-height: 1.47; font-family: 'LeituraNews-Roman1', sans-serif; } .article-excerpt p { color: #404040; font-size: 17px; line-height: 1.47; font-family: 'LeituraNews-Roman1', sans-serif; } .article-excerpt li { color: #404040; font-size: 17px; line-height: 1.47; font-family: 'LeituraNews-Roman1', sans-serif; } .article__content ul { padding-left: 20px; } .article__content li { color: #404040; font-size: 17px; line-height: 1.47; font-family: 'LeituraNews-Roman1', sans-serif; } .article__inner ul { padding-left: 20px; } .article-excerpt ul { padding-left: 20px; } //.article__inner li { color: #404040; font-size: 17px; line-height: 1.47; font-family: 'LeituraNews-Roman1', sans-serif; } .article-excerpt h2 { color: #404040; line-height: 1.2; letter-spacing: 0.02em; margin: 0 0 7px; font-family: 'LeituraNews-Roman3', sans-serif; } .article-excerpt h2 a { text-decoration: none; transition: color.4s; color: inherit; font-family: inherit; } .article-excerpt h2 a:hover { color: #000; } .article-excerpt .date { margin-bottom: 12px; letter-spacing: 0.02em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #C7C7C7; text-transform: uppercase; font-weight: 700; } .article-excerpt .article__content { padding: 26px 25px; min-height: 168px; background: #fff; } .article-excerpt .article__image a { overflow: hidden; display: block; position: relative; max-height: 190px; min-height: 190px; } .article-excerpt .article__image img { transition: transform 0.3s; position: absolute; top: 0; /* */ width: auto; max-width: none; left: 50%; -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); min-width: 100%; min-height: 100%; } .article-excerpt .article__image a:hover img { -ms-transform: scale(1.1) translateX(-50%); transform: scale(1.1) translateX(-50%); } .article-excerpt .article__image a .badge { position: absolute; top: 0; right: 0; } .article-excerpt .article__image a .badge-publication { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0 10px; min-width: 130px; text-align: center; line-height: 30px; background: #22467A; } .article--1of3 { width: calc(33.33% - 30px); -ms-flex-negative: 0; flex-shrink: 0; } .article--fullwidth { width: 100%; display: -ms-flexbox; display: flex; } .article--fullwidth .article__image { width: 33.33%; -ms-flex-negative: 0; flex-shrink: 0; } .article--fullwidth .article__image a { max-height: none; min-width: 0; min-height: 0; } .article--fullwidth .article__image img { position: static; -ms-transform: translateX(0) scale(1); transform: translateX(0) scale(1); width: 100%; height: auto; max-width: 100%; } .article--fullwidth .article__image a:hover img { -ms-transform: scale(1.1); transform: scale(1.1); } .article--fullwidth .article__content { -ms-flex-positive: 1; flex-grow: 1; } .article--fullwidth-alt { width: 100%; margin: 0 0 35px; } .article--fullwidth-alt .article__image, .article--fullwidth-alt .article__content { width: 50%; -ms-flex: 1; flex: 1; } .article--fullwidth-alt .article__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .article--fullwidth-alt .article__content .tags { margin-top: auto; } .article--fullwidth-wo-image { background: #fff; min-height: 350px; } .article--fullwidth-wo-image .article__content { max-width: 590px; margin: 0 auto; } .article--fullwidth-wo-image.article-excerpt .article__content p { text-align: left; margin-bottom: 48px; } .article--fullwidth-wo-image .article__content { padding: 44px 20px 50px; } .article--fullwidth-wo-image .article__content .article-meta { margin-bottom: 22px; } .article--fullwidth-wo-image .article__content .tags { margin-top: 0; } .article--red:before { background: #DB4545; } .article--red:hover { box-shadow: 0px 0px 0px 6px #DB4545; } .article--pink:before { background: #949FC3; } .article--pink:hover { box-shadow: 0px 0px 0px 6px #949FC3; } .article--yellow:before { background: #EFD30A; } .article--yellow:hover { box-shadow: 0px 0px 0px 6px #EFD30A; } .article--orange:before { background: #A6722B; } .article--orange:hover { box-shadow: 0px 0px 0px 6px #A6722B; } .article-excerpt--alt { box-shadow: none; } .article-excerpt--alt:before { display: none; } .article-excerpt--alt:hover { box-shadow: none; } .article-with-shadow { box-shadow: 0px 0px 0px 6px transparent; transition: box-shadow .4s; } .article-with-shadow:hover { box-shadow: 0px 0px 0px 6px #E2E2E2; } .article-excerpt--alt .article__content { padding-bottom: 27px; } .article-excerpt--alt .article__content h4 { color: #404040; font-weight: 600; margin-bottom: 5px; line-height: 1.26; } .article-excerpt--alt .article__content h4 a { color: inherit; text-decoration: none; } .article-excerpt--alt .article__content p { font-size: 17px; line-height: 1.47; margin-bottom: 25px; } .article-excerpt--alt .article-meta { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 18px; } .article-excerpt--alt .article-meta span { font-size: 14px; line-height: 1.57; letter-spacing: 0.02em; margin: 0 4px; } .article-excerpt--alt .article-meta .author { font-weight: 400; } .article-excerpt--alt .article-meta .date { font-weight: 700; color: #C7C7C7; } .article-excerpt--alt .tags { display: block; font-size: 13px; color: #A1A1A1; line-height: 1.38; margin-bottom: 0; } .article-excerpt--alt .tags a { font-size: inherit; color: inherit; text-decoration: none; } .article-excerpt--alt .tags a:hover, .article-excerpt--alt .tags a.current { color: #404040; } /*.article-excerpt--alt .article__image-bg a { height: 253px; background-size: cover; }*/ .article-excerpt--alt .article__image--content { background: #DE5353; padding: 31px 28px 47px; } .article-excerpt--alt .article__image img { /*width: 380px;*/ width: 100%; height: auto; } .article-excerpt--alt .article__image--content blockquote { font-size: 23px; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.3; color: #fff; padding-top: 35px; position: relative; } .article-excerpt--alt .article__image--content blockquote:before { position: absolute; top: 0; left: 0; content: ''; background: url(../css/images/quote-white@2x.png) 0 0 no-repeat; width: 28px; height: 21px; background-size: 100% 100%; } .article-excerpt--work { background: #fff; } .article-excerpt--work .article__content { padding: 32px 25px 33px; min-height: 137px; } .article-excerpt--work .article__content h4 { line-height: 1.26; margin-bottom: 0; } .article-excerpt--publication .article__image a { max-height: none; min-height: 0; } .article-excerpt--publication .article__image img { position: static; -ms-transform: scale(1); transform: scale(1); } .article-excerpt--publication .article__image a:hover img { -ms-transform: scale(1.1); transform: scale(1.1); } /* Small Desktop */ @media (max-width: 1200px) { .article-excerpt .article__content { padding: 10px 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-excerpt h2 { font-size: 24px; } .article-excerpt .date { margin-bottom: 8px; } .article-excerpt--alt .article-meta .author, .article-excerpt--alt .article-meta .date { width: 100%; } /*.article-excerpt .article__image a { height: 200px; }*/ } /* Mobile */ @media (max-width: 767px) { .articles-grid { display: block; } .article--1of3 { } .article--1of3 { width: 100%; padding: 0; margin: 0; } .article--fullwidth { width: 100%; display: block; } .article--fullwidth .article__image { width: 100%; } .article--fullwidth .article__content { width: 100%; } .article-excerpt + .article-excerpt { margin-top: 0px; } .article-excerpt { margin: 0; } .article-excerpt, .article-excerpt:hover { box-shadow: none; } .article-excerpt:before { display: none; } .article-excerpt .article__content { padding: 15px; } .article--red .article__content { border-top: 6px solid #DB4545; } .article--pink .article__content { border-top: 6px solid #949FC3; } .article--yellow .article__content { border-top: 6px solid #EFD30A; } .article--orange .article__content { border-top: 6px solid #A6722B; } .article-excerpt--work .article__content { min-height: 0; padding: 20px 10px; } .article--fullwidth--secondary { padding: 20px 15px 20px; } .article--fullwidth--secondary.article-excerpt .article__content { padding: 0; text-align: left; margin-bottom: 0; padding-bottom: 0; min-height: 0; } .article--fullwidth--secondary.article-excerpt .article__content h4 { font-size: 17px; } .article--fullwidth--secondary.article-excerpt .article__content p { font-size: 14px; line-height: 1.5; margin-bottom: 7px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .article--fullwidth--secondary.article-excerpt .article__content { } .article--fullwidth--secondary.article-excerpt .article-meta { margin-bottom: 10px; } .article--fullwidth--secondary .link-more { text-decoration: none; } .article-excerpt .article__image a { /*padding-top: 60%;*/ } .article-excerpt .article__image a { max-height: 190px; min-height: 0; } .article-excerpt .article__image img { position: static; -ms-transform: scale(1); transform: scale(1); } .article-excerpt .article__image a:hover img { -ms-transform: scale(1.1); transform: scale(1.1); } } /* ------------------------------------------------------------ *\ Article Main \* ------------------------------------------------------------ */ .article-main { } .article-main ul { margin-bottom: 30px; } .article-main h4 { margin-bottom: 0; font-weight: 600; line-height: 1.58; } .article-main h5 { color: #182F50; font-weight: 500; line-height: 1.59; margin-bottom: 34px; } .article-main p { font-size: 17px; line-height: 1.76em; margin-bottom: 30px; } .article-main p a { text-decoration: none; } .article-main .link-back { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; color: #A1A1A1; position: absolute; top: 15px; left: 0; } .article-main .link-back .svg-ico-arrow-left { width: 7px; height: auto; margin-right: 5px; } .article-main p .first-letter { font-size: 60px; line-height: 56px; float: left; margin-right: 10px; color: #22467A; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; } .article-main p .blockquote { font-family: 'LeituraNews-Roman3', sans-serif; font-size: 23px; font-weight: 400; color: #DE5353; line-height: 1.3; margin: 30px 10px 20px -70px; float: left; width: 355px; padding-right: 20px; } .article-main .article__head { text-align: center; position: relative; padding: 44px 30px 42px; } .article-main .article__head h1 { font-size: 50px; font-weight: 700; line-height: 1.2; margin: 0 0 26px; } .article-main .article__head .socials { position: absolute; top: 15px; right: 0; } .article-main .article__image img { width: 100%; height: auto; } .article-main .article__image .image-caption { display: block; color: #A5A5A5; font-size: 15px; line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-style: italic; margin-top: 12px; } .article-main .article__image--primary { margin-bottom: 30px; } .article-main .article-meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .article-main .article-meta span { font-size: 14px; line-height: 1.57; letter-spacing: 0.02em; margin: 0 4px; } .article-main .article-meta .author { font-weight: 400; } .article-main .article-meta .date { font-weight: 700; color: #C7C7C7; } .article-main .quote { border-top: 2px solid #DCDCDC; border-bottom: 2px solid #DCDCDC; padding: 55px 100px 52px; position: relative; margin: 50px 0 56px; } .article-main .quote h2 { font-family: 'LeituraNews-Roman3', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.19; margin: 0; text-align: center; } .article-main .quote:before { position: absolute; top: 0; left: 50%; content: ''; background: #fff url(../css/images/quote-decoration@2x.png) center center no-repeat; width: 65px; height: 65px; background-size: 28px 21px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .article-main .tags { display: block; font-size: 13px; color: #A1A1A1; line-height: 1.38; margin-bottom: 17px; } .article-main .tags a { color: inherit; text-decoration: none; } .article-main .socials { margin-bottom: 0; } .article-main .article__foot { } .article-main .article-author { border-top: 2px solid #DCDCDC; padding: 44px 0 30px; display: -ms-flexbox; display: flex; } .article-main .article-author h5 { font-size: 16px; font-weight: 500; color: #C1873A; line-height: 1.88; margin-bottom: 0; } .article-main .article-author h5 a { text-decoration: none; } .article-main .article-author p { font-size: 14px; line-height: 1.57; margin-bottom: 18px; } .article-main .article-author ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style-type: none; } .article-main .article-author ul a { color: #6E6E6E; font-size: 13px; line-height: 1.69; text-decoration: none; letter-spacing: 0.02em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .article-main .article-author li + li { margin-left: 10px; } .article-main .article-author ul svg { margin-right: 5px; } .article-main .article-author ul .ico-twitter { width: 22px; height: 16px; } .article-main .article-author small { display: block; font-size: 13px; line-height: 1.31; color: #6E6E6E; } .article-main .article-author__aside { width: 161px; padding-right: 17px; -ms-flex-negative: 0; flex-shrink: 0; } .article-main .article-author__content { -ms-flex-positive: 1; flex-grow: 1; } .article-main .article-author__image { text-align: center; margin-bottom: 11px; } .article-main .article-author__image img { border-radius: 50%; } .article-main .article__bar { text-align: center; height: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .article-main .article__bar a { line-height: 1; display: block; color: #fff; text-decoration: none; } .article-main .article__bar strong { font-size: 15px; font-weight: 700; line-height: 1.47; margin: 0 7px; } .article-main .article__bar.grey { background: #E8E8E8; } .article-main .article__bar.blue { background: #22467A; } .article-main .article__bar.red { background: #DB4545; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-main .article__head h1 { font-size: 40px; } .article-main p .blockquote { margin-left: -5vw; } } /* Mobile */ @media (max-width: 767px) { .article-main { padding-top: 10px; } .article-main .article__head { padding: 10px; padding-top: 40px; } .article-main .article__head .link-back { top: 10px; } .article-main .article__head .socials { position: relative; margin-top: 0; } .article-main .article__head h1 { margin-bottom: 15px; font-size: 30px; } .article-main .article__body .shell { padding-left: 0; padding-right: 0; } .article-main p { margin-bottom: 15px; font-size: 15px; } .article-main p .first-letter { font-size: 40px; line-height: 46px; } .article-main .quote { padding: 30px 10px 20px; margin: 40px 0 20px; } .article-main .quote h2 { font-size: 24px; } .article-main .article__image .image-caption { font-size: 13px; } .article-main p .blockquote { float: none; display: block; width: auto; margin: 8px 0; font-size: 18px; } .article-main .article-author { display: block; padding: 20px 0; } .article-main .article-author__aside { width: 100%; margin-bottom: 15px; text-align: center; } .article-main .article__bar strong { font-size: 13px; } } /* ------------------------------------------------------------ *\ Article Main Featured \* ------------------------------------------------------------ */ .article-main--featured { font-family: 'LeituraNews-Roman3', sans-serif; font-weight: 400; position: relative; } .article-main--featured > .shell { max-width: 1200px; } .article-main--featured h4 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 700; } .article-main--featured h6 { font-weight: 700; font-size: 17px; line-height: 1.76; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin-bottom: 0; } .article-main--featured p .first-letter { font-family: 'LeituraNews-Roman3', sans-serif; font-weight: 700; } .article-main--featured p strong { font-weight: 700; } .article-main--featured .article__entry ul li { font-size: 17px; line-height: 1.76;} .article-main--featured .article__entry ul li:before { font-size: 22px; line-height: 1;} .article-main--featured .article__entry ol { margin-left: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 700; } .article-main--featured .article__entry ol li { padding-left: 11px; } .article-main--featured .article__entry ol p { font-family: 'LeituraNews-Roman3', sans-serif; font-weight: 400; } .article-main--featured .article__entry ol li ~ li { margin-top: 30px; } .article-main--featured .article__head { padding-bottom: 12px; border-top: 2px solid #d7d7d7; } .article-main--featured .article__head h1 { font-size: 37px; font-weight: 400; letter-spacing: 0.09px; } .article-main--featured .article__image--secondary ~ .article__image--secondary { margin-top: 17px; } .article-main--featured .quote { margin: 66px 0 80px; } .article-main--featured .quote:before { position: absolute; top: 0; left: 50%; content: '“'; background: #fff; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-size: 80px; color: #22467a; line-height: 100px; } .article-main--featured .socials--left ul { margin-bottom: 0; } .article-main--featured .tags { padding-top: 14px; } .article-main--featured .article__foot { text-align: center; padding: 78px 0; } .article-main--featured .article__foot a { margin: 0 5px; } .article-main--featured .article__description { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; position: absolute; top: 57px; right: 0; transition: top .3s; } .article-main--featured .article__description-inner { background-color: #f1f1f1; color: #22467a; padding: 10px 20px; } .article-main--featured .article__description ul { margin-bottom: 0; } .article-main--featured .article__description h5 { margin-bottom: 4px; font-size: 16px; font-weight: 700; color: #22467a; } .article-main--featured .article__description a { color: #22467a; font-weight: 700; text-decoration: none; font-size: 15px; } .article-main--featured .article__description a:hover { color: #000; } .article-main--featured .article__description.fixed { position: fixed; top: 98px; right: 0; z-index: 10; } /* Small Desktop */ @media (max-width: 1200px) { .article-main--featured .article__description.fixed { top: 84px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-main--featured .article__description.fixed { top: 142px; } } /* Mobile */ @media (max-width: 767px) { .article-main--featured .article__description { display: none; } .article-main--featured .article__entry ul li { padding-left: 18px; } .article-main--featured .article__entry ol li { padding-left: 5px; } .article-main--featured .article__foot .btn { margin-bottom: 5px; } } /* ------------------------------------------------------------ *\ Article Member \* ------------------------------------------------------------ */ .article-member { display: -ms-flexbox; display: flex; padding-bottom: 87px; } .article-member--tpr { padding-top: 73px; } .article-member + .article-member { border-top: 1px solid #D7D7D7 ; } .article-member--alt { padding-bottom: 52px; } .article-member .article__aside { padding-left: 145px; width: 323px; -ms-flex-negative: 0; flex-shrink: 0 } .article-member .article__aside--alt { padding-left: 107px; width: 433px; } .article-member .article__aside h6 { margin: 0 0 8px; font-size: 18px; font-weight: 400; line-height: 1.11; letter-spacing: 0.02em; } .article-member .article__aside p { font-size: 14px; line-height: 1.5; letter-spacing: 0.02em; margin-bottom: 22px; } .article-member .article__image { margin-bottom: 33px; } .article-member .article__image img { border-radius: 50%; } .article-member .link-email { color: #C1873A; text-decoration: none; font-size: 16px; font-weight: 500; line-height: 1.88; display: inline-block; text-decoration: none; margin-bottom: 19px; } .article-member .socials--small { margin-bottom: 0; } .article-member .socials--small ul { -ms-flex-pack: start; justify-content: flex-start; } .article-member .socials--small .ico-linkedin { width: 24px; height: 24px; } .article-member .socials--small .ico-twitter { width: 27px; height: 22px; } .article-member .article__entry { padding-left: 110px; -ms-flex-positive: 1; flex-grow: 1; } .article-member .article__entry h5 { font-weight: 600; font-size: 19px; line-height: 1.26; margin-bottom: 19px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .article-member .article__entry h5 span { margin-left: 16px; font-weight: 500; font-style: italic; font-size: 15px; color: #A5A5A5; line-height: 1.4; } .article-member .article__entry p { font-size: 17px; line-height: 1.76; margin-bottom: 37px; } .article-member .article__entry p a { text-decoration: none; } .article-member--tpr .article__entry { padding-right: 165px; } /* Excerpt */ .article-member--excerpt { padding: 41px 163px 40px 177px; } .article-member--excerpt .article__aside { padding-left: 0; width: 260px; } .article-member--excerpt .article__entry { padding-left: 0; } .article-member--excerpt .article__entry p { margin-bottom: 19px; } .article-member--excerpt .link-email { margin-bottom: 0; } .article-member--excerpt .link-email + .socials--small { margin-top: 19px; } .article-member--excerpt .article__aside + .article__entry { max-width: 570px; } /* Small Desktop */ @media (max-width: 1200px) { .article-member { padding-bottom: 50px; } .article-member .article__aside { padding-left: 0; width: 200px; } .article-member .article__entry { padding-left: 50px; } .article-member--excerpt { padding: 30px 50px; } .article-member--excerpt .article__entry { padding-left: 0; } .article-member--excerpt .article__aside { margin-right: 20px; } .article-member--tpr .article__entry { padding-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-member--excerpt { padding: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .article-member { display: block; } .article-member .article__aside { width: 100%; text-align: center; margin-bottom: 20px; } .article-member .article__image { margin-bottom: 10px; } .article-member .article__entry { padding-left: 0px; text-align: center; } .article-member .article__entry p { font-size: 16px; } .article-member .socials--small ul { -ms-flex-pack: center; justify-content: center; } .article-member--alt { padding-bottom: 20px; } .article-member--alt .article__entry p { margin-bottom: 16px; } .article-member--excerpt .article__entry h5 span { display: block; } .article-member--tpr .article__entry .btn { padding-left: 10px; padding-right: 10px; } .article-member .article__entry h5 span { display: block; margin: 0; } } /* ------------------------------------------------------------ *\ Article Publication \* ------------------------------------------------------------ */ .article-excerpt--publication { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .article-excerpt--publication .article__inner { max-width: 272px; width: 100%; } .article-excerpt--publication .article__image { margin-bottom: 18px; } .article-excerpt--publication .article__image a { border: 1px solid #d8d8d8; } .article-excerpt--publication .article__content { width: 100%; max-width: 628px; padding: 0 0 0 40px; -ms-flex: 1; flex: 1;} .article-excerpt--publication .article__content h4 { margin-bottom: 9px; } .article-excerpt--publication .article__actions { text-align: center; } .article-excerpt--publication .article-meta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-excerpt--publication .article-meta span { margin: 0; } .article-excerpt--publication .article-meta .date { width: 100%; margin-top: 5px; } /* Mobile */ @media (max-width: 767px) { .article-excerpt--publication { display: block; width: 100%; padding-bottom: 0; } .article-excerpt--publication .article__inner { margin: 0 auto; } .article-excerpt--publication .article__image { display: block; width: 100%; } .article-excerpt--publication .article__content { max-width: 100%; padding: 20px 0; } } /* ------------------------------------------------------------ *\ Article Featured \* ------------------------------------------------------------ */ .article-excerpt--featured { -ms-flex-pack: center; justify-content: center; padding: 57px 0 45px; } .article-excerpt--featured .article__content { max-width: 660px; padding-left: 33px; } .article-excerpt--featured .article__content p { margin-bottom: 10px; } .article-excerpt--featured .article__actions { text-align: left; padding: 25px 0 0; font-size: 0; } .article-excerpt--featured .article__actions .btn { font-size: 16px; margin-right: 20px; } .article-excerpt--featured .article__actions-inner { padding: 27px 0 0; } .article-excerpt--featured .article__actions-inner p { font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin-bottom: 8px; } .article-excerpt--featured .article__actions-inner .select select { min-width: 220px; } /* Small Desktop */ @media (max-width: 1200px) { .article-excerpt--featured { margin: 0; } .article-excerpt--featured .article__actions .btn { padding: 0 15px; margin-right: 0;} .article-excerpt--featured .article__actions .btn ~ .btn { margin-left: 5px; } } /* Mobile */ @media (max-width: 767px) { .article-excerpt--featured .article__content { padding-left: 0; max-width: 100%; } .article-excerpt--featured .article-meta .author { text-align: center; } .article-excerpt--featured .article__actions .btn { margin: 0 5px 5px 0; } .article-excerpt--featured .article__actions .btn ~ .btn { margin-left: 0; } } /* ------------------------------------------------------------ *\ article-timeline \* ------------------------------------------------------------ */ .article-timeline { padding: 48px 0 40px; } .article-timeline p { font-size: 15px; line-height: 1.47; margin-bottom: 22px; letter-spacing: 0.02em; } .article-timeline .article__title { margin: 0 0 30px; } .article-timeline .article__head { text-align: center; } .article-timeline .article__entry { max-width: 630px; margin: 0 auto 0; } .article-timeline .article__entry ul { padding-left: 20px; } .article-timeline .article__actions { text-align: center; margin-bottom: 78px; } .article-timeline .article__image { margin: 76px 0; text-align: center; } .article-timeline .article__foot { max-width: 700px; margin: 0 auto; } .article-timeline .article__foot h6 { font-size: 14px; line-height: 1.57; margin: 0; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-timeline { padding: 30px 0; } .article-timeline .article__title { margin-bottom: 20px; } .article-timeline .article__image { margin: 50px 0; } .article-timeline .article__actions { margin-bottom: 30px; } } /* Mobile */ @media (max-width: 767px) { .article-timeline { padding-bottom: 10px; } .article-timeline .article__image { margin: 30px 0; } } /* ------------------------------------------------------------ *\ Bar \* ------------------------------------------------------------ */ .bar-grade { padding: 55px 0; background: green; color: #fff; } .bar-grade .shell { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .bar-grade .grade { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 280px; } /*.bar-grade .grade span { display: block; position: relative; width: 46px; height: 46px; border-radius: 50%; background: #fff; }*/ .bar-grade .grade span { -ms-flex-negative: 0; flex-shrink: 0; width: 46px; height: 46px; } .bar-grade .grade span i { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .bar-grade .grade a, .bar-grade .grade small { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 700; display: block; text-decoration: none; } .bar-grade .grade span + .grade__content, .bar-grade .grade span + small { margin-left: 17px; } .bar-grade .grade__actions { width: 240px; } .bar-grade .grade__actions a { text-decoration: none; color: #fff; font-weight: 600; } .bar-grade .grade__entry { width: 524px; } .bar-grade .grade__entry p { font-weight: 600; } .bar-grade .grade__entry small { font-weight: 700; text-transform: uppercase; } .bar-grade--lightgreen { background: #A0CE62; } .bar-grade--yellow { background: #E8BF38; } .bar-grade--grey { background: #646464; } .bar-grade--red { background: #DB4545; } /*.bar-grade .ico-goal-meets-large path { fill: #A0CE62; }*/ /* Small Desktop */ @media (max-width: 1200px) { .bar-grade { padding: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .bar-grade { padding: 15px 0; text-align: center; } .bar-grade .shell { display: block; } .bar-grade .grade { } .bar-grade .grade { text-align: center; display: block; margin: 0 auto; } .bar-grade .grade span { display: inline-block; } .bar-grade .grade small { display: block; } .bar-grade .grade span + small { margin-left: 17px; } .bar-grade .grade__actions, .bar-grade .grade__entry { width: 100%; } } /* ------------------------------------------------------------ *\ Bar Links \* ------------------------------------------------------------ */ .bar-links { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; background: #c1873a; color: #fff; padding: 6px 10px; } .bar-links ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style-type: none; } .bar-links li { position: relative; padding: 0 10px; } .bar-links li + li:before { position: absolute; top: 50%; left: 0; content: ''; width: 1px; height: 17px; background: #fff; -ms-transform: translateY(-50%); transform: translateY(-50%); } .bar-links a { font-size: 17px; line-height: 1.18; color: #fff; text-decoration: none; transition: opacity .4s; } .bar-links a i { margin: 0 5px; } .bar-links a:hover { opacity: .8; } .bar-links--blue { background: #22467A; } /* Mobile */ @media (max-width: 767px) { .bar-links ul { display: block; text-align: center; } .bar-links li + li:before { display: none; } } /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box-search { color: #fff; padding: 45px 114px 77px 54px; } .box-district { background: #182F50; } .box-compare { background: #22467A; padding-bottom: 30px; } .box-category { background: #7DA2BB; } /* Small Desktop */ @media (max-width: 1200px) { .box-search { padding-left: 20px; padding-right: 20px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 39px; border: 2px solid #D2D2D2; padding: 0 23px; font-weight: 700; border-radius: 3px; } .btn-white { background: #fff; border-color: #D2D2D2; color: #22467A; transition: background-color .4s; } .btn-white:hover { background: #D2D2D2; color: #22467A; } .btn-white-no-hover { background: #fff; border-color: #D2D2D2; color: #22467A; transition: background-color .4s; } .btn-blue-transparent { background: transparent; border-color: #22467A; color: #fff; transition: background-color .4s; } .btn-blue-transparent:hover { background: #22467A; color: #fff; } .btn-dark-blue { background: #22467A; color: #fff; transition: color .3s, background .3s; border: 1px solid transparent; border-radius: 0; } .btn-dark-blue:hover { color: #22467A; background: #fff; border-color: #22467A; } .btn-red { background: #C34041; color: #fff; border: none; transition: background-color .4s; } .btn-red:hover { color: #fff; background: #22467A; } .btn-red--alt { background: #DF5858; color: #fff; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } .btn-download { position: absolute; top: 490px; right: 0; } .btn-download i { margin-left: 10px; } .btn-green { background: #aa8930; color: #fff; border: none; padding: 0 20px; transition: background-color .4s; } .btn-green:hover { background: #c8a850; color: #fff; } .btn-open-filters { line-height: 47px; min-width: 131px; position: fixed; top: 220px; right: 0; border: none; border-radius: 0; transition: opacity .3s; } .btn-open-filters:hover { opacity: .7; } .btn-compare { pointer-events: all; } .btn-compare.disable { color: #D2D2D2; pointer-events: none; } .btn-dark { background: #182F50; color: #fff; border: none; border-radius: 3px; } .btn-dark:hover { background: #22467A; color: #fff; } /* Mobile */ @media (max-width: 767px) { .btn-open-filters { top: 30vw; } } /* Mobile */ @media (max-width: 767px) { .btn { font-size: 16px; padding: 0 20px; } } /* ------------------------------------------------------------ *\ Btn Download \* ------------------------------------------------------------ */ .btn-download { display: inline-block; font-size: 16px; font-weight: 700; color: #22467a; text-decoration: none; transition: .4s; padding: 10px 15px; border: 2px solid #d2d2d2; } .btn-download svg { width: 13px; height: 13px; margin-left: 10px; } .btn-download svg path { fill: #22467a; transition: .4s; } .btn-download:hover { color: #df5858; } .btn-download:hover svg path { fill: #df5858; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callouts { display: -ms-flexbox; display: flex; margin: 0 -17px 20px; } .callout { margin: 0 17px; width: calc(33.33% - 34px); height: 121px; } .callout a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; text-align: center; font-size: 16px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.38; color: #fff; letter-spacing: 0.01em; text-decoration: none; border-radius: 3px; padding: 0 10px; background-size: cover; background-position: center center; position: relative; overflow: hidden; } .callout a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 0; transition: opacity .3s; } .callout a > * { position: relative; z-index: 1; } .callout--yellow a:before { background-color: rgba(232,191,56,.8); background-color: #E8BF38; opacity: .8; background-blend-mode: multiply; } .callout--red a:before { background-color: rgba(219,69,69,.8); background-color: #DB4545; opacity: .8; background-blend-mode: multiply; } .callout--orange a:before { background-color: rgba(255,152,42,.8); background-color: #FF982A; opacity: .8; background-blend-mode: multiply; } .callout a:hover:before { opacity: 1; } /* Mobile */ @media (max-width: 767px) { .callouts { margin: 0 0 20px; display: block; } .callout { width: 100%; margin: 0; } .callout + .callout { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Category \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Chart \* ------------------------------------------------------------ */ .chart { } .chart .chartDisplay, .chart #chart { width: 100%; height: 400px; max-width: 934px; margin: 0 auto; } .chart--center .chartDisplay { width: 100%; height: 400px; max-width: 934px; margin: 0 auto; } .chart .chart-pie { width: 326px; height: 326px; max-width: 326px; } .chart-details { max-width: 460px; margin: 0 auto 30px; } .chart-details .link-expander { display: block; text-align: center; font-size: 18px; } .chart-details .collapsed-box { display: none; } .chart-details .collapsed-box { } .chart-details a { text-decoration: none; color: #22467A; text-decoration: none; font-weight: 600; } /* ------------------------------------------------------------ *\ Contacts \* ------------------------------------------------------------ */ .contacts { display: -ms-flexbox; display: flex; list-style-type: none; } .contacts .contact { text-align: center; padding: 14px 10px 20px; -ms-flex-positive: 1; flex-grow: 1; min-width: 33.33%; } .contacts .contact + .contact { border-left: 2px solid #D2D2D2; } .contact .socials { margin-bottom: 0; } .contact { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .contact p { text-align: left; font-size: 14px; line-height: 1.5; } .contact p a[href^="tel"] { color: inherit; text-decoration: none; } .contact p a[href^="tel"]:hover { text-decoration: underline; } .contact h2 { font-family: 'LeituraNews-Roman3', sans-serif; line-height: 1.19; margin: 0 0 11px; } /* Mobile */ @media (max-width: 767px) { .contacts { -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts .contact { width: 100%; } .contacts .contact + .contact { border-left: none; border-top: 2px solid #D2D2D2; } } /* ------------------------------------------------------------ *\ Expert \* ------------------------------------------------------------ */ .experts { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .experts .expert { width: calc(33.33% - 30px); border: 4px solid #F1F1F1; margin: 0 15px 30px; } .expert { padding: 31px 45px 25px; } .expert p { font-size: 14px; line-height: 1.57; letter-spacing: 0.02em; margin-bottom: 24px; } .expert p:last-child { margin-bottom: 0; } .expert h4 { margin-bottom: 5px; } .expert h6 { font-size: 14px; color: #C7C7C7; font-weight: 700; text-transform: uppercase; line-height: 1.6; margin-bottom: 0; text-transform: uppercase; } .expert h5 { font-size: 16px; color: #C1873A; font-weight: 500; line-height: 1.88; margin-bottom: 4px; text-transform: capitalize; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .expert .btn { margin: 0 auto 31px; padding: 0 13px; min-width: none; } .expert .btn svg { margin-right: 3px; position: relative; top: 1px; transition: transform .4s; } .expert .expand-content-link.active svg { -ms-transform: rotate(45deg); transform: rotate(45deg); } .expert .expert__image { border-radius: 50%; overflow: hidden; width: 118px; margin: 0 auto 10px; } .expert .expert__image { } .expert .expert__head { text-align: center; } .expert .expert__head p { text-align: left; } .expert .expert__head em { color: #A5A5A5; font-size: 15px; font-style: italic; font-weight: 500; display: block; margin-bottom: 23px; } .expert .collspased-content { margin-bottom: 24px; display: none; } /*.expert .collspased-content { display: none; }*/ /* Small Desktop */ @media (max-width: 1200px) { .expert { padding: 20px 25px 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .experts { margin: 0 -5px; } .experts .expert { width: calc(33.33% - 10px); border: 4px solid #F1F1F1; margin: 0 5px 20px; } .expert { padding: 15px 10px 10px; } } /* Mobile */ @media (max-width: 767px) { .experts { display: block; margin: 0; } .experts .expert { width: 100%; margin: 0 0 15px; } } /* ------------------------------------------------------------ *\ Feature \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Filter Btns \* ------------------------------------------------------------ */ .filters-btns { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 48px; } .filters-btns.hidden { display: none; } .filters-btns strong { width: 150px; margin-top: 6px; } .filters-btns li, .filters-btns strong { font-size: 15px; font-weight: 400; line-height: 1.4; margin-right: 3px; } .filters-btns ul { width: calc(100% - 153px); list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: -4px; } .filters-btns li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 3px; height: 35px; padding: 0 9px; margin: 0 4px 4px; } .filters-btns .btn-remove-filter-all, .filters-btns .btn-remove-filter { display: inline-block; background: url(../css/images/popup-close@2x.png) 0 0 no-repeat; width: 13px; height: 13px; background-size: 100% 100%; margin-right: 5px; white-space: nowrap; } /* Mobile */ @media (max-width: 767px) { .filters-btns strong { width: 100%; } .filters-btns ul { width: 100%; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-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 {} .checkbox input.disable + label { pointer-events: none; } .field-default { border: 2px solid #D2D2D2; border-radius: 3px; height: 42px; padding: 0 0 0 9px; color: #AEAEAE; font-size: 15px; font-weight: 400; width: 100%; } form ::-webkit-input-placeholder { color: #AEAEAE; } form ::-moz-placeholder { color: #AEAEAE; } form :-moz-placeholder { color: #AEAEAE; } form :-ms-input-placeholder { color: #AEAEAE; } .textarea, .field { color: #404040; } /*.textarea:focus, .field:focus { color: #404040 !important; }*/ .select select { height: 42px; background: #fff url(../css/images/dropdown-arrow.png) center right 9px no-repeat; background-size: 17px 10px; padding: 0 30px 0 10px; color: #808285; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; border: 2px solid #D2D2D2; } .select--small select { height: 32px; min-width: 85px; } select::-ms-expand { display: none; } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-right: 40px; cursor: pointer; } .checkbox-main-toggle { min-width: 140px; } .checkbox-main-toggle [type="checkbox"]:checked + label:before, .checkbox-main-toggle [type="checkbox"]:checked + label:after { opacity: .7; } .checkbox-main-toggle span { font-size: 15px; font-weight: 400; } .checkbox-main-toggle label { display: inline-block; } /* checkbox aspect */ [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { right: 0; width: 34px; height: 20px; border: 2px solid #fff; border-radius: 10px; background: none; z-index: 1; } [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { right: 16px; background: #fff; width: 12px; height: 12px; border-radius: 50%; transition: right .4s; z-index: 9; } [type="checkbox"]:not(:checked) + label:after { right: 6px; } .checkbox-alt label { display: inline-block; min-width: 34px; height: 20px; } .checkbox-alt [type="checkbox"]:checked + label:before, .checkbox-alt [type="checkbox"]:not(:checked) + label:before { background: #D5D5D5; transition: background .4s; border: none; } .checkbox-alt [type="checkbox"]:checked + label:before { background: #22467A; } /* Checkbox-Reversed */ .checkbox-reversed { } .checkbox-reversed [type="checkbox"]:not(:checked) + label, .checkbox-reversed [type="checkbox"]:checked + label { position: relative; padding-right: 0px; padding-left: 44px; cursor: pointer; color: #000; font-size: 15px; font-weight: 400; height: auto; } .checkbox-reversed [type="checkbox"]:checked + label:before, .checkbox-reversed [type="checkbox"]:not(:checked) + label:before { right: auto; left: 0; } .checkbox-reversed [type="checkbox"]:not(:checked) + label:after, .checkbox-reversed [type="checkbox"]:checked + label:after { right: auto; left: 4px; transition: left .4s; } .checkbox-reversed [type="checkbox"]:checked + label:after { right: auto; left: 18px; } /* Radio */ [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; padding-left: 20px; cursor: pointer; color: #182F50; font-weight: 400; font-size: 12px; line-height: 1.67; } [type="radio"]:checked + label { font-weight: 700; } /* radio aspect */ [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border-radius: 50%; z-index: 1; border: 1px solid #CBCBCB; -ms-transform: translateY(-50%); transform: translateY(-50%); } [type="radio"]:checked + label:before { background: #CBCBCB; } .checkboxes-programs { } .checkboxes-programs [type="checkbox"]:not(:checked) + label, .checkboxes-programs [type="checkbox"]:checked + label { position: relative; padding-right: 0; padding-left: 26px; cursor: pointer; display: block; font-size: 15px; letter-spacing: 0; line-height: 2; } .checkboxes-programs [type="checkbox"]:checked + label:after, .checkboxes-programs [type="checkbox"]:not(:checked) + label:after, .checkboxes-programs [type="checkbox"]:checked + label:before, .checkboxes-programs [type="checkbox"]:not(:checked) + label:before { position: absolute; top: 6px; -ms-transform: translateY(0); transform: translateY(0); } .checkboxes-programs [type="checkbox"]:checked + label:before, .checkboxes-programs [type="checkbox"]:not(:checked) + label:before { right: auto; left: 0; width: 18px; height: 18px; border: 1px solid #000; border-radius: 50%; background: none; z-index: 1; } .checkboxes-programs [type="checkbox"]:not(:checked) + label:after, .checkboxes-programs [type="checkbox"]:checked + label:after { display: none; } .checkboxes-programs .checkbox-color1 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color1 [type="checkbox"]:not(:checked) + label:before { border-color: #22467A; } .checkboxes-programs .checkbox-color1 [type="checkbox"]:checked + label:before { background-color: #22467A; } .checkboxes-programs .checkbox-color2 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color2 [type="checkbox"]:not(:checked) + label:before { border-color: #7DA2BB; } .checkboxes-programs .checkbox-color2 [type="checkbox"]:checked + label:before { background-color: #7DA2BB; } .checkboxes-programs .checkbox-color3 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color3 [type="checkbox"]:not(:checked) + label:before { border-color: #404040; } .checkboxes-programs .checkbox-color3 [type="checkbox"]:checked + label:before { background-color: #404040; } .checkboxes-programs .checkbox-color4 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color4 [type="checkbox"]:not(:checked) + label:before { border-color: #D2D2D2; } .checkboxes-programs .checkbox-color4 [type="checkbox"]:checked + label:before { background-color: #D2D2D2; } .checkboxes-programs .checkbox-color5 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color5 [type="checkbox"]:not(:checked) + label:before { border-color: #FF982A; } .checkboxes-programs .checkbox-color5 [type="checkbox"]:checked + label:before { background-color: #FF982A; } .checkboxes-programs .checkbox-color6 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color6 [type="checkbox"]:not(:checked) + label:before { border-color: #E65B30; } .checkboxes-programs .checkbox-color6 [type="checkbox"]:checked + label:before { background-color: #E65B30; } .checkboxes-programs .checkbox-color7 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color7 [type="checkbox"]:not(:checked) + label:before { border-color: #BD950D; } .checkboxes-programs .checkbox-color7 [type="checkbox"]:checked + label:before { background-color: #BD950D; } .checkboxes-programs .checkbox-color8 [type="checkbox"]:checked + label:before, .checkboxes-programs .checkbox-color8 [type="checkbox"]:not(:checked) + label:before { border-color: #EFD30A; } .checkboxes-programs .checkbox-color8 [type="checkbox"]:checked + label:before { background-color: #EFD30A; } /* ------------------------------------------------------------ *\ Radio Blue \* ------------------------------------------------------------ */ .radio-blue { position: relative; padding-left: 5px; } .radio-blue [type="radio"]:not(:checked) + label:before { width: 14px; height: 14px; border: 2px solid #22467a; border-radius: 50%; top: 14px; left: 0; transition: .5s; background: #fff; } .radio-blue [type="radio"]:not(:checked) + label, .radio-blue [type="radio"]:checked + label { position: static; font-size: 15px; font-weight: 400; } .radio-blue [type="radio"]:checked + label:before { top: 14px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: #22467a; opacity: 1; } /* ------------------------------------------------------------ *\ Radio toggle \* ------------------------------------------------------------ */ .radio-toggle [type="radio"]:checked + label:after, .radio-toggle [type="radio"]:not(:checked) + label:after, .radio-toggle [type="radio"]:checked + label:before, .radio-toggle [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .radio-toggle [type="radio"]:checked + label:before, .radio-toggle [type="radio"]:not(:checked) + label:before { right: 0; width: 34px; height: 20px; border: 2px solid #fff; border-radius: 10px; background: none; z-index: 1; } .radio-toggle [type="radio"]:not(:checked) + label:after, .radio-toggle [type="radio"]:checked + label:after { right: 16px; background: #fff; width: 12px; height: 12px; border-radius: 50%; transition: right .4s; z-index: 9; } .radio-toggle [type="radio"]:not(:checked) + label:after { right: 6px; } .radio-toggle label { display: inline-block; min-width: 34px; height: 20px; } .radio-toggle [type="radio"]:checked + label:before, .radio-toggle [type="radio"]:not(:checked) + label:before { background: #D5D5D5; transition: background .4s; border: none; } .radio-toggle [type="radio"]:checked + label:before { background: #22467A; } .radio-toggle [type="radio"]:not(:checked) + label, .radio-toggle [type="radio"]:checked + label { position: relative; padding-right: 0px; padding-left: 44px; cursor: pointer; color: #000; font-size: 15px; font-weight: 400; height: auto; } .radio-toggle [type="radio"]:checked + label:before, .radio-toggle [type="radio"]:not(:checked) + label:before { right: auto; left: 0; } .radio-toggle [type="radio"]:not(:checked) + label:after, .radio-toggle [type="radio"]:checked + label:after { right: auto; left: 4px; transition: left .4s; } .radio-toggle [type="radio"]:checked + label:after { right: auto; left: 18px; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} .form-state-select { } .form-state-select .form__inner { display: -ms-flexbox; display: flex; /*flex-flow: row wrap; */-ms-flex-pack: start;justify-content: flex-start; -ms-flex-align: center; align-items: center; } .form-state-select .form__btn { height: 42px; line-height: 38px; width: 69px; text-align: center; padding: 0 10px; } .form-state-select .form__actions { -ms-flex-negative: 0; flex-shrink: 0; } .form-state-select .form__body { -ms-flex-positive: 1; flex-grow: 1; padding-right: 10px; } .form-state-select .form__body select { width: 100%; } .form-state-select--alt .form__inner { -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; -ms-flex-flow: row wrap; flex-flow: row wrap; } .form-state-select--alt .form__label { font-size: 14px; text-transform: uppercase; color: #C7C7C7; display: block; margin-bottom: 7px; } .form-state-select--alt .form__body { padding-right: 0; } .form-state-select--alt .form__btn { width: 97px; border-radius: 0 3px 3px 0; margin-left: -2px; } .form-state-select--alt .form__body select { border-radius: 3px 0 0 3px; } /* Mobile */ @media (max-width: 767px) { .form-state-select .form__actions { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Form State \* ------------------------------------------------------------ */ .form-state { } .form-state h4 { font-weight: 600; line-height: 1.26; margin-bottom: 12px; } .form-state p { line-height: 1.26; font-size: 15px; margin-bottom: 20px; } .form-state .form__row { display: -ms-flexbox; display: flex; margin: 0 -6px; } .form-state .form__row { } .form-state .form__step--colapsed { display: none; } .form-state .form__step + .form__step { margin-top: 28px; } .form-state .form__row--center { -ms-flex-pack: center; justify-content: center; } .form-state .form__row .form__col { padding: 0 6px; } .form-state .accordion__toggle { pointer-events: none; } .form-state select { height: 42px; } .form-state label { position: relative; display: block; font-size: 15px; font-style: italic; font-weight: 500; line-height: 1.4; padding-left: 25px; margin-bottom: 16px; } .form-state .btn { height: 42px; line-height: 38px; background: #fff; border: 2px solid #D2D2D2; border-radius: 3px; color: #22467A; font-size: 16px; font-weight: 700; transition: background .3s, color .3s; } .form-state .btn:hover { background: #D2D2D2; color: #22467A; } .form-state .form__body { counter-reset: steps; } .form-state .form__body .form__step label:before { position: absolute; top: 0; left: 0; counter-increment: steps; content: counter(steps); font-style: normal; width: 20px; height: 20px; background: #fff; border-radius: 50%; font-size: 13px; line-height: 20px; text-align: center; color: #182F50; font-weight: 700; } .form-state select { width: 261px; } /* Mobile */ @media (max-width: 767px) { .form-state .form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-state .form__actions { margin-top: 10px; } .form-state .accordion__body__mobile { display: none; padding: 15px 0; } .form-state .accordion__toggle { margin-bottom: 0; position: relative; padding-right: 40px; font-size: 17px; text-align: left; height: 68px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1.41; pointer-events: all; } .form-state .accordion__toggle:after { position: absolute; top: 50%; right: 0; content: ''; background: url(../css/images/dropdown-arrow-white.png) 0 0 no-repeat; width: 23px; height: 11px; background-size: 100% 100%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-state.accordion-expanded .accordion__toggle:after { background: url(../css/images/ico-close-white@2x.png) 0 0 no-repeat; width: 19px; height: 20px; background-size: 100% 100%; } .form-state .form__row--center { -ms-flex-pack: start; justify-content: flex-start; } } /* ------------------------------------------------------------ *\ Form Filter \* ------------------------------------------------------------ */ .form-filter { padding: 9px 14px 22px; } .form-filter h6 { color: #DF5858; font-size: 12px; font-weight: 700; line-height: 1.75; margin: 0 0 4px; } .form-filter--alt h6 { color: #D8206A; } .form-filter .list-radios { margin-bottom: 0; } .form-filter .list-radios + h6 { margin-top: 26px; } .form-filter--alt .list-radios + h6 { margin-top: 16px; } .form-filter--alt .list-radios .form__label { display: block; } .form-filter--alt [type="radio"]:checked + label:before, .form-filter--alt [type="radio"]:not(:checked) + label:before { top: 5px; border: 1px solid #CBCBCB; -ms-transform: translateY(0); transform: translateY(0); } /* Mobile */ @media (max-width: 767px) { .form-filter { max-height: 250px; overflow-y: auto; } } /* ------------------------------------------------------------ *\ Form-Database \* ------------------------------------------------------------ */ .form-database { } .form-database .form__row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .form-database .form__col { padding: 0 11px; } .form-database .btn { line-height: 42px; height: 42px; } .form-database .btn.disabled { opacity: .6; /*pointer-events: none; */} .form-database .btn i + span { margin-left: 10px; font-size: 16px; } .form-database .btn span + i { margin-left: 10px; } /* ------------------------------------------------------------ *\ Form Category \* ------------------------------------------------------------ */ .form-category { } .form-category .form__row { display: -ms-flexbox; display: flex; margin: 0 -5px; } .form-category .form__col { padding: 0 5px; } .form-category .form__btn { min-width: 103px; } .form-category .select { min-width: 186px; } .form-category .select select { width: 100%; } /* ------------------------------------------------------------ *\ Form Share \* ------------------------------------------------------------ */ .form-share { } .form-share h6 { color: #404040; font-size: 15px; font-weight: 400; line-height: 1.47; letter-spacing: 0.02em; margin-bottom: 9px; } .form-share h3 { font-weight: 300; line-height: 1.31; color: #9E9E9E; margin: 0 0 29px; text-transform: uppercase; } .form-share .form__btn { line-height: 47px; height: 47px; width: 100%; } .form-share .field { border: 2px solid #D2D2D2; border-radius: 3px; height: 47px; padding: 0 0 0 9px; color: #A5A5A5; font-size: 15px; font-weight: 400; width: 100%; } .form-share .form__row { margin: 0 -10px 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .form-share .form__col { padding: 0 10px; } .form-share .form__col--small { width: 26%; } .form-share .form__col--large { width: 74%; } .form-share .form__group + .form__group { margin-top: 40px; } .form-share .form__foot { margin-top: 39px; } .form-share .link-add { font-size: 15px; font-weight: 500; font-style: italic; color: #A5A5A5; line-height: 1.4; text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .form-share .link-add i { margin-right: 5px; } .form-share .socials { margin-bottom: 0; } /* Mobile */ @media (max-width: 767px) { .form-share .form__col { width: 100%; } .form-share .form__col + .form__col { margin-top: 10px; } .form-share .form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* ------------------------------------------------------------ *\ Form Compare \* ------------------------------------------------------------ */ .form-compare { padding: 42px 0; text-align: center; } .form-compare h4 { line-height: 1.26; font-weight: 600; color: #404040; margin: 0 0 12px; } .form-compare p { font-size: 15px; line-height: 1.47; letter-spacing: 0.02em; margin: 0 0 6px; text-align: left; max-width: 570px; margin: 0 auto; } .form-compare span.hint { display: block; font-size: 15px; color: #A5A5A5; font-weight: 500; font-style: italic; line-height: 1.4; } .form-compare .form__row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .form-compare .field { max-width: 331px; width: 100%; height: 42px; background: #fff; padding: 0 30px 0 10px; color: #808285; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; border: 2px solid #D2D2D2; } .form-compare .select { width: 100%; min-width: 186px; } .form-compare .select select { width: 100%; } .form-compare .form__col { padding: 0 5px; } .form-compare .list-checkboxes { max-width: 200px; margin: 0 auto 35px; text-align: left; } .form-compare .list-checkboxes li + li { margin-top: 8px; } .form-compare .form__head { margin-bottom: 28px; } .form-compare .form__btn { padding: 0 22px; font-size: 16px; } .form-compare.subscribe-alt p { text-align: center; margin-bottom: 19px; } /* Mobile */ @media (max-width: 767px) { .form-compare { padding: 20px 0; } .form-compare .form__row { display: block; } .form-compare .form__actions { margin-top: 10px; } .form-compare .form__actions button { width: 100%; } } /* ------------------------------------------------------------ *\ Form Subscribe \* ------------------------------------------------------------ */ .form-subscribe .field { } .form-subscribe .form__row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .form-subscribe .form__col { padding: 0 15px; } .form-subscribe .form__col .form__controls { margin-bottom: 22px; } .form-subscribe .form__col-1of2 { width: 50%; } .form-subscribe .select select { width: 100%; } .form-subscribe .form__label em { font-style: italic; font-weight: 300; color: #898989; } .form-subscribe .form__inner { margin-bottom: 42px; } .form-subscribe .checkbox { margin-bottom: 14px; } .form-subscribe .form__group { padding: 39px 67px 35px; } .form-subscribe .form__group + .form__group { border-top: 2px solid #D2D2D2; } .form-subscribe .form__group p { font-size: 14px; line-height: 1.57; letter-spacing: 0.02em; } .form-subscribe .form__foot { padding: 40px 20px 0; } .form-subscribe .form__foot p { font-size: 11px; line-height: 1.73; letter-spacing: 0.01em; margin-bottom: 20px; } .form-subscribe .form__actions { text-align: center; padding-top: 17px; } /* Mobile */ @media (max-width: 767px) { .form-subscribe .form__inner { margin-bottom: 10px; } .form-subscribe .form__group { padding: 20px 10px; } .form-subscribe .form__foot { padding: 20px 10px 0; } .form-subscribe .form__actions { padding-top: 20px; } .form-subscribe .checkbox { margin-bottom: 10px; } .form-subscribe .form__col { width: 100%; } .form-subscribe .form__col .form__controls { margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Form Contact \* ------------------------------------------------------------ */ .form-contact { margin-bottom: 127px; } .form-contact .form__row { margin: 0 -15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-contact .form__col { padding: 0 15px; } .form-contact .form__col .form__col { } .form-contact .form__col--shrink { width: 300px; -ms-flex-negative: 0; flex-shrink: 0; } .form-contact .form__col--grow { -ms-flex-positive: 1; flex-grow: 1; } .form-contact .form__col .form__controls { margin-bottom: 22px; } .form-contact .form__actions { padding-top: 18px; } .form-contact .select select { width: 100%; } .form-contact .textarea { display: block; height: 588px; width: 100%; border: 2px solid #D2D2D2; background: none; border-radius: 3px; /*color: #AEAEAE;*/ font-size: 15px; padding: 9px 17px; resize: none; } .form-contact .form__label em { font-style: italic; font-weight: 300; color: #898989; } .form-contact .list-checkboxes { margin-bottom: 30px; } .form-contact .list-checkboxes li + li { margin-top: 13px; } .form-contact .subscribe-box { min-height: 588px; border: 2px solid #D2D2D2; border-radius: 3px; padding: 25px 20px 15px 28px; } .form-contact .subscribe-box p { font-size: 11px; line-height: 1.73; letter-spacing: 0.01em; margin-bottom: 10px; } .form-contact .checkbox-reversed [type="checkbox"]:not(:checked) + label, .form-contact .checkbox-reversed [type="checkbox"]:checked + label { font-size: 14px; } /* Small Desktop */ @media (max-width: 1200px) { .form-contact { margin-bottom: 80px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-contact .form__col--shrink { width: 50%; } .form-contact .form__row > .form__col:nth-child(1) { } .form-contact .form__row > .form__col:nth-child(2) { -ms-flex-order: 3; order: 3; } .form-contact .form__row > .form__col:nth-child(3) { -ms-flex-order: 2; order: 2; } } /* Mobile */ @media (max-width: 767px) { .form-contact { margin-bottom: 20px; } .form-contact .form__col--shrink { width: 100%; } .form-contact .subscribe-box { margin-bottom: 22px; padding: 20px; min-height: 0; } .form-contact .textarea { padding: 10px; height: 280px; } } /* ------------------------------------------------------------ *\ Form program search \* ------------------------------------------------------------ */ .form-program-search-holder { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .form-program-search-holder .form-program-search { width: 33.33%; } .form-program-search { padding: 21px 58px 12px; } .form-program-search .form__label { display: block; font-size: 19px; line-height: 1.26; font-weight: 600; margin-bottom: 28px; text-align: center; } .form-program-search.white .form__label { color: #fff; } .form-program-search .form__actions { text-align: center; } .form-program-search .form__controls { margin-bottom: 16px; } .form-program-search .select select { width: 100%; } .form-program-search + .form-program-search { border-left: 2px solid #D2D2D2; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-program-search { padding: 21px 15px 12px; } .form-program-search .form__label { margin-bottom: 12px; } } /* Mobile */ @media (max-width: 767px) { .form-program-search-holder { display: block; } .form-program-search-holder .form-program-search { width: 100%; } .form-program-search { padding: 20px 0; } .form-program-search + .form-program-search { border-left: none; border-top: 2px solid #D2D2D2; } } /* ------------------------------------------------------------ *\ form-sign-up \* ------------------------------------------------------------ */ .form-sign-up { } .form-sign-up .form__label { display: block; margin-bottom: 3px; font-size: 15px; line-height: 1.67; } .form-sign-up .field { border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 43px; color: #AEAEAE; padding: 0 5px; min-width: 180px; } .form-sign-up .form__col { padding: 0 5px; } .form-sign-up .form__row { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin: 0 -5px; } .form-sign-up .form__btn { } /* Mobile */ @media (max-width: 767px) { .form-sign-up .form__row { display: block; } .form-sign-up .form__controls { margin-bottom: 15px; } .form-sign-up .form__btn, .form-sign-up .field { width: 100%; } } /* ------------------------------------------------------------ *\ Form Search \* ------------------------------------------------------------ */ .form-search { padding: 37px 0 42px; } .form-search .form__head { text-align: center; } .form-search .form__head h2 { color: #fff; font-family: 'LeituraNews-Roman3', sans-serif; line-height: 1.19; letter-spacing: 0.08em; margin: 0 0 23px; } .form-search .form__body { padding-bottom: 28px; } .form-search .form__foot { text-align: center; } .form-search .form__foot a { color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-size: 16px; line-height: 1.88; text-decoration: none; } .form-search .form__btn { width: 100%; } .form-search .field { border: none; } .form-search .form__row { display: -ms-flexbox; display: flex; margin: 0 -9px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-search .form__col { padding: 0 9px; } .form-search .form__col--large { width: 70%; } .form-search .form__col--small { width: 26%; } .form-search .form__inner { max-width: 446px; margin: 0 auto; } /*Form-search alt*/ .form-search--alt { padding-bottom: 25px; } .form-search--alt .form__foot { margin-top: 13px; } .form-search--alt .form__foot a { font: 600px; letter-spacing: 0.04em; pointer-events: none; } /* Mobile */ @media (max-width: 767px) { .form-search { padding: 30px 0 20px; } .form-search h2 { font-size: 22px; } .form-search .form__col { width: 100%; } .form-search .form__actions { margin-top: 15px; } .form-search .form__body { padding-bottom: 20px; } } /* ------------------------------------------------------------ *\ form-subscribe-alt \* ------------------------------------------------------------ */ .form-subscribe-alt { } .form-subscribe-alt .form__label { display: block; color: #404040; font-size: 15px; line-height: 1.47; margin: 0 0 4px; } .form-subscribe-alt .form__col { float: left; width: 100%; padding: 0 7px; } .form-subscribe-alt .form__row { margin: 0 -7px; } .form-subscribe-alt .form__row:after { content: ''; line-height: 0; display: table; clear: both; } .form-subscribe-alt .form__col--1of2 { width: 50%; } .form-subscribe-alt .form__btn { line-height: 47px; height: 47px; font-size: 16px; padding: 0 20px; } .form-subscribe-alt .form__foot p { margin-bottom: 8px; } .form-subscribe-alt .form__actions .form__btn { display: inline-block; } .form-subscribe-alt .form__actions .btn-subscribe { display: none; } .form-subscribe-alt .form__actions.subscribe .form__btn { display: none; } .form-subscribe-alt .form__actions.subscribe .btn-subscribe { display: inline-block; } .form-subscribe-alt .form__head { margin-bottom: 13px; } .form-subscribe-alt .form__controls { margin-bottom: 12px; } .form-subscribe-alt h6 { margin: 7px 0; font-size: 15px; line-height: 1.4; } .form-subscribe-alt .form__body { padding-right: 88px; } .form-subscribe-alt .list-checkboxes { padding-top: 12px; margin-bottom: 24px; } .form-subscribe-alt .checkbox-small { } .form-subscribe-alt .checkbox-small [type="checkbox"]:not(:checked) + label, .form-subscribe-alt .checkbox-small [type="checkbox"]:checked + label { font-size: 14px; font-weight: 400; } /* Mobile */ @media (max-width: 767px) { .form-subscribe-alt .form__body { padding-right: 0; } .form-subscribe-alt .form__col { width: 100%; } } /* ------------------------------------------------------------ *\ Form for search results filter \* ------------------------------------------------------------ */ .form-filter-search-results { position: relative; margin: -13px 0 44px; padding: 22px 0 27px; background-color: #f1f1f1; letter-spacing: 0.03em; } .form-filter-search-results:before { content: ''; position: absolute; left: -50vw; right: -50vw; top: 0; bottom: 0; background-color: #f1f1f1; z-index: -1; } .form-filter-search-results .form__row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .form-filter-search-results .form__controls { padding: 8px 0 16px; } .form-filter-search-results .form__controls + .form__controls { margin-left: 36px; padding-left: 39px; border-left: 1px solid #cccc; } .form-filter-search-results .form__title { margin-bottom: 13px; font-size: 16px; font-weight: 500; } @media (max-width: 767px) { .form-filter-search-results { margin: -12px 0 10px; padding: 10px 0; } .form-filter-search-results .form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-filter-search-results .form__controls { width: 100%; padding: 0; } .form-filter-search-results .filter-group { max-width: 300px; margin: auto; } .form-filter-search-results .form__controls + .form__controls {margin-top: 13px; margin-left: 0; padding-left: 0; border-left: none; } .form-filter-search-results .form__title { margin-bottom: 5px; } } /* ------------------------------------------------------------ *\ Grade States \* ------------------------------------------------------------ */ .grade-states { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; max-width: 1072px; margin: 0 auto; } .grade-states .shape { position: absolute; content: ''; } .grade-states .shape-top-left { top: 0; left: 0; background: url(../css/images/corner-top-left.png) 0 0 no-repeat; width: 12px; height: 12px; background-size: 100% 100%; } .grade-states .shape-top-center { top: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(../css/images/corner-top-center.png) 0 0 no-repeat; width: 22px; height: 12px; background-size: 100% 100%; } .grade-states .shape-top-right { top: 0; right: 0; background: url(../css/images/corner-top-right.png) 0 0 no-repeat; width: 12px; height: 12px; background-size: 100% 100%; } .grade-states .shape-bottom-right { bottom: 0; right: 0; background: url(../css/images/corner-bottom-right.png) 0 0 no-repeat; width: 12px; height: 12px; background-size: 100% 100%; } .grade-states .shape-bottom-left { bottom: 0; left: 0; background: url(../css/images/corner-bottom-left.png) 0 0 no-repeat; width: 12px; height: 12px; background-size: 100% 100%; } .grade-state { position: relative; text-align: center; width: 33.33%; padding: 46px 0; } .grade-state__inner { max-width: 230px; margin: 0 auto; } .grade-state .icon { display: inline-block; min-height: 44px; } .grade-state .grade__status { display: block; text-transform: uppercase; font-size: 14px; color: #C7C7C7; line-height: 1.79; font-weight: 500; } .grade-state .state__number { display: block; font-size: 80px; line-height: 1.1; color: #22467A; font-weight: 400; letter-spacing: -0.04em; font-family: 'LeituraNews-Roman4', sans-serif; } .grade-state h4 { margin: 0 0 15px; font-family: 'LeituraNews-Roman3', sans-serif; } .grade-state + .grade-state:before { position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; background: url(../css/images/ico-plus-separator@2x.png) 0 0 no-repeat; background-size: 100% 100%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .grade-state:nth-of-type(3n+1):before, .grade-state:nth-of-type(2):before, .grade-state:nth-of-type(3):before { display: none; } /* Mobile */ @media (max-width: 767px) { .grade-states { padding-bottom: 30px; } .grade-state { width: 100%; padding: 30px 0; } .grade-state:before { display: none; } } /* ------------------------------------------------------------ *\ Grade University \* ------------------------------------------------------------ */ .grade-university { } .grade-university .meta { } .grade-university .grade-university__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 44px; } .grade-university .grade-university__head strong { display: block; padding: 0 20px; font-size: 80px; line-height: 1; color: #E65B30; } .grade-university .grade-university__head h4 { line-height: 1.26; margin: 0; } .grade-university .grade-university__head .meta { font-size: 14px; line-height: 1.79; text-transform: uppercase; color: #C7C7C7; } .grade-university .grade-university__head__inner { } .grade-university .grade-university__body { } .grade-university .grade-university__actions { padding-top: 113px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .grade-university .grade-university__actions a { text-decoration: none; } .grade-university .grade-university__actions p { font-size: 15px; margin-bottom: 15px; } .grade-university .select select { min-width: 270px; } .grade-university .form__label { font-size: 15px; } .grade-university .grade-university-title { text-align: center; margin-bottom: 20px; } .grade-university .grade-university-title h2 { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.19; margin: 0 0 8px; } .grade-university .grade-university-title p { font-size: 15px; line-height: 1.47; letter-spacing: 0.02em; margin-bottom: 0; } @media(max-width: 1300px){ .grade-compare { padding: 60px 30px 0; } } /* Small Desktop */ @media (max-width: 1200px) { .grade-compare { padding: 60px 0 0; } .grade-university .grade-university__actions { padding-top: 80px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .grade-university .grade-university__actions { padding-top: 50px; } } /* Mobile */ @media (max-width: 767px) { .grade-compare { padding: 0; } .grade-university .grade-university__actions { padding-top: 30px; } .grade-university .grade-university__actions select { width: 100%; } .grade-university .grade-university__head { display: block; text-align: center; margin-bottom: 20px; } .grade-university .grade-university__head strong { font-size: 40px; margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid { margin: 0 -15px; } .grid__item { margin: 0 15px 30px; /*width: calc(33% - 30px);*/ width: 33.33%; margin: 0; padding: 0 15px 30px; } .grid__item .article-excerpt { margin: 0; } .grid__item--fullwidth { width: calc(100% - 30px); width: 100%; } .grid .subscribe-box { background: #182F50; padding: 47px 29px 40px; } .grid .subscribe-box h1 { font-size: 37px; margin-bottom: 35px; } .grid .subscribe-box .form__label.hidden { display: none; } .grid .subscribe-box .subscribe__inner { display: block; } .grid .subscribe-box .subscribe__btn { margin-left: 0; margin-top: 34px; } .grid .subscribe-box .subscribe__extra__actions { padding-top: 13px; text-align: left; } /* Tablet Portrait */ @media (max-width: 1023px) { .grid .subscribe-box { padding: 25px 20px; } } /* Mobile */ @media (max-width: 767px) { .grid { margin: 20px 0 0; } .grid__item { width: 100%; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; } .grid .subscribe-box { padding: 20px; } .grid .subscribe-box h1 { font-size: 30px; text-align: center; } .grid .subscribe-box .subscribe__extra__actions { text-align: center; } } /* ------------------------------------------------------------ *\ Grid Filters \* ------------------------------------------------------------ */ .grid-filters { position: fixed; top: 0; right: 0; bottom: 0; background: #fff; width: 450px; max-width: 100%; z-index: 9999; padding: 44px 0 68px 44px; -ms-transform: translateX(100%); transform: translateX(100%); transition: transform .4s; } .grid-filters .filter-inner { max-height: calc(100vh - 112px); padding-top: 41px; overflow-y: auto; } .grid-filters .popup-close { position: absolute; top: 27px; right: 49px; background: url(../css/images/popup-close@2x.png) 0 0 no-repeat; width: 21px; height: 21px; background-size: 100% 100%; } .grid-filters h6 { font-size: 15px; font-weight: 600; line-height: 1.6; margin: 0 0 12px; } .grid-filters .filter-group + .filter-group { margin-top: 44px; } .grid-filters .list-options li { padding: 9px 0 9px 0; } .grid-filters .show-more-items { color: #404040; font-size: 15px; padding-left: 61px; text-align: left; text-decoration: none; } .grid-filters .filter-actions { position: absolute; bottom: 0; left: 0; width: 100%; } .grid-filters.show { -ms-transform: translateY(0); transform: translateY(0); } .grid-filters:before { position: fixed; top: 0; right: 450px; width: 100%; height: 100%; background: rgba(255,255,255,.6); content: ''; visibility: hidden; opacity: 0; transition: visibility .4s, opacity .4s; } .grid-filters.show:before { visibility: visible; opacity: 1; width: calc(100vw - 450px); height: 100vh; } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { padding: 60px 0 51px; text-align: center; } .intro .intro-graphic-svg { width: 100%; height: auto; max-width: 820px; margin: 0 auto; } .intro .intro__image { } .intro .intro-graphic-svg + .intro__actions, .intro .intro__image + .intro__actions { margin-top: 64px; } .intro .intro__actions a { font-weight: 500; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro .intro__image { padding-left: 20px; padding-right: 20px; } } /* Mobile */ @media (max-width: 767px) { .intro { padding: 30px 0; } .intro .intro-graphic-svg + .intro__actions, .intro .intro__image + .intro__actions { margin-top: 30px; } } /* ------------------------------------------------------------ *\ Intro Primary \* ------------------------------------------------------------ */ .intro-primary { background-size: cover; background-position: center center; } .intro-primary h1 { font-size: 36px; line-height: 1.23; color: #404040; margin: 0 0 2px; color: #fff; font-family: 'LeituraNews-Roman3', sans-serif; } .intro-primary p { line-height: 1.47; color: #fff; font-family: 'LeituraNews-Roman1', sans-serif; } .intro-primary h6 { color: #fff; line-height: 1.56; margin: 0 0 21px; } .intro-primary .intro__content { position: relative; text-align: center; background: rgba(232,191,56,.4); min-height: 382px; padding: 83px 0 90px; } .intro-primary .intro__content:before { position:absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #E8BF38; mix-blend-mode: multiply; } .intro-primary .intro__content--no-filter:before { display: none; } .intro-primary .intro__content__inner { position: relative; max-width: 571px; margin: 0 auto; z-index: 1; } .intro-primary .btn-research { position: absolute; top: 0; right: 35px; border-radius: 0 0 3px 3px; font-size: 14px; } .intro-primary .btn-research.btn-red { background: #C34041; } .intro-primary .btn-research.btn-red:hover { background: #B62E30; } .intro-primary .intro__inner { padding: 73px 0 50px; } .intro-primary--red .intro__content { background: rgba(219, 69, 69, .8); } .intro-primary--red .btn-search { position: absolute; bottom: -21px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .intro-primary--red h1 + p { margin-top: 26px; } /* Mobile */ @media (max-width: 767px) { .intro-primary .intro__content { padding: 50px 0 30px; } .intro-primary .btn-research { right: 0; } .intro-primary--red .btn-research { display: none; } .intro-primary--red .intro__content { padding: 21px 5px 42px; } .intro-primary--red .intro__content .btn { padding: 0 10px; width: auto; min-width: 180px; } .intro-primary--red .intro__inner { padding: 40px 0 30px; } } /* ------------------------------------------------------------ *\ Intro Database \* ------------------------------------------------------------ */ .intro-database { position: relative; height: 181px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-size: cover; background-position: center top; text-align: center; } .intro-database:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.8; background: #22467A; } .intro-database h1 { position: relative; z-index: 9; color: #fff; font-family: 'LeituraNews-Roman3', sans-serif; } /* Mobile */ @media (max-width: 767px) { .intro-database { padding: 23px 10px; height: auto; } .intro-database h1 { font-size: 37px; line-height: 1.22; } } /* ------------------------------------------------------------ *\ Intro Alt \* ------------------------------------------------------------ */ .intro-alt { position: relative; min-height: 300px; padding: 66px 0 70px; background-size: cover; background-position: center center; } .intro-alt:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.8; background: #22467A; } .intro-alt .intro__content { padding-bottom: 56px; max-width: 605px; margin: 0 auto; position: relative; z-index: 1; color: #fff; text-align: center; } .intro-alt h1 { font-weight: 500; font-style: italic; margin-bottom: 27px; font-family: 'LeituraNews-Roman3', sans-serif; font-weight: 400; } .intro-alt p { line-height: 1.47; } .intro-alt .intro__actions { position: absolute; bottom: 31px; right: 42px; } .intro-alt .collapsable-text p { margin-bottom: 0; line-height: 25px; max-height: 125px; overflow: hidden; transition: max-height .4s; } .intro-alt .collapsable-text.expand p { max-height: 350px; } .intro-alt .collapsable-text a { color: #fff; font-weight: 700; } .intro-alt .collapsable-text a span:nth-child(1) { display: block; } .intro-alt .collapsable-text a span:nth-child(2) { display: none; } .intro-alt .collapsable-text a.active span:nth-child(1) { display: none; } .intro-alt .collapsable-text a.active span:nth-child(2) { display: block; } /* Mobile */ @media (max-width: 767px) { .intro-alt { padding: 30px 15px; } .intro-alt .intro__actions { position: relative; right: 0; bottom: 0; } .intro-alt .intro__content { padding-bottom: 30px; } .intro-alt .form__row { display: block; } .intro-alt .form__actions { margin-top: 10px; text-align: center; margin-left: -5px; margin-right: -5px; } .intro-alt .form__actions button { width: 100%; } .intro-alt .collapsable-text.expand p { max-height: 450px; } } /* ------------------------------------------------------------ *\ Intro About \* ------------------------------------------------------------ */ .intro-about { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;margin-bottom: 74px; height: 264px; background-size: cover; background-position: center center; border-radius: 3px; } .intro-about--alt { margin-bottom: 33px; } .intro-about .label { font-size: 32px; font-weight: 700; color: #404040; border-radius: 3px; line-height: 59px; padding: 0 31px; letter-spacing: 0.08em; background: #fff; font-family: 'LeituraNews-Roman3', sans-serif; } .intro-about h2 { font-size: 32px; font-weight: 600; line-height: 1.5; text-align: center; letter-spacing: 0.08em; max-width: 860px; margin: 0; } .intro-about .btn { position: absolute; left: 50%; bottom: -22px; -ms-transform: translateX(-50%); transform: translateX(-50%); } .intro-with-overlay { position: relative; } .intro-with-overlay:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: #182F50; opacity: .89; border-radius: 3px; } .intro-with-overlay > * { position: relative; z-index: 1; } .intro-with-overlay h2 { color: #fff; } .intro-with-clear-overlay { position: relative; } .intro-with-clear-overlay:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; opacity: .89; border-radius: 3px; } .intro-with-clear-overlay > * { position: relative; z-index: 1; } .intro-with-clear-overlay h2 { color: #fff; } /* Small Desktop */ @media (max-width: 1200px) { .intro-about { margin-bottom: 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .intro-about--alt { margin-bottom: 15px; } .intro-about h2 { font-size: 28px; } .intro-about.intro-with-overlay { height: auto; padding: 20px 20px 40px; } } /* Mobile */ @media (max-width: 767px) { .intro-about { height: 220px; } .intro-about .label { font-size: 22px; padding: 0 10px; line-height: 44px; } .intro-about h2 { font-size: 22px; } .intro-about .btn { width: 260px; } } /* ------------------------------------------------------------ *\ Intro Publiation \* ------------------------------------------------------------ */ .intro-publication { background: #29477c; color: #fff; text-align: center; padding: 20px 0 36px; font-size: 19px; font-weight: 600; position: relative; } .intro-publication h1 { font-family: 'LeituraNews-Roman3', sans-serif; font-size: 50px; font-weight: 400; margin-bottom: 0; } .intro-publication p { margin-bottom: 16px; } .intro-publication .intro-date { font-size: 14px; font-weight: 700;letter-spacing: 0.02px; text-transform: uppercase; } .intro-publication .btn { position: absolute; left: 50%; bottom: -22px; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } /* Mobile */ @media (max-width: 767px) { .intro-publication { font-size: 16px; } .intro-publication h1 { font-size: 30px; } .intro-publication .btn { white-space: nowrap; } } /* ------------------------------------------------------------ *\ Intro Publication Alt \* ------------------------------------------------------------ */ .intro-publication--alt { background-color: #22687b; } /* ------------------------------------------------------------ *\ Intro TPR \* ------------------------------------------------------------ */ .intro-tpr { position: relative; background-size: cover; background-repeat: no-repeat; /*overflow: hidden;*/ background-color: #EB8211; } .intro-tpr:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0.6); } .intro-tpr h1, .intro-tpr h2 { } .intro-tpr h1 { text-align: left; margin: 0; line-height: 1.22; color: #fff; font-weight: 500; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 36px; } .intro-tpr h2 { font-weight: 700; line-height: 1.19; margin: 0; color: #fff; font-family: "SF UI Display", sans-serif; font-size: 68px; } .intro-tpr h2 + p { margin-top: 20px; } .intro-tpr span.meta { display: block; color: #fff; font-size: 14px; text-transform: uppercase; margin: 0 0 14px; } .intro-tpr p { font-size: 20px; line-height: 30px; max-width: 560px; color: #fff; margin: 0 auto; font-family: "Leitura Roman 1", sans-serif; } .intro-tpr h4 { font-family: 'LeituraNews-Roman3', sans-serif; color: #fff; margin: 13px 0 0; } .intro-tpr .btn-close-content { position: absolute; top: 15px; right: 15px; visibility: hidden; opacity: 0; } .intro-tpr .btn-close-content.show { visibility: visible; opacity: 1; } .intro-tpr .shell { position: relative; z-index: 3; } .intro-tpr .intro__logo { position: absolute; top: 0; left: 0; } .intro-tpr .intro__content { padding: 50px 0; min-height: 180px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .intro-tpr .intro__content-inner--full-width { width: 100%; } .intro-tpr .intro__content-inner--full-alt { } .intro-tpr .intro__content-inner--alt p { max-width: 100%; } .intro-tpr .intro__content .btn { position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .intro-tpr .intro__actions--bottom { position: absolute; left: 50%; bottom: -22px; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align: center; } .intro-tpr .intro__actions--bottom .btn { position: static; -ms-transform: none; transform: none; } .intro-tpr .intro__actions--bottom ul { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .intro-tpr .intro__actions--bottom li { margin: 0 16px; } .intro-tpr .intro__location { position: absolute; top: 50%; right: 0; color: #fff; text-align: center; -ms-transform: translateY(-50%); transform: translateY(-50%); } .intro-tpr .intro__location svg { margin-bottom: 10px; } .intro-tpr .intro__location span { display: block; font-size: 19px; font-weight: 600; line-height: 1.26; } .intro-tpr .intro__content .form__btn { position: static; -ms-transform: none; transform: none; } .intro-tpr .expand-content-link { display: inline-block; margin-top: 20px; text-decoration: none; } .intro-tpr .collapsed-content { padding-top: 60px; display: none; } .intro-tpr .collapsed-content h2 { text-align: center; } .intro-tpr .collapsed-content h4 { text-align: left; font-weight: 600; line-height: 1.26; } .intro-tpr .table-programs { margin: 16px 0; } .intro-tpr .collapsed-content p { margin-bottom: 0; text-align: left; } .intro-tpr .collapsed-content p + h4 { margin-top: 20px; } .intro-tpr .expand-content-link span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; color: #fff; font-weight: 500; line-height: 1.88; text-decoration: none; width: auto; } .intro-tpr .expand-content-link span.open { display: none; } .intro-tpr .expand-content-link.active { } .intro-tpr .expand-content-link.active .open { display: -ms-flexbox; display: flex; } .intro-tpr .expand-content-link.active .close { display: none; } .intro-tpr .expand-content-link svg { margin: 0 10px; } /* Small Desktop */ @media (max-width: 1200px) { .intro-tpr .intro__logo { left: 10px; } .intro-tpr .intro__content .btn { right: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .intro-tpr .intro__content { display: block; } .intro-tpr .intro__content .btn { position: static; -ms-transform: none; transform: none; margin-top: 15px; } .intro-tpr .intro__location { right: 10px; } .intro-tpr .intro__location span { font-size: 15px; } .intro-tpr h1, .intro-tpr h2 { max-width: 470px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .intro-tpr { background-position: 50% 50%; } .intro-tpr .intro__location { position: static; -ms-transform: none; transform: none; margin-bottom: 10px; } .intro-tpr .intro__logo { position: static; } .intro-tpr .intro__content { padding: 20px 0 30px; } .intro-tpr .intro__content { display: block; } .intro-tpr .collapsed-content { padding-top: 20px; } .intro-tpr .intro__actions--alt { position: static; left: 0; -ms-transform: none; transform: none; bottom: 0; } .intro-tpr .intro__actions--alt ul { display: block; margin: 0; } .intro-tpr .intro__content .shell { padding: 0; } } /* ------------------------------------------------------------ *\ Legend \* ------------------------------------------------------------ */ .legend { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 70px; } .legend .btn-add { display: block; height: 33px; line-height: 29px; font-size: 16px; } .legend a { text-decoration: none; } .legend .btn-add.hide { display: none; } .legend .legend__item-hiden { display: none; } .legend .legend__item-hiden.show { display: inline-block; } .legend__item { display: -ms-flexbox; display: flex; } .legend__item span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; border-radius: 3px; } .legend__item span { background: #90A2BC; } .legend__item span.color-blue { background: #22467a; } .legend__item-hiden span { background: #DADADA; } .legend__item small { display: inline-block; vertical-align: middle; font-size: 18px; color: #C7C7C7; margin-left: 10px; } .legend__item p { display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 10px; } .legend__item + * { margin-left: 35px; } .legend--block { display: block; } .legend--block { max-width: 550px; margin: 0 auto; } .legend--block .legend__item + * { margin-left: 0; margin-top: 15px; } .legend li { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* Mobile */ @media (max-width: 767px) { .legend { padding-bottom: 0; } .legend .btn-add { font-size: 12px;} .legend--block { margin-bottom: 30px; } .legend--block .legend__item span { -ms-flex-negative: 0; flex-shrink: 0; } .legend--block { } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Publications \* ------------------------------------------------------------ */ .list-publications { display: -ms-flexbox; display: flex; margin: 0 -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-publications li { width: 25%; margin: 0 0 30px; padding: 0 15px; -ms-flex-negative: 0; flex-shrink: 0; } .list-publications a { display: block; } .list-publications img { width: 100%; height: auto; } /* Mobile */ @media (max-width: 767px) { .list-publications li { width: 100%; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links { } .list-links a { color: #C1873A;/* color: #22467A;*/ font-size: 16px; line-height: 1.88; transition: color .4s; font-weight: 500; text-decoration: none; } .list-links a:hover { color: #7B4C0C; } .list-links--blue a { color: #22467A; } /* ------------------------------------------------------------ *\ List Contacs \* ------------------------------------------------------------ */ .list-contacts { display: -ms-flexbox; display: flex; } .list-contacts li { width: 33.33%; padding-right: 10px; } .list-contacts p { font-size: 12px; line-height: 1.17; color: #464646; } .list-contacts p a { color: inherit; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-contacts li { width: 33.33%; } } /* Mobile */ @media (max-width: 767px) { .list-contacts { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; } .list-contacts li { width: 100%; padding-right: 0; text-align: left; } .list-contacts li:first-of-type { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ List Funders \* ------------------------------------------------------------ */ .list-funders { } .list-funders li { font-size: 14px; } .list-funders a { display: inline-block; font-size: 14px; line-height: 1.5; text-decoration: none; letter-spacing: 0.02em; color: inherit; } .list-funders a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ List Btns \* ------------------------------------------------------------ */ .list-btns { } .list-btns-block { width: 100%; } .list-btns li + li { margin-top: -2px; } /* ------------------------------------------------------------ *\ List States \* ------------------------------------------------------------ */ .list-states { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -3px 0; } .list-states li { padding: 0 3px 6px; } .list-states a { display: block; line-height: 29px; border-radius: 3px; border: 2px solid #D2D2D2; padding: 0 1px; min-width: 33px; font-size: 16px; color: #22467A; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; text-align: center; text-decoration: none; transition: background-color .4s, color .4s; } .list-states a:hover { background: #D2D2D2; color: #22467A; } /* ------------------------------------------------------------ *\ List Features \* ------------------------------------------------------------ */ .list-features { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin: 0 -60px; } .list-features li { padding: 0 60px; width: 33.33%; text-align: center; } .list-features p { font-size: 19px; font-weight: 600; line-height: 1.26; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .list-features h2 { margin-bottom: 9px; font-weight: 400; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 32px; } @media(max-width: 1400px){ .list-features { margin: 0 -15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-features { display: block; } .list-features li { padding: 0 15px 30px; } .list-features .slick-dots { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; list-style-type: none; line-height: 1; } .list-features .slick-dots li { margin: 0 10px; width: auto; padding: 0; line-height: 1; padding: 0; } .list-features .slick-dots button { font-size: 0; line-height: 0; text-indent: -4004px; width: 16px; height: 16px; border: 2px solid #fff; transition: background .4s; background: #fff; border-radius: 50%; line-height: 1; } .list-features .slick-dots li.slick-active button { background: none; } } /* Mobile */ @media (max-width: 767px) { .list-features li { padding-bottom: 10px; } } /* ------------------------------------------------------------ *\ List-Districts \* ------------------------------------------------------------ */ .list-districts { color: #fff; } .list-districts a { color: #fff; text-decoration: none; font-weight: 700; font-size: 15px; line-height: 2; } /* ------------------------------------------------------------ *\ list-school-info \* ------------------------------------------------------------ */ .list-school-info { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: end; align-items: flex-end; } .list-school-info li { padding: 12px 10px; text-align: center; width: 33.33%; } .list-school-info strong { font-size: 55px; font-weight: 700; color: #22467A; line-height: 1; margin-bottom: 5px; font-family: 'LeituraNews-Roman3', sans-serif; } .list-school-info h4 { color: #404040; font-weight: 600; line-height: 1.26; margin: 0 0 6px; } .list-school-info span { display: block; color: #BBB; font-size: 12px; font-weight: 700; line-height: 2.08; text-transform: uppercase; } .list-school-info-plain { font-family: Helvetica, Arial, sans-serif !important; font-size: 55px !important; color: #22467A !important; display: inline !important; line-height: 1 !important; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-school-info strong { font-size: 40px; } .list-school-info-plain { font-size: 40px !important; } } /* Mobile */ @media (max-width: 767px) { .list-school-info strong { font-size: 30px; } .list-school-info-plain { font-size: 30px !important; } .list-school-info h4 { font-size: 16px; } .list-school-info li { width: 100%; padding: 5px; } } /* ------------------------------------------------------------ *\ List Dots \* ------------------------------------------------------------ */ .list-dots { } .list-dots li { font-size: 15px; line-height: 1.47; font-weight: 400; } .list-dots--alt { } .list-dots--alt li { position: relative; padding-left: 26px; } .list-dots--alt li + li { margin-top: 30px; } .list-dots--alt li:before { position: absolute; top: 0; left: 0; content: '•'; font-size: inherit; line-height: inherit; } /* ------------------------------------------------------------ *\ List Docs \* ------------------------------------------------------------ */ .list-docs { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .list-docs > li { padding: 0 5px; } .list-docs > li > a { font-size: 16px; color: #182F50; font-weight: 700; text-decoration: none; } .list-docs > li > ul { display: none; } .list-docs ul { list-style-type: none; } .list-docs ul a { color: #fff; font-size: 13px; line-height: 1.77; font-weight: 400; text-decoration: none; } /* Small Desktop */ @media (max-width: 1200px) { .list-docs { margin: 0 -5px; } .list-docs > li { width: 16.67%; padding: 0 5px; } .list-docs > li > a { font-size: 14px; } .list-docs ul a { font-size: 12px; line-height: 1.5; display: block; } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-docs { -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-docs > li { width: 33.33%; } } /* Mobile */ @media (max-width: 767px) { .list-docs > li { width: 100%; text-align: center; } } /* ------------------------------------------------------------ *\ List Options \* ------------------------------------------------------------ */ .list-options { margin-bottom: 10px; } .list-options li { padding-left: 20px; padding: 20px 0 20px 20px; position: relative; } .list-options li:after { position: absolute; bottom: 0; right: 0; content: ''; background: #ccc; height: 1px; width: calc(100% - 80px);} .list-options .checkbox-reversed [type="checkbox"]:not(:checked) + label, .list-options .checkbox-reversed [type="checkbox"]:checked + label { padding-left: 60px; color: #404040; font-size: 15px; line-height: 1.4; } .list-options .checkbox-reversed [type="checkbox"]:checked + label { color: #22467A; } .list-options-alt { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-options-alt li { margin: 0 9px 22px; } .list-options-alt .checkbox-reversed [type="checkbox"]:not(:checked) + label, .list-options-alt .checkbox-reversed [type="checkbox"]:checked + label { padding-left: 40px; color: #22467A; font-size: 16px; line-height: 1.4; font-weight: 700; text-transform: capitalize; } /*List options simple*/ .list-options--simple li { padding: 0; } .list-options--simple li:after { display: none; } .list-options--simple li + li { margin-top: 7px; } .list-options--simple .checkbox-reversed [type="checkbox"]:not(:checked) + label, .list-options--simple .checkbox-reversed [type="radio"]:not(:checked) + label, .list-options--simple .checkbox-reversed [type="radio"]:checked + label, .list-options--simple .checkbox-reversed [type="checkbox"]:checked + label { padding-left: 53px; line-height: 1; color: #404040; font-size: 15px; } .list-options--simple .checkbox-reversed [type="radio"]:checked + label, .list-options--simple .checkbox-reversed [type="checkbox"]:checked + label { color: #22467A; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-options-alt li { margin-bottom: 10px; } } /* Mobile */ @media (max-width: 767px) { .list-options li { padding-top: 8px; padding-bottom: 8px; } .list-options--simple li { padding: 0; } } /* ------------------------------------------------------------ *\ List-Supporters \* ------------------------------------------------------------ */ .list-supporters { column-count: 2; column-gap: 25px; } .list-supporters li { padding-right: 45px; } .list-supporters a { font-size: 14px; line-height: 1.5; color: #404040; text-decoration: none; } /* Small Desktop */ @media (max-width: 1200px) { .list-supporters li { padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .list-supporters { column-count: 1; column-gap: 0; } } /* ------------------------------------------------------------ *\ List-definition-positions \* ------------------------------------------------------------ */ .list-definition-positions { /*display: flex; flex-wrap: wrap; */ margin-bottom: 0; } /*.list-definition-positions dt { flex-shrink: 0; font-weight: 500; } .list-definition-positions dd { flex-grow: 1; font-weight: 400; position: relative; }*/ .list-definition-positions dt, .list-definition-positions dd { display: inline; position: relative; font-size: 17px; line-height: 1.76; } .list-definition-positions dd:after { content: "\A"; white-space: pre-wrap; display: block; /*height: .5em;*/ font-size: 0; width: 100%; /*flex-grow: 1;*/ } .list-definition-positions dt { font-weight: 500; } .list-definition-positions dd { font-weight: 400; } /* ------------------------------------------------------------ *\ List Steps \* ------------------------------------------------------------ */ /*.list-steps { counter-reset: steps; }*/ .list-steps li { position: relative; padding-left: 40px; } .list-steps > li { counter-increment: steps; } .list-steps > li:before, .list-steps ol li:before { font-weight: 700; position: absolute; left: 0; top: 0; } .list-steps > li:before { content: '1.' counter(steps); } .list-steps ol { list-style-type: none; counter-reset: alphabet; margin-left: -40px; } .list-steps ol li { counter-increment: alphabet; } .list-steps ol li:before { content: '1.' counter(steps) counter(alphabet, lower-alpha); } /* ------------------------------------------------------------ *\ list-standards \* ------------------------------------------------------------ */ .list-standards { } .list-standards h4 { margin-bottom: 0; line-height: 1.26; font-weight: 700; } .list-standards p { font-size: 15px; line-height: 1.6; margin-bottom: 0; } .list-standards a { color: #C1873A; font-size: 16px; font-weight: 500; text-decoration: none; } .list-standards li { padding: 28px 0; } .list-standards li + li { border-top: 2px solid #D2D2D2; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-standards li { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Location Features \* ------------------------------------------------------------ */ .location-features { display: -ms-flexbox; display: flex; border-top: 1px solid #EFEFEF; border-right: 3px solid #EFEFEF; border-bottom: 3px solid #EFEFEF; border-left: 3px solid #EFEFEF; } .location-feature { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 27px 63px; min-height: 240px; width: 50%; } .location-feature + .location-feature { border-left: 1px solid #EFEFEF; } .location-feature p {font-size: 19px; color: #404040; letter-spacing: 0; line-height: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -ms-flex-negative: 0; flex-shrink: 0; } .location-feature .label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 700; font-size: 24px; letter-spacing: 0.03px; line-height: 25px; } .location-feature .label i { font-size: 0; line-height: 1; margin-left: 13px; } .location-feature .label--YES { color: #A0CE62; } .location-feature .label--NO { color: #DB4545; } .location-feature__content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-positive: 1; flex-grow: 1; } .location-feature__content strong { display: block; font-family: 'LeituraNews-Roman4', sans-serif; font-weight: 400; font-size: 80px; color: #22467A; letter-spacing: -0.57px; line-height: 1; } .location-feature__content .label + strong { margin-left: 20px; } .location-feature__content sub { position: relative; top: -15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 19px; color: #C7C7C7; letter-spacing: 0.03px; line-height: 25px; font-weight: 700; line-height: 1; } /* Tablet Portrait */ @media (max-width: 1023px) { .location-feature { padding: 20px 20px; } .location-feature__content strong { font-size: 60px; } } /* Mobile */ @media (max-width: 767px) { .location-features { display: block; } .location-feature { width: 100%; min-height: 0;} .location-feature + .location-feature { border-left: none; border-top: 1px solid #EFEFEF; } .location-feature p { font-size: 16px; text-align: center; } .location-feature__content { display: block; text-align: center; } .location-feature__content .label + strong { margin-left: auto; margin-top: 20px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { position: relative; text-decoration: none; } .logo img { /*position: absolute; left: 0; top: 0;*/ } .logo img + img {/* visibility: hidden; opacity: 0;*/ margin-left: 13px; } /* Mobile */ @media (max-width: 767px) { .logo { max-width: 185px; } } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map-pane, .map-canvas { height: 576px; } .map-locations { position: relative; } .map-locations:after { content: ''; line-height: 0; display: table; clear: both; } .map-locations h4 { font-weight: 600; margin-bottom: 8px; } .map-locations p { color: #A5A5A5; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-style: italic; line-height: 1.4; font-size: 15px; margin-bottom: 30px; } .map-locations .location-score { color: #404040; font-size: 15px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .map-locations .location-score i { margin-right: 5px; } .map-locations .map-pane { position: absolute; top: 0; left: 0; width: calc(100% - 310px); height: 100%; } .map-locations .map-pane--alt { width: calc(100% - 325px); } .map-locations .map-content { background: #fff; float: right; padding: 24px 34px; width: 310px; height: 576px; border-bottom: 2px solid #DCDCDC; } .map-locations .map-content--alt { padding-left: 24px; padding-right: 24px; width: 325px; } .map-locations .marker-content { overflow-y: auto; position: absolute; top: 0; right: 0; width: 310px; height: 100%; z-index: 9; padding-top: 71px; -ms-transform: translateX(100%); transform: translateX(100%); transition: transform .4s; } .map-locations .marker-content.visible { -ms-transform: translateX(0); transform: translateX(0); } .map-locations .marker-content .location-logo { display: inline-block; vertical-align: middle; margin-bottom: 19px; } .map-locations .marker-content .location-logo img { max-width: 120px; } .map-locations .marker-content h4 { line-height: 1.26; font-weight: 600; margin-bottom: 2px; } .map-locations .marker-content .meta { font-weight: 500; font-style: italic; line-height: 1.4; font-size: 15px; display: block; color: #A5A5A5; margin-bottom: 11px; } .map-locations .marker-content p { margin-bottom: 8px; color: #404040; font-weight: 400; line-height: 1.47; font-style: normal; } .map-locations .marker-content .link-more { color: #C1873A; font-size: 16px; font-weight: 500; text-decoration: none; } .map-locations .marker-content .btn-close { position: absolute; top: 30px; left: 38px; } .map-locations .marker-content.map-content--alt .meta { margin-bottom: 26px; } .map-locations .marker-content.map-content--alt p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .map-locations .marker-content.map-content--alt p img { max-width: 7px; margin-right: 8px; } .map-locations .marker-content.map-content--alt .btn-close { left: 24px; } .map-locations .marker-content .rating { display: block; font-size: 80px; line-height: 1; color: #E65B30; font-weight: 600; letter-spacing: -0.6; } .map-locations .marker-content .rating-label { display: block; margin-bottom: 4px; font-size: 19px; color: #404040; font-weight: 600; line-height: 1.26; } .map-locations .marker-content .rating-year { display: block; color: #C7C7C7; font-weight: 700; font-size: 14px; line-height: 1.79; text-transform: uppercase; margin-bottom: 26px; } .map-locations--alt .map-content { border-bottom: 2px solid #DCDCDC; border-top: 2px solid #DCDCDC; } .map-locations--alt .checkboxes-programs [type="checkbox"] + label:before { visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; } .map-locations--alt .animate-dots .checkboxes-programs [type="checkbox"] + label:before { visibility: visible; opacity: 1; } /* Mobile */ @media (max-width: 767px) { .map-locations .map-pane { display: none; } .map-locations .map-pane--alt { display: block; width: 100%; height: 200px; position: relative; } .map-locations .map-pane--alt .map-canvas { height: 200px; } .map-locations .map-content { position: relative; width: 100%; height: auto; padding: 22px 40px 14px; border: none; } .map-locations .marker-content { display: none; } .map-locations .map-content--alt { padding: 20px; } .map-locations .marker-content.map-content--alt { display: block; position: absolute; bottom: 0; top: auto; left: 0; height: 400px; padding-top: 50px; padding-left: 20px; padding-right: 20px; } .map-locations .marker-content .btn-close { top: 10px; left: 20px; } .map-locations .marker-content.map-content--alt { } .map-locations p { margin-bottom: 0; } .map-locations p:last-child { margin-bottom: 0; } .map-locations .location-score { display: none; } } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map text, .map path:not([class]) { pointer-events: none; } /* ------------------------------------------------------------ *\ Map Tabs \* ------------------------------------------------------------ */ .map-tabs {} .map-tabs i.ico-map-triangle { position: relative; pointer-events: none; } .map-tabs i.ico-map-triangle:after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; } .map-tabs .map__legend { position: relative; } .map-tabs .map__legend .socials { position: absolute; top: 0; right: 0; } .map-tabs .map__legend .socials svg { width: 20px; height: auto; } .map-tabs .map__head { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align: center; margin-bottom: 65px; } .map-tabs .map__head .btn-download { position: absolute; top: 0; right: 0; } .map-tabs .map__head h4 { margin-bottom: 0px; font-weight: 600; } .map-tabs .map__head p { font-size: 14px; } .map-tabs .map-btn { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; background: #df5858; width: 110px; padding: 12px 15px; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: 0.62px; border-radius: 3px; transition: .4s; } .map-tabs .map-btn:hover { background: #d02828; } .map-tabs .map-prev { margin-right: 30px; } .map-tabs .map-next { margin-left: 30px; } .map-tabs .map__inner { display: -ms-flexbox; display: flex; } .map-tabs .map__holder { position: relative; width: 900px; height: 550px; -ms-flex-negative: 0; flex-shrink: 0; } .map-tabs .map__container { position: absolute; z-index: 2; } .map-tabs .map__content-inner { position: absolute; z-index: 2; height: 16px; pointer-events: none; } .map-tabs .map__content-inner--reverse { -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .map-tabs .map__head-inner { width: 330px; text-align: center; } .map-tabs .map__content-inner.active .map__content-text { opacity: 1; visibility: visible; } /* */ @media( min-width: 1025px ) { .map-tabs .map__content-inner:hover .map__content-text { opacity: 1; visibility: visible; } } .map-tabs .map__content-text { position: absolute; bottom: 100%; left: 100%; width: 430px; font-size: 13px; border: 1px solid #d2d2d2; background-color: #fff; padding: 20px 15px; z-index: 2; opacity: .0; visibility: hidden; transition: .3s; } @media( max-width: 1200px ) { .map-tabs .map__inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .map-tabs .map__legend { margin-top: 30px; } .map-tabs .map__container { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .map-tabs .map__content-text { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .map-tabs .map__head .btn-download { top: 110%; } } /* Coordinates */ .map-tabs .map__content-arizona { top: 60%; left: 22%; } .map-tabs .map__content-colorado { top: 46%; left: 34%; } .map-tabs .map__content-missouri { top: 48.5%; left: 56.8%; } .map-tabs .map__content-louisiana { top: 75.5%; left: 57.6%; } .map-tabs .map__content-mississippi { top: 69%; left: 63.2%; } .map-tabs .map__content-alabama { top: 68%; left: 68.8%; } .map-tabs .map__content-southCarolina { top: 62%; left: 79.8%; } .map-tabs .map__content-virginia { top: 47.2%; left: 82.4%; } .map-tabs .map__content-westVirginia { top: 44.8%; left: 77.8%; } .map-tabs .map__content-kentucky { top: 50.1%; left: 70.8%; } .map-tabs .map__content-texas { top: 76.1%; left: 45.4%; } .map-tabs .map__content-wyoming { top: 30.6%; left: 31.9%; } .map-tabs .map__content-washington { top: 7.8%; left: 13.8%; } .map-tabs .map__content-montana { top: 14.6%; left: 30.7%; } .map-tabs .map__content-northDakota { top: 15.6%; left: 44.4%; } .map-tabs .map__content-minnesota { top: 20.8%; left: 53.4%; } .map-tabs .map__content-oregon { top: 20.1%; left: 11.5%; } .map-tabs .map__content-california { top: 43.3%; left: 8.1%; } .map-tabs .map__content-nevada { top: 38.9%; left: 15.5%; } .map-tabs .map__content-utah { top: 42.1%; left: 24.2%; } .map-tabs .map__content-newMexico { top: 61.7%; left: 32.4%; } .map-tabs .map__content-southDakota { top: 26.3%; left: 44.4%; } .map-tabs .map__content-nebraska { top: 37.3%; left: 44.8%; } .map-tabs .map__content-kansas { top: 48.3%; left: 46.8%; } .map-tabs .map__content-oklahoma { top: 59.7%; left: 48.5%; } .map-tabs .map__content-idaho { top: 23.7%; left: 21%; } .map-tabs .map__content-iowa { top: 35.2%; left: 55.3%; } .map-tabs .map__content-wisconsin { top: 25.5%; left: 60.8%; } .map-tabs .map__content-illinois { top: 42.4%; left: 62.8%; } .map-tabs .map__content-arkansas { top: 61.4%; left: 57.6%; } .map-tabs .map__content-michigan { top: 28.7%; left: 69.1%; } .map-tabs .map__content-indiana { top: 42%; left: 67.8%; } .map-tabs .map__content-ohio { top: 39.8%; left: 73.5%; } .map-tabs .map__content-newYork { top: 24.5%; left: 85.5%; } .map-tabs .map__content-pennsylvania { top: 34.5%; left: 81.9%; } .map-tabs .map__content-maine { top: 12.5%; left: 93.3%; } .map-tabs .map__content-florida { top: 84.2%; left: 80.8%; } .map-tabs .map__content-georgia { top: 67.2%; left: 75%; } .map-tabs .map__content-alaska { top: 82.1%; left: 12.8%; } .map-tabs .map__content-tennessee { top: 56.3%; left: 68.8%; } .map-tabs .map__content-northCarolina { top: 54.5%; left: 82.4%; } .map-tabs .map__content-massachusetts { top: 21.8%; left: 97.1%; } .map-tabs .map__content-rhodeIsland { top: 31.5%; left: 97.1%; } .map-tabs .map__content-connecticut { top: 35.9%; left: 97.1%; } .map-tabs .map__content-newJersey { top: 40.2%; left: 97.1%; } .map-tabs .map__content-delaware { top: 44.3%; left: 97.1%; } .map-tabs .map__content-maryland { top: 48.5%; left: 97.1%; } .map-tabs .map__content-dc { top: 52.7%; left: 97.1%; } .map-tabs .map__content-newHampshire { top: 11.8%; left: 88.5%; } .map-tabs .map__content-vermont { top: 14.2%; left: 84.8%; } .map-tabs .map__content-hawaii { top: 96.4%; left: 39.8%; } .map-tabs .map { position: static!important; } .map-tabs .mapWrapper { position: relative; } .map-tabs .map__legend { padding-right: 20px; margin-left: 20px; } .map-tabs .map__legend-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .map-tabs .map__legend-item + .map__legend-item { margin-top: 25px; } .map-tabs .map__legend-icon { margin-right: 15px; } @media( max-width: 959px ) { .map-tabs .map__holder { width: 728px; height: 444.4px; } } @media( max-width: 767px ) { .map-tabs i.ico-map-triangle:after { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; } .map-tabs .map__head { -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; } .map-tabs .map__legend .socials { display: none; } .map-tabs .map__head .btn-download { display: none; } .map-tabs .map__head-inner { margin: 0 auto; } .map-tabs .map-btn-holder { padding: 10px 0; } .map-tabs .map__holder { width: 400px; height: 244.4px; } .map-tabs .map__inner { -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .map-tabs .map__container { left: 0%; -ms-transform: translateX(0%); transform: translateX(0%); } .map-tabs .map__content-inner { height: 10px; } .map-tabs .map__content-inner i { width: 10px; height: 8px; margin-bottom: 12px; } .map-tabs .map__content-text { font-size: 10px; max-width: 200px; } } @media( max-width: 479px ) { .map-tabs .map__holder { width: 280px; height: 171.1px; } } /* ------------------------------------------------------------ *\ Map Popup \* ------------------------------------------------------------ */ .map-popup { position: fixed; z-index: 100000; width: 430px; background: #fff; pointer-events: none; margin-left: 15px; display: none; border: 1px solid #d2d2d2; padding: 20px; font-size: 13px; } .map-popup.active { display: block; } .map-popup.invert { margin-left: -5px; -ms-transform: translateX(-100%); transform: translateX(-100%); } .map-popup-close { position: absolute; top: 15px; right: 15px; width: 15px; height: 15px; background: url(../css/images/ico-close.png) no-repeat 0 0/cover; display: none; } @media( max-width: 1024px ) { .map-popup { position: absolute; top: 50px !important; left: 50% !important; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 330px; pointer-events: all; } .map-popup-close { display: block; } } @media( max-width: 767px ) { .map-popup { position: absolute; top: 0 !important; left: 0 !important; width: 300px; font-size: 10px; -ms-transform: translateX(0); transform: translateX(0); } } @media( max-width: 360px ) { .map-popup { width: 260px; } } /* ------------------------------------------------------------ *\ Member \* ------------------------------------------------------------ */ .members { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px 110px; cursor: pointer; } .member:hover { border-color: #C1873A; } .member { border: 4px solid #F1F1F1; min-height: 270px; margin-bottom: 20px; margin: 0 10px 20px; width: calc(25% - 20px); padding: 39px 10px 20px; text-align: center; transition: border-color .3s; } .member a { display: block; height: 100%; width: 100%; text-decoration: none; } .member .member__image { border-radius: 50%; display: block; margin-bottom: 21px; } .member .member__image img { border-radius: 50%; overflow: hidden; } .member small, .member strong { display: block; } .member strong { font-weight: 500; color: #C1873A; font-size: 16px; line-height: 1.88; } .member small { color: #A5A5A5; font-size: 15px; font-weight: 500; font-style: italic; line-height: 1.4; } /* Small Desktop */ @media (max-width: 1200px) { .members { margin-bottom: 0px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .member { width: calc(33.33% - 20px); } } /* Mobile */ @media (max-width: 767px) { .member { width: calc(100% - 20px); } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { padding-top: 38px; padding-left: 43px; position: relative; width: 100%; } .nav > ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .nav > ul > li > a { font-size: 16px; font-weight: 700; text-decoration: none; line-height: 1.88; letter-spacing: 0.02em; color: #22467A; height: 58px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .nav > ul > li + li { margin-left: 16px; } .nav .parent { position: relative; z-index: 1; } .nav .parent > a { display: block; padding: 10px 13px; position: relative; z-index: 9; border-radius: 3px 3px 0 0; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #fff; } /* No touch */ .nav-no-touch .parent:hover > a { border-top: 2px solid #D7D7D7; border-left: 2px solid #D7D7D7; border-right: 2px solid #D7D7D7; border-bottom: 2px solid #fff; } .nav-no-touch .parent:hover { z-index: 2; } .nav-no-touch .parent:hover .dropdown { visibility: visible; opacity: 1; display: block; } /* Touch */ .nav-touch .parent.dropdown-open > a { border-top: 2px solid #D7D7D7; border-left: 2px solid #D7D7D7; border-right: 2px solid #D7D7D7; border-bottom: 2px solid #fff; } .nav-touch .parent.dropdown-open { z-index: 2; } .nav-touch .parent.dropdown-open .dropdown { visibility: visible; opacity: 1; display: block; } .nav .dropdown { position: absolute; top: calc(100% - 2px); left: 0; display: none; background: #fff; border-radius: 0 3px 3px 3px; border: 2px solid #D7D7D7; padding: 25px 20px; } .nav .dropdown-fullwidth { padding: 48px 64px 40px; width: 1060px; } .nav .dropdown-fullwidth h4 { padding-bottom: 15px; margin-bottom: 23px; border-bottom: 1px solid #D7D7D7; font-weight: 500; } .nav .dropdown-fullwidth h6 { font-size: 15px; font-weight: 500; line-height: 1.6; margin-bottom: 0; } .nav .dropdown ul a { color: #808285; font-size: 15px; line-height: 1.67; text-decoration: none; transition: color .4s; } .nav .dropdown ul a:hover { color: #404040; } .nav .dropdown ul + h6 { margin-top: 25px; } .nav .col { } .nav .col-1of2 { } .nav .col-2of3 { width: 66.66%; } .nav .col-1of3 { width: 33.33%; } .nav .dropdown-size1 { width: 340px; } .nav .dropdown-size2 { width: 312px; } .nav .dropdown-size3 { width: 205px; } .nav .dropdown-size4 { width: 190px; } /* Small Desktop */ @media (max-width: 1200px) { .nav { padding-left: 0; padding-top: 30px; } .nav .dropdown-fullwidth { max-width: calc(100vw - 120px); padding: 30px; } .nav > ul > li > a { font-size: 14px; height: 44px; } .nav > ul > li + li { margin-left: 5px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav { padding-top: 20px; } .nav > ul > li:last-of-type .dropdown { left: auto; right: 0; border-radius: 3px 0 3px 3px; } .nav > ul > li { } .nav > ul > li > a { font-size: 14px; padding-left: 10px; padding-right: 10px; height: 46px; } .nav .dropdown-fullwidth { max-width: calc(100vw - 90px); padding: 20px; } .nav > ul > li + li { margin-left: 10px; } } /* Mobile */ @media (max-width: 767px) { .nav { position: absolute; top: 62px; left: 0; width: 100%; background: #fff; z-index: 9; padding-top: 0; height: calc(100vh - 62px); overflow-y: auto; max-height: 0; transition: max-height .4s; } .nav.show { max-height: calc(100vh - 62px); } .nav .dropdown { position: relative; display: none; border: none; } .nav > ul { display: block; margin-bottom: 0; } .nav > ul > li { border-top: 1px solid #CACACA; } .nav > ul > li:last-of-type { border-bottom: 1px solid #CACACA; } .nav > ul > li + li { margin-left: 0; } .nav > ul > li > a { color: #22467A; height: 46px; background: #fff; border-radius: 0; transition: background-color .4s, color .4s;} .nav > ul > li { } .nav > ul > li > a, .nav .parent > a { display: block; border-radius: 0; padding: 10px 36px; padding: 10px 10px; } .nav-touch .parent.dropdown-open > a { border: none; background: #22467B; color: #fff; } .nav-touch .parent.dropdown-open .dropdown { display: block; padding: 0 0 30px; max-height: 800px; } .nav-touch .dropdown { width: 100%; max-width: 100%; border: block; padding: 0 0 30px; border-radius: 0; background: #22467B; max-height: 0; padding: 0; transition: max-height .4s; } .nav-touch .dropdown .col { width: 100%; } .nav-touch .dropdown h6, .nav-touch .dropdown h4 { display: none; } .nav-touch .dropdown ul { margin-bottom: 0; } .nav-touch .dropdown ul a { display: block; } .nav-touch .dropdown ul a { padding: 0 36px; font-size: 15px; line-height: 1.73; color: #fff; } .nav .dropdown ul a:hover { color: #fff; } .nav .dropdown .btn { width: auto; margin: 10px 15px 0; display: block; } .nav .form-state-select { padding: 10px 15px 0; } .nav .form-state-select .form__inner { display: block; } .nav .form-state-select .form__body { padding-right: 0; } .nav .form-state-select .form__btn { margin: 10px 0; width: 100%; } .nav > ul > li:last-of-type .dropdown { border-radius: 0; } .nav .cols { margin: 0; } .nav .col { padding: 0; } } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities a { font-size: 13px; color: #8A8A8A; line-height: 1.38; text-decoration: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; transition: color .4s; } .nav-utilities a:hover { color: #404040; } .nav-utilities li + li { margin-left: 25px; } .nav-utilities ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } /* Mobile */ @media (max-width: 767px) { .nav-utilities { padding: 10px 0; } .nav-utilities a { color: #223D71; padding: 5px 36px; display: block; } .nav-utilities ul { display: block; } .nav-utilities li + li { margin-left: 0; } } /* ------------------------------------------------------------ *\ Nav Table \* ------------------------------------------------------------ */ .nav-table { display: -ms-flexbox; display: flex; color: #fff; text-align: left; padding: 0 16px 0 58px; width: 100%; } .nav-table > ul { margin-bottom: 0; } .nav-table.disabled { pointer-events: none; opacity: .2; } .nav-table a { font-size: 15px; } .nav-table .sort-checked { margin-bottom: 7px; } .nav-table .checkbox-main-toggle { line-height: 48px; width: 110px; width: 13%; text-align: right; } .nav-table [type="checkbox"]:not(:checked) + label, .nav-table [type="checkbox"]:checked + label { font-size: 15px; } .nav-table ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 87% } .nav-table a { position: relative; padding-right: 27px; color: #fff; line-height: 48px; display: inline-block; text-decoration: none; } .nav-table a:after { position: absolute; top: 50%; right: 0; content: ''; background: url(../css/images/thead-arrow@2x.png) 0 0 no-repeat; width: 17px; height: 10px; background-size: 100% 100%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform .3s; } .nav-table a.active:after, .nav-table .active a:after { -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .nav-table a.disable { pointer-events: none; } .nav-table a.disable:after { display: none; } .nav-table li:nth-child(1) { padding-left: 68px; width: 45%; } .nav-table li:nth-child(2) { width: 15%; } .nav-table li:nth-child(3) { width: 27%; } .nav-table li:nth-child(4) { width: 13%; } .nav-table--alt { min-height: 64px; } .nav-table--alt ul { width: 100%; } .nav-table--alt a { line-height: 1.2; padding: 14px 27px 14px 0; } .nav-table--alt li:nth-child(1) { width: 18%; padding-left: 23px; } .nav-table--alt li:nth-child(2) { width: 10%; } .nav-table--alt li:nth-child(3) { width: 45%; } .nav-table--alt li:nth-child(4) { width: 13%; } .nav-table--alt li:nth-child(5) { width: 15%; } .nav-table--primary { padding-right: 0; } .nav-table--primary li:nth-child(1) { width: 21.5%; } .nav-table--primary li:nth-child(2) { width: 75%; } .nav-table--primary li:nth-child(1) { width: 17%; padding-left: 46px;} .nav-table--primary li:nth-child(2) { width: 12% } .nav-table--primary li:nth-child(3) { width: 31% } .nav-table--primary li:nth-child(4) { width: 11% } .nav-table--primary li:nth-child(5) { width: 16% } .nav-table--primary li:nth-child(6) { width: 13%; } .nav-table--primary ul { width: 100%; } @media(max-width: 1300px){ .nav-table a, .nav-table--alt a { font-size: 14px; padding: 18px 27px 18px 0; line-height: 1.21; } .nav-table .sort-checked { margin-bottom: 5px; padding: 0 13px; } .nav-table li:nth-child(1) { padding-left: 44px; width: 43%; } .nav-table li:nth-child(2) { } .nav-table--alt li:nth-child(1) { width: 20%; padding-left: 0; } .nav-table--alt li:nth-child(2) { width: 14%; } .nav-table--alt li:nth-child(3) { width: 46%; } .nav-table--alt li:nth-child(4) { width: 15%; } .nav-table--alt li:nth-child(5) { width: 12%; } .nav-table--primary li:nth-child(1) { width: 23.5%; } .nav-table--primary li:nth-child(2) { width: 73%; } } /* Small Desktop */ @media (max-width: 1200px) { .nav-table { padding-left: 0; } .nav-table--alt { padding: 0 16px 0 10px; } .nav-table--alt li:nth-child(1) { width: 22%; padding-left: 5px; } .nav-table--alt li:nth-child(2) { width: 14%; } .nav-table--alt li:nth-child(3) { width: 36%; } .nav-table--alt li:nth-child(4) { width: 20%; } .nav-table--alt li:nth-child(5) { width: 15%; } .nav-table--primary li:nth-child(1) { padding-left: 5px; } .nav-table--primary li:nth-child(1) { width: 25%; } .nav-table--primary li:nth-child(2) { width: 73%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-table li:nth-child(1) { padding-left: 5px; } .nav-table--alt { padding: 0 10px; /*height: auto;*/ } .nav-table { -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .nav-table a { padding-top: 10px; padding-bottom: 10px; } .nav-table a:after { right: 1px; } .nav-table a:after { width: 12px; height: 7px; } .nav-table--alt a { padding-top: 18px; padding-bottom: 18px; } .nav-table a, .nav-table--alt a { padding-right: 16px; } .nav-table li { padding-right: 5px; } .nav-table .sort-checked { padding: 0 8px; } .nav-table li:nth-child(1) { width: 45%; } .nav-table li:nth-child(2) { width: 17%; } .nav-table li:nth-child(3) { width: 23%; } .nav-table li:nth-child(4) { width: 16%; } .nav-table--alt li:nth-child(1) { width: 23%; padding-left: 5px; } .nav-table--alt li:nth-child(2) { width: 14%; } .nav-table--alt li:nth-child(3) { width: 37%; } .nav-table--alt li:nth-child(4) { width: 18%; } .nav-table--alt li:nth-child(5) { width: 13%; } .nav-table .checkbox-main-toggle { min-width: 130px; } .nav-table--primary li:nth-child(1) { width: 28%; } .nav-table--primary li:nth-child(2) { width: 73%; } .nav-table--primary li { padding-right: 5px; } } /* Mobile */ @media (max-width: 767px) { .nav-table { display: block; padding-right: 0; } .nav-table ul { display: none; width: 100%; padding: 0 17px 10px; } .nav-table li { width: 100% !important; padding-right: 0; } .nav-table li:nth-child(1) { padding-left: 0; } .nav-table .btn-mobile-expand { position: absolute; top: 6px; right: 14px; z-index: 9; padding-right: 0; } .nav-table .btn-mobile-expand:after { display: none; } .nav-table .btn-mobile-expand span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .nav-table .btn-mobile-expand span i { margin-left: 3px; } .nav-table .btn-mobile-expand .normal { } .nav-table .btn-mobile-expand .active { display: none; } .nav-table .btn-mobile-expand.active .normal { display: none; } .nav-table .btn-mobile-expand.active .active { display: -ms-flexbox; display: flex; } .nav-table .btn-mobile-expand .ico-close-white { width: 15px; height: 15px; } .nav-table li a { padding-left: 48px; } .nav-table .sort-checked { padding: 0 12px; } .nav-table li.active a:after, .nav-table li.active a:before { opacity: .7; } .nav-table li a:after, .nav-table li a:before { content: ''; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav-table li a:before { left: 0; width: 34px; height: 20px; border: 2px solid #fff; border-radius: 10px; background: none; z-index: 1; } .nav-table li a:after { left: 16px; background: #fff; width: 12px; height: 12px; border-radius: 50%; transition: right .4s; z-index: 9; transition: left .1s; } .nav-table li.active a:after { left: 6px; } .nav-table.disabled { display: none; } .nav-table--alt { padding-left: 0; min-height: 0; } .nav-table--alt .btn-mobile-expand { position: relative; top: 0; right: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; } .nav-table--alt .btn-mobile-expand span { -ms-flex-pack: center; justify-content: center; } .nav-table--alt .btn-mobile-expand.active { -ms-transform: translateX(calc(100vw - 100%) ); transform: translateX(calc(100vw - 100%) ); } .nav-table--alt { width: 33.33%; } .nav-table--alt ul { width: 100vw; } .nav-table--alt ul a { display: block; } .nav-table--alt ul a br { display: none; } .nav-table li a, .nav-table .btn-mobile-expand .normal, .nav-table [type="checkbox"]:not(:checked) + label, .nav-table [type="checkbox"]:checked + label { font-size: 13px; } .nav-equal-to-table { width: 100% !important; min-height: 50px; background: none; } .nav-equal-to-table a.disable { display: none; } .nav-equal-to-table { padding-top: 50px; } } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { display: -ms-flexbox; display: flex; margin-bottom: 28px; width: 100%; } .paging a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; font-weight: 500; } .paging a.paging-next { margin-left: auto; } .paging a.paging-next i { margin-left: 31px; } .paging a.paging-prev i { margin-right: 31px; } /* Small Desktop */ @media (max-width: 1200px) { .paging { margin: 20px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .paging { margin: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .paging { margin-bottom: 0; } .paging a.paging-next { margin-left: 0; } .paging a.paging-prev i { margin-right: 0; } .paging a.paging-next i { margin-left: 0; } } /* ------------------------------------------------------------ *\ Panel \* ------------------------------------------------------------ */ .panel-filter { } .panel-filter + .panel-filter { margin-top: 2px; } .panel-filter .panel__head { position: relative; background: #DF5858; padding: 0 30px 0 15px; height: 48px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: background-color .3s; } .panel-filter .panel__head:hover { background: #C34041; } .panel-filter .panel__head h3 { font-size: 15px; font-weight: 700; color: #fff; line-height: 2; margin: 0; cursor: pointer; } .panel-filter .panel__head .btn-close { position: absolute; top: 50%; right: 8px; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; visibility: hidden; opacity: 0; } .panel-filter.panel-expanded .panel__head .btn-close { visibility: visible; opacity: 1; } .panel-filter .panel__body { display: none; border: 1px solid #D2D2D2; } .panel-filter--alt .panel__head:hover, .panel-filter--alt .panel__head { background: #D8206A; } .panel-filter--alt .panel-btn { background: #D8206A; color: #fff; padding: 0 30px 0 18px; height: 48px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: background-color .3s; text-decoration: none; font-size: 15px; font-weight: 700; color: #fff; line-height: 2; margin: 0; cursor: pointer; } /* Mobile */ @media (max-width: 767px) { .panel-filter--alt .panel-btn, .panel-filter .panel__head { height: 30px; } } /* ------------------------------------------------------------ *\ Policy \* ------------------------------------------------------------ */ .policy-links h2 { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-family: 'LeituraNews-Roman3', sans-serif; margin-top: 44px; margin-bottom: 56px; color: #505050; } .policy-links h2 .grade { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 66px; height: 66px;-ms-flex-negative: 1;flex-shrink: 1; border-radius: 50%; border: 3px solid #b39129; margin-left: 20px; margin-bottom: 10px; line-height: 1; } .policy-links h3 { color: #9E9E9E; line-height: 1.31; margin-bottom: 17px; } .policy-links h6 { font-size: 18px; font-weight: 500; line-height: 1.17; margin: 0 0 8px; } .policy-links h6 { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .policy-links h6 strong { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #b39129; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 17px; } .policy-links .cols { } .policy-links .list-links + h6 { margin-top: 26px; } /* Tablet Portrait */ @media (max-width: 1023px) { .policy-links .col { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .policy-links .col { width: 100%; } .policy-links h2 { display: block; text-align: center; } .policy-links h3 { font-size: 22px; } .policy-links h6 { margin-top: 26px; } .policy-links h2 .grade { margin: 0 auto; } } /* ------------------------------------------------------------ *\ Program \* ------------------------------------------------------------ */ .programs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; } .programs .program { width: calc(33.33% - 30px); margin: 30px 15px 32px; } .program { position: relative; border: 4px solid #F1F1F1; border-radius: 3px; padding: 26px 16px 38px 30px; } .program h4 { font-size: 18px; font-weight: 400; line-height: 1.17; letter-spacing: 0.02em; margin: 0 0 13px; } .program h4 { } .program .list-links { margin-bottom: 34px; } .program .list-links a { letter-spacing: 0; } .program .program__update { display: block; margin-bottom: 21px; text-align: center; color:#d0d0d0; text-transform: uppercase; font-size: 15px; } .program .program__actions { text-align: center; } .program .icon { position: absolute; left: 50%; top: -16px; width: 36px; height: 36px; border-radius: 50%; background: #F1F1F1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-transform: translateX(-50%); transform: translateX(-50%); } .program .program__update--orange { color: #ff982a; } /* Small Desktop */ @media (max-width: 1200px) { .programs .program { margin: 15px 15px 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .programs .program { width: calc(50% - 30px); } .program { padding: 30px 15px; } .program .list-links { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .programs { margin-left: 0; margin-right: 0; } .programs .program { width: 100%; margin-left: 0; margin-right: 0; } } /* ------------------------------------------------------------ *\ Program Orange \* ------------------------------------------------------------ */ .program--orange { border-color: #ff921e; } .program--orange .icon--new { background: #ff982a; } /* ------------------------------------------------------------ *\ Results \* ------------------------------------------------------------ */ .results { list-style-type: none; } .result { } .result h5 { color: #22467A; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; font-weight: 700; line-height: 1.88; letter-spacing: 0.06em; margin: 0 0 2px; } .result h5 a { display: block; text-decoration: none; color: inherit; transition: color .3s; } .result h5 a:hover { color: #404040; } .result p { font-size: 15px; line-height: 1.47; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; letter-spacing: 0.02em; margin: 0 0 7px; } .result ul { } .result .tags { display: block; font-size: 13px; color: #A1A1A1; } .result .tags a { text-decoration: none; color: inherit; transition: color .3s; } .result .tags a:hover { color: #404040; } .result + .result { margin-top: 35px; } /* Mobile */ @media (max-width: 767px) { .result + .result { margin-top: 20px; } .result h5 { line-height: 1.5; } .result p { font-size: 14px; } } /* ------------------------------------------------------------ *\ Results-Tag \* ------------------------------------------------------------ */ .results-tag { padding-bottom: 32px; } .result-tag { color: #fff; margin-bottom: 36px; } .result-tag h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; line-height: 1.6; margin: 0 0 4px; } .result-tag p { font-size: 14px; line-height: 1.57; letter-spacing: 0.02em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin: 0; } .result-tag p a { color: inherit; text-decoration: none; transition: color .3s; } .result-tag p a:hover { color: #b3b3b3; } /*Resulsts tag alt*/ .results-tag--alt { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-bottom: 14px; } .result-tag--alt { margin-top: 0; max-width: 25%; } .result-tag--alt + .result-tag--alt { padding-left: 51px; } .result-tag--alt h5 { margin-bottom: 5px; font-size: 13px; font-weight: 400; letter-spacing: 0.03em; } .result-tag--alt p { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; } .result-tag--alt p + p { margin-top: 6px; } .result-tag--alt p a { border-bottom: 3px solid #22467a; transition: border-color .2s ease-in-out;} .result-tag--alt p a:hover { border-color: #ccc; color: #fff; } @media (max-width: 1200px) { .results-tag--alt { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; } .result-tag--alt { width: 100%; max-width: 50%; padding-left: 20px; } .result-tag--alt + .result-tag--alt { padding-left: 20px; } } @media (max-width: 767px) { .result-tag { margin-bottom: 25px; } .results-tag { padding-bottom: 60px; } .results-tag .col { width: 100%; } } @media (max-width: 479px) { .result-tag--alt { max-width: 100%; } } /* ------------------------------------------------------------ *\ Review \* ------------------------------------------------------------ */ .review-box { border: 4px solid #E65B30; border-top: none; position: relative; } .review-box .review-box__image { position: absolute; top: -46px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .review-box .review-box__image img { border-radius: 50%; border: 5px solid #fff; } .review-box .review-box__head { height: 100px; background: #E65B30; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-top: 46px; padding: 46px 20px 0; } .review-box--without-image .review-box__head { padding-top: 0; } .review-box .review-box__head h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; color: #fff; font-weight: 700; margin: 0; padding: 5px 0; letter-spacing: 0.02em; } .review-box .review-box__entry { padding: 17px 26px 5px; height: 145px; } .review-box .review-box__entry p { font-size: 20px; line-height: 1.3; margin-bottom: 10px; } .review-content { background: #F1F1F1; padding: 51px 15px; } .review-content .review-content__inner { max-width: 770px; margin: 0 auto; } .review-content p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.3; font-size: 20px; margin-bottom: 16px; } .review-content .review__author { display: block; font-size: 14px; line-height: 1.57; } /* Small Desktop */ @media (max-width: 1200px) { .review-box .review-box__entry { padding: 10px; } .review-box .review-box__entry p { font-size: 18px; } .review-box .review-box__image { top: -40px; } .review-box .review-box__image img { width: 80px; } .review-box .review-box__head { padding-top: 40px; padding-left: 10px; padding-right: 10px; } .review-box--without-image .review-box__head { padding-top: 0; } .review-box .review-box__head h5 { line-height: 1.2; } } /* Mobile */ @media (max-width: 767px) { .review-content { padding: 40px 10px 30px; } .review-content p { font-size: 14px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { padding-right: 30px; position: relative; } .search .search__field { border: none; border-bottom: 1px solid #8A8A8A; font-size: 13px; width: 0; transition: width .4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .search .search__btn { border: none; background: none; visibility: hidden; opacity: 0; position: absolute; top: 0; right: 0; line-height: 1; } .search ::-webkit-input-placeholder { color: #8A8A8A; } .search ::-moz-placeholder { color: #8A8A8A; } .search :-moz-placeholder { color: #8A8A8A; } .search :-ms-input-placeholder { color: #8A8A8A; } .search.open .search__field { width: 140px; } .search .btn-search-toggle { position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .search .btn-search-collapse { display: none; line-height: 1; } .search .btn-search-expand { display: block; line-height: 1; } .search.open .btn-search-collapse { display: block; } .search.open .btn-search-expand { display: none; } .search--alt { padding-right: 0; width: 234px; margin: 0 auto; } .search--alt .search__field { font-size: 15px; color: #808285; padding: 0 49px 0 17px; height: 43px; width: 100%; background: #fff; border-radius: 3px; border: 2px solid #D2D2D2; } .search--alt .search__btn { position: absolute; top: 50%; right: 17px; visibility: visible; opacity: 1; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Mobile */ @media (max-width: 767px) { .search { padding-right: 20px; } .search .search__field { position: absolute; top: 0; height: 40px; font-size: 16px; padding: 0; left: 30px; -ms-transform: translateY(-50%); transform: translateY(-50%); } .search.open .search__field { width: 260px; } .search--alt { padding-right: 0; } .search--alt .search__field { position: relative; -ms-transform: none; transform: none; left: 0; width: 100%; padding: 0 35px 0 17px; } .search--alt .search__btn { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } } /* ------------------------------------------------------------ *\ Search-Filter \* ------------------------------------------------------------ */ .search-filter { position: relative; } .search-filter .search__btn { position: absolute; top: 50%; right: 21px; -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; background: none; } .search-filter .search__field { height: 44px; width: 100%; padding: 0 45px 0 12px; font-size: 15px; color: #808285; letter-spacing: 0.02em; border: none; background: none; } /* ------------------------------------------------------------ *\ Search Popup \* ------------------------------------------------------------ */ .search-popup { background: #182F50; position: relative; display: none; overflow-y: auto; } .search-popup-holder { position: relative; z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; overflow-y: auto; } .search-popup-holder.open { height: 100%; } .search-popup-holder.open:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.5); } .search-popup .btn-close { position: absolute; top: 18px; right: 18px; z-index: 2; } /* Small Desktop */ @media (max-width: 1200px) { } /* Tablet Portrait */ @media (max-width: 1023px) { } /* Mobile */ @media (max-width: 767px) { .search-popup-holder.open { margin-top: 0; } .search-popup { max-height: 100vh; padding-bottom: 30px; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; } .search-popup .btn-close { top: 10px; right: 10px; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section {} /* ------------------------------------------------------------ *\ Section Articles \* ------------------------------------------------------------ */ .section-articles { padding: 71px 0 89px; background: #F1F1F1; } .section-articles .section__head { text-align: center; margin-bottom: 57px; } .section-articles .section__title { color: #9E9E9E; text-transform: uppercase; line-height: 1.31; } .section-articles .section__group h4 { color: #404040; margin-bottom: 24px; line-height: 1; font-size: 20px; font-weight: 500; } .section-articles .section__group + .section__group { margin-top: 53px; } /* Small Desktop */ @media (max-width: 1200px) { .section-articles { padding: 50px 0; } .section-articles .section__head { margin-bottom: 40px; } .section-articles .section__group + .section__group { margin-top: 40px; } } /* Mobile */ @media (max-width: 767px) { .section-articles { padding: 23px 0; } .section-articles .section__title { font-size: 22px; } .section-articles .section__head { margin-bottom: 23px; } .section-articles .section__group h4 { font-size: 16px; margin-bottom: 23px; } .section-articles .section__group + .section__group { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Section Subscribe \* ------------------------------------------------------------ */ .section-subscribe { padding: 132px 0 145px; text-align: center; background: #182F50; } .section-subscribe--alt { padding: 90px 0 68px; } .section-subscribe--alt .subscribe h1 { margin-bottom: 33px; } /* Small Desktop */ @media (max-width: 1200px) { .section-subscribe { padding: 80px 0; } } /* Mobile */ @media (max-width: 767px) { .section-subscribe { padding: 40px 0; } } /* ------------------------------------------------------------ *\ Section Subscribe Alt \* ------------------------------------------------------------ */ .section-subscribe-alt { padding: 0 0 75px; } /* Mobile */ @media (max-width: 767px) { .section-subscribe-alt { padding-bottom: 40px; } .section-subscribe-alt .shell { padding: 0; } } /* ------------------------------------------------------------ *\ Section Publications \* ------------------------------------------------------------ */ .section-publications { padding: 62px 0 57px; } .section-publications .section__title { color: #9E9E9E; text-transform: uppercase; line-height: 1.31; } .section-publications .section__head { margin: 0 0 40px; text-align: center; } /* Small Desktop */ @media (max-width: 1200px) { .section-publications { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px) { .section-publications { padding: 20px 0 0; } .section-publications .section__title { font-size: 26px; } .section-publications .section__head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Intro \* ------------------------------------------------------------ */ .section-intro { padding: 43px 0 51px; background-size: cover; background-position: center center; } .section-intro h2 { font-size: 36px; line-height: 1.23; margin: 0 0 20px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-intro p { font-family: 'LeituraNews-Roman1', sans-serif; } .section-intro p a { font-weight: 500; text-decoration: none; } .section-intro .shell { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .section-intro .section__content { padding: 37px 45px 39px; width: 535px; background: rgba(245,245,245,.9); } /* Small Desktop */ @media (max-width: 1200px) { .section-intro { padding: 40px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro h2 { margin: 0 0 20px; } .section-intro .section__content { padding: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-intro { padding: 15px 0; } .section-intro br { display: none; } .section-intro .section__content { padding: 15px; } .section-intro h2, .section-intro p { margin-bottom: 10px; } .section-intro .btn { margin: 0 auto; display: block; width: 240px; padding: 0 10px; } } /* ------------------------------------------------------------ *\ Section Districts \* ------------------------------------------------------------ */ .section-districts { height: 457px; background: #182F50; } .section-districts h1 { color: #fff; line-height: 1.22; letter-spacing: 0.09em; margin: 0 0 19px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-districts p { font-size: 17px; line-height: 1.59; color: #fff; font-family: 'LeituraNews-Roman1', sans-serif; max-width: 100%; font-family: 'LeituraNews-Roman1', sans-serif; } .section-districts p a { text-decoration: none; } .section-districts .shell { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; max-width: 714px; width: 100%; } .section-districts .section__actions { padding-top: 69px; text-align: center; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-districts { height: auto; padding: 50px 0; } .section-districts .section__actions { padding-top: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-districts { padding: 30px 0; } .section-districts h1 { font-size: 30px; } .section-districts p { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Section Districts Alt \* ------------------------------------------------------------ */ .section-districts-alt { padding: 85px 0; } .section-districts-alt .section__content { padding-left: 50px; -ms-flex-positive: 1; flex-grow: 1; } .section-districts-alt .section__image { -ms-flex-negative: 0; flex-shrink: 0; } .section-districts-alt .shell { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .section-districts-alt h3 { font-size: 37px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.22; margin: 0 0 11px; } .section-districts-alt p { font-family: 'LeituraNews-Roman1', sans-serif; font-size: 17px; line-height: 1.59; font-weight: 700; } .section-districts-alt p a { text-decoration: none; color: #C1873A; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin-bottom: 19px; } .section-districts-alt .btn { } /* Tablet Portrait */ @media (max-width: 1023px) { .section-districts-alt { padding: 60px 0; } } /* Mobile */ @media (max-width: 767px) { .section-districts-alt { padding: 30px 0; } .section-districts-alt .shell { display: block; } .section-districts-alt h3 { font-size: 24px; } .section-districts-alt p { font-size: 14px; } .section-districts-alt .section__content { padding-left: 0; text-align: center; } .section-districts-alt .section__image { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Chart \* ------------------------------------------------------------ */ .section-chart { padding: 40px 0 50px; } .section-chart .shell { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .section-chart .section__chart { width: 516px; } .section-chart .section__content h3 { font-family: 'LeituraNews-Roman3', sans-serif; font-size: 37px; } .section-chart .section__content { width: 516px; padding-right: 82px; } .section-chart .section__content > p { font-family: 'LeituraNews-Roman1', sans-serif; } /* Section Chart--primary */ .section-chart--primary { padding: 0; } .section-chart--primary .section__head { position: relative; text-align: center; margin-bottom: 80px; } .section-chart--primary .section__title { color: #9E9E9E; text-transform: uppercase; } .section-chart--primary .socials { position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-chart--alt { width: 100%; padding: 0; max-width: 1100px; position: relative; margin: 0 auto; } .section-chart--alt .chartDisplay { /*max-width: D2D2D2px; width: 100%;*/ width: 100%; height: 400px; max-width: 934px; margin: 0 auto; } .section-chart--alt h4 { line-height: 35px; margin: 0 0 6px; color: #9E9E9E; text-transform: uppercase; font-size: 32px; } .section-chart--alt .section__head { text-align: center; margin-bottom: 50px; } .section-chart--alt .section__head span { display: block; color: #C7C7C7; font-weight: 700; font-size: 14px; line-height: 1.79; } .section-chart--alt .section__body { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .section-chart--alt .section__content { -ms-flex-positive: 1; flex-grow: 1; padding: 0 100px; } .section-chart--alt .section__aside { width: 177px; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; top: 0; right: 0; } .section-chart--alt + .section-chart--alt { margin-top: 127px; } .section-chart--last { padding-bottom: 84px; } .section-approach .section__body li { margin-left: 40px; } /* Small Desktop */ @media (max-width: 1200px) { .section-chart .section__chart, .section-chart .section__content { width: 50%; padding: 0 10px; } .section-chart--primary .section__head { margin-bottom: 30px; } .section-chart--primary .chart { overflow-y: auto; } .section-chart--primary .chart-holder { position: relative; margin: auto; width: 100%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-chart--alt { padding: 30px 0; } .section-chart--alt + .section-chart--alt { margin-top: 10px; } .section-chart--alt .section__body { display: block; } .section-chart--alt .section__aside { width: 100%; position: static; } .section-chart--alt .section__aside .socials ul { -ms-flex-pack: center; justify-content: center; } .section-chart--alt .section__content { width: 100%; } .section-chart--alt .chartDisplay { width: 100% !important; height: auto; } } /* Mobile */ @media (max-width: 767px) { .section-chart { padding: 0; } .section-chart h3 { font-size: 24px; margin-bottom: 15px; } .section-chart .shell { display: block; } .section-chart .section__chart, .section-chart .section__content { width: 100%; } .section-chart .section__content { padding: 15px 0; } .section-chart--primary .section__title { font-size: 16px; padding-left: 15px !important; padding-right: 15px !important; } .section-chart--primary .section__head { margin-bottom: 30px; } .section-chart--primary .section__head .socials { position: relative; top: 0; -ms-transform: none; transform: none; } .section-chart--alt { padding: 20px 0; } .section-chart--alt h4 br { display: none; } .section-chart--alt .section__head { margin-bottom: 20px; } .section-chart--alt .socials{ text-align: center; } } /* ------------------------------------------------------------ *\ Section Yearbook \* ------------------------------------------------------------ */ .section-yearbook { margin-bottom: 125px; } .section-yearbook h4 { line-height: 1.26; margin-bottom: 11px; } .section-yearbook p { line-height: 1.47; margin-bottom: 25px; font-family: 'LeituraNews-Roman1', sans-serif; } .section-yearbook ul { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 -5px; } .section-yearbook li { padding: 0 5px; } .section-yearbook ul + p { margin-top: 35px; } .section-yearbook .section__inner { display: -ms-flexbox; display: flex; } .section-yearbook .section__image { -ms-flex-negative: 0; flex-shrink: 0; } .section-yearbook .section__content { -ms-flex-positive: 1; flex-grow: 1; background: #22467A; padding: 51px 50px; color: #fff; } .section-yearbook--alt { margin-bottom: 88px; } .section-yearbook--alt .section__content { background: #182F50; } .section-yearbook--alt h4 { margin-bottom: 0; font-weight: 600; } .section-yearbook--alt ul + p { margin: 33px 0 25px; } .section-yearbook--alt p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 17px; font-weight: 700; line-height: 1.47; margin-bottom: 35px; } .section-yearbook--alt .meta { display: block; font-size: 14px; line-height: 1.79; text-transform: uppercase; margin: 0 0 15px; } /* Small Desktop */ @media (max-width: 1200px) { .section-yearbook { margin-bottom: 15px; } .section-yearbook p { margin-bottom: 20px; } .section-yearbook ul + p { margin-top: 20px; } .section-yearbook .section__content { padding: 25px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-yearbook .section__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-yearbook .section__image, .section-yearbook .section__content { width: 100%; } .section-yearbook .section__content { padding: 15px; } .section-yearbook .section__image img { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-yearbook ul { display: block; } .section-yearbook li { width: 100%; } .section-yearbook li select, .section-yearbook li .btn { width: 100%; } .section-yearbook li .btn { padding: 0 5px; } .section-yearbook li + li { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Section-Location \* ------------------------------------------------------------ */ .section-location { padding: 45px 0 38px; position: relative; } .section-location .shell { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 1500px){ .section-location .btn-download { top: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-location { padding: 30px 0; } .section-location .btn-download { position: relative; top: 0; right: 0; margin: 20px 0; } } /* Mobile */ @media (max-width: 767px) { .section-location { padding: 15px 0; } } /* ------------------------------------------------------------ *\ Section Goals \* ------------------------------------------------------------ */ .section-goals { padding: 45px 0 39px; background: #22467A; color: #fff; text-align: center; } .section-goals .shell { max-width: 800px; } .section-goals p { font-family: 'LeituraNews-Roman1', sans-serif; text-align: left; } .section-goals h2 { margin-bottom: 14px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-goals h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: .07em; line-height: 1.5; margin-bottom: 7px; } .section-goals .section__head { position: relative; padding-bottom: 38px; margin-bottom: 38px; } .section-goals .section__head:after { position: absolute; bottom: 0; left: 50%; content: ''; width: 100%; max-width: 398px; height: 1px; background: #fff; -ms-transform: translateX(-50%); transform: translateX(-50%); } /* Mobile */ @media (max-width: 767px) { .section-goals { padding: 30px 0; } .section-goals h2 { font-size: 24px; margin-bottom: 10px; } .section-goals .section__head { padding-bottom: 20px; margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Message \* ------------------------------------------------------------ */ .section-message { border: 2px solid #e7bf39; padding: 49px 100px 55px; margin-bottom: 100px; } .section-message h2 { text-align: center; color: #9E9E9E; font-weight: 300; text-transform: uppercase; } .section-message p { font-family: 'LeituraNews-Roman1', sans-serif; text-align: left; } /* Mobile */ @media (max-width: 767px) { .section-message { padding: 20px 15px; margin-top: -20px; margin-bottom: 30px; } .section-message h2 { font-size: 24px; } } /* ------------------------------------------------------------ *\ Section Grades \* ------------------------------------------------------------ */ .section-grades { position: relative; } .section-grades .section__actions { position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } /* Mobile */ @media (max-width: 767px) { .section-grades .section__actions { width: 100%; text-align: center; } } /* ------------------------------------------------------------ *\ Section-Map \* ------------------------------------------------------------ */ .section-map { margin-top: 116px; margin-bottom: 80px; } .section-map .section__head { position: relative; text-align: center; margin-bottom: 80px; } .section-map .section__head__bar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 480px; margin: 10px auto; } .section-map .section__head__bar svg { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } .section-map .section__head__bar p { font-size: 14px; } .section-map .section__title { color: #9E9E9E; font-weight: 300; text-transform: uppercase; } .section-map .socials { position: absolute; right: 0; top: 15px; /*transform: translateY(-50%);*/ } .section-map .map { width: 100%; height: 500px; } .section-map .mapWrapper { margin:0 auto; position:relative; } .section-map .section__body { padding-left: 0; position: relative; } .section-map .point { position: fixed; display: none; padding: 10px 15px; background: #DBDEE2; font-size: 16px; font-weight: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border:1px solid #262626; border-radius: 4px; background-clip: padding-box; } .section-map .map-legend { position: absolute; top: 85px; left: 0; } .section-map .map-legend ul { list-style-type: none; } .section-map .map-legend li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .section-map .map-legend li + li { margin-top: 12px; } .section-map .map-legend span { width: 24px; height: 24px; border-radius: 3px; } .section-map .map-legend span.green { background: #A0CE62; } .section-map .map-legend span.grey { background: #DBDEE2; } .section-map .map-legend span.red { background: #DB4545; } .section-map .map-legend small { font-size: 15px; } .section-map .map-legend span + small { margin-left: 13px; } /* Small Desktop */ @media (max-width: 1200px) { .section-map { margin-top: 50px; } .section-map .map { margin: 0 auto; } .section-map .section__body { padding-left: 0; } .section-map .map-legend { left: 50%; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-map .map-legend ul { display: -ms-flexbox; display: flex; } .section-map .map-legend li + li { margin-top: 0; margin-left: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-map { margin-bottom: 30px; } .section-map .map { } .section-map .point { display: none !important; } .section-map .map-legend { display: block; position: relative; padding-top: 30px; } .section-map .map-legend ul { -ms-flex-pack: center; justify-content: center; } } /* Mobile */ @media (max-width: 767px) { .section-map .section__title { font-size: 24px; } .section-map .section__head { margin-bottom: 30px; } .section-map .section__head .socials { position: relative; top: 0; -ms-transform: none; transform: none; } .section-map .map { } .section-map .map-legend ul { -ms-flex-direction: column; flex-direction: column; } .section-map .map-legend li + li { margin-left: 0; margin-top: 10px; } } /* ------------------------------------------------------------ *\ Section-Map-Overview \* ------------------------------------------------------------ */ .section-map-overview { padding-bottom: 80px; } .section-map-overview .section__head { text-align: center; } .section-map-overview .section__head h2 { font-family: 'LeituraNews-Roman3', sans-serif; margin-bottom: 0; } .section-map-overview .section__head .date { font-weight: 700; } .section-map-overview .map-legend-alt { max-width: 600px; margin: 25px auto 0; } .section-map-overview .map-legend-alt ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; list-style-type: none; } .section-map-overview .map-legend-alt li { text-align: center; margin: 0 13px; } .section-map-overview .map-legend-alt strong { display: block; text-transform: uppercase; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1; margin-bottom: 1px; } .section-map-overview .map-legend-alt span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; border-radius: 3px; margin-bottom: 8px; } .section-map-overview .map-legend-alt p { text-transform: uppercase; font-size: 14px; } .section-map-overview .map-legend-alt .orange { background: #E8BF38; } .section-map-overview .map-legend-alt .dark-blue { background: #22467a; } .section-map-overview .map-legend-alt .blue { background: #67a4db; } .section-map-overview .map-legend-alt .light-blue { background: #b5dbff; } .section-map-overview .map-legend-alt .link-water { background: #DBDEE3; } .section-map-overview .map { width: 100%; height: 500px; } .section-map-overview .mapWrapper { margin:0 auto; position:relative; -ms-flex-positive: 1; flex-grow: 1; } .section-map-overview .section__body { padding-left: 0; position: relative; } .section-map-overview .point { position: fixed; display: none; padding: 10px 15px; background: #DBDEE2; font-size: 16px; font-weight: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border:1px solid #262626; border-radius: 4px; background-clip: padding-box; } .section-map-overview .grade { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 66px; height: 66px; -ms-flex-negative: 1; flex-shrink: 1; border-radius: 50%; border: 3px solid #b39129; margin-left: 0; margin-bottom: 16px; line-height: 1; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 32px; } /*.section-map-overview .socials { margin-bottom: 30px; }*/ .section-map-overview .section__body { display: -ms-flexbox; display: flex; } .section-map-overview .mapWrapper { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 0; flex-grow: 0; } .section-map-overview .section__content { width: 244px; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 36px; display: none; } .section-map-overview .section__content__inner { display: none; } .section-map-overview .section__content__inner.show { display: block; } .section-map-overview .section__content__inner h5 { margin-bottom: 12px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-size: 19px; } .section-map-overview .section__content__inner .link { text-decoration: none; } .section-map-overview .grade-history { } .section-map-overview .grade-history ul { list-style-type: none; margin-bottom: 14px; } .section-map-overview .grade-history li { font-size: 14px; } .section-map-overview .section__head__bar { position: relative; padding-bottom: 23px; margin-top: 43px; } .section-map-overview .section__head__bar h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-transform: uppercase; font-weight: 700; } .section-map-overview .section__head__bar .socials { position: absolute; bottom: 0; right: 0; margin-bottom: 0; } .section-map-overview .section__body.show-content .mapWrapper { -ms-flex-positive: 1; flex-grow: 1; } .section-map-overview .section__body.show-content .section__content { display: block; } /* Small Desktop */ @media (max-width: 1200px) { .section-map-overview .section__body { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /*.section-map-overview .section__body.show-content .mapWrapper { width: 500px !important; }*/ .section-map-overview .section__content { margin: 0 auto; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-map-overview .section__head__bar { padding-bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .section-map-overview { padding-bottom: 30px; } .section-map-overview .section__head h2 { font-size: 24px; } .section-map-overview .map-legend-alt { max-width: 100%; margin: 25px auto 0; } .section-map-overview .map-legend-alt ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-map-overview .map-legend-alt ul li { width: auto; margin-bottom: 5px; } .section-map-overview .section__content { margin-bottom: 20px; } .section-map-overview .section__head__bar .socials { position: static; } } /* ------------------------------------------------------------ *\ Section-Map-Featured \* ------------------------------------------------------------ */ .section-map-featured { overflow: hidden; } .section-map-featured .map-panel-info { } /* ------------------------------------------------------------ *\ Section Search \* ------------------------------------------------------------ */ .section-search {} .section-search .section__head { text-align: center; padding: 36px 0 40px; } .section-search .section__title { font-weight: 300; color: #9E9E9E; margin: 0; text-transform: uppercase; } .section-search .section__body { } .section-search .row-flex { display: -ms-flexbox; display: flex; } .section-search .row-flex .col { padding: 0; } .section-search .box-district { min-height: 381px; } .section-search .box-compare { min-height: 381px; padding-right: 10px; } .section-search .box-compare .form-state { max-width: 770px; } .section-search .box-category { transition: margin .1s, width .1s; text-align: center; margin-left: -100%; width: 200%; } .section-search.animated { } .section-search.animated .row-flex .col { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .section-search.animated .row-flex .col-animated { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .section-search.animated .box-category { text-align: left; height: calc(100% - 381px); margin-left: 0; width: 100%; -ms-flex-positive: 1; flex-grow: 1; } .section-search.animated .box-category .form__row--center { -ms-flex-pack: start; justify-content: flex-start; } .section-search.animated .box-category .form__step.hidden { } /* Tablet Portrait */ @media (max-width: 1023px) { .section-search .row-flex { display: block; } .section-search .row-flex .col { float: none; } .section-search .box-category { margin-left: 0; width: 100%; text-align: left; } .section-search .box-category .form-state .form__row--center { -ms-flex-pack: start; justify-content: flex-start; } .section-search .box-search { min-height: 0; padding: 30px 15px; } .section-search.animated .box-category { height: 100%; height: auto; } } /* Mobile */ @media (max-width: 767px) { .section-search .section__head { padding: 14px 0; } .section-search .section__title { font-size: 25px; } .section-search .box-search { padding: 20px 15px; padding: 0 15px; } .section-search .box-category { text-align: left; } } /* ------------------------------------------------------------ *\ Section-District \* ------------------------------------------------------------ */ .section-district { position: relative; background-size: cover; background-position: center center; } .section-district:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.8; background: #DB4545; } .section-district i { margin-bottom: 11px; font-weight: 700; } .section-district h1 { line-height: 1.22; margin: 0 0 30px; font-weight: 700; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 37px; } .section-district p { font-size: 15px; font-weight: 600; line-height: 1.6; } .section-district .location { } .section-district .section__content { text-align: center; color: #fff; position: relative; padding: 65px 160px 60px; } .section-district .section__content .badge { position: absolute; top: 0; left: 0; } /* Mobile */ @media (max-width: 767px) { .section-district h1 { font-size: 32px; margin-bottom: 20px; } .section-district .section__content { padding: 100px 0 20px; } .section-district .section__content .badge { max-width: 100px; } } /* ------------------------------------------------------------ *\ Section-School-Info \* ------------------------------------------------------------ */ .section-school-info { } .section-school-info .section__foot { text-align: center; padding: 20px; } .section-school-info .section__foot p { font-size: 12px; font-weight: 400; color: #464646; line-height: 2.08; } .section-school-info .section__inner { padding: 34px 74px 33px; margin-top: 26px; background: #fff; display: -ms-flexbox; display: flex; } .section-school-info .section__inner h4 { font-weight: 600; margin-bottom: 2px; line-height: 1.26; } .section-school-info .section__inner span.date { display: block; line-height: 2.08; margin-bottom: 7px; text-transform: uppercase; } .section-school-info .section__inner .section__inner__chart, .section-school-info .section__inner .section__inner__content { width: 50%; } .section-school-info .section__inner__chart { text-align: center; } .section-school-info .chart #chart { height: auto; } /* Small Desktop */ @media (max-width: 1200px) { .section-school-info .section__inner { padding: 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-school-info .section__inner { display: block; padding: 15px; } .section-school-info .section__inner .section__inner__chart, .section-school-info .section__inner .section__inner__content { width: 100%; } .section-school-info .section__inner .section__inner__content { padding-bottom: 20px; text-align: center; } } /* ------------------------------------------------------------ *\ Section Docs \* ------------------------------------------------------------ */ .section-docs { padding: 45px 54px 46px; background: #7DA2BB; } .section-docs .section__head { color: #fff; text-align: center; margin-bottom: 40px; } .section-docs .section__head h2 { font-weight: 400; line-height: 1.19; margin: 0 0 19px; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 32px; } .section-docs .section__head p { line-height: 1.47; } /* Small Desktop */ @media (max-width: 1200px) { .section-docs { padding: 30px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-docs .section__head { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { /*.section-docs .section__head h2 { font-size: 32px; }*/ } /* ------------------------------------------------------------ *\ section-learn \* ------------------------------------------------------------ */ .section-learn { text-align: center; padding: 64px 0 95px; background: #fff; } .section-learn h4 { font-weight: 600; line-height: 1.26; margin-bottom: 9px; } .section-learn p { font-size: 15px; line-height: 1.47; margin-bottom: 20px; } .section-learn img { margin-bottom: 30px; } .section-learn .section__title { font-weight: 400; margin-bottom: 64px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-learn .section__group { } .section-learn .section__group + .section__group { margin-top: 103px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-learn { padding: 30px 0; } .section-learn .section__title { margin-bottom: 30px; } .section-learn .section__group + .section__group { margin-top: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-learn .section__title { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ section-database \* ------------------------------------------------------------ */ .section-database { } .section-database h1 { line-height: 1.29; margin-bottom: 8px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-database p { } .section-database .section__inner { position: relative; padding: 73px 0 66px; background-position: center center; background-size: cover; } .section-database .section__inner .shell { position: relative; z-index: 2; } .section-database .section__inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.8; background: #22467A; } .section-database .section__head { color: #fff; text-align: center; margin-bottom: 55px; } .section-database .section__foot { text-align: center; padding: 42px 0 105px; } /* Search */ .section-database--search { } .section-database--search .section__inner { padding: 72px 0 63px; background-position: center top; } .section-database--search .section__head { margin-bottom: 46px; } /* Result */ .section-database--results { } .section-database--results .section__head { margin-bottom: 24px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-database .section__foot { padding: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .section-database .section__inner { padding: 30px 0; } .section-database .section__head { margin-bottom: 30px; } .section-database--results .section__head { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ section-yb-database \* ------------------------------------------------------------ */ .section-yb-database { } .section-yb-database h1 { line-height: 1.29; margin-bottom: 8px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-yb-database p { } .section-yb-database .section__inner { position: relative; padding: 73px 0 66px; background-position: center center; background-size: cover; } .section-yb-database .section__inner .shell { position: relative; z-index: 2; } .section-yb-database .section__inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.8; background: #E8BF38; } .section-yb-database .section__head { color: #fff; text-align: center; margin-bottom: 55px; } .section-yb-database .section__foot { text-align: center; padding: 42px 0 105px; } /* Search */ .section-yb-database--search { } .section-yb-database--search .section__inner { padding: 72px 0 63px; background-position: center top; } .section-yb-database--search .section__head { margin-bottom: 46px; } /* Result */ .section-yb-database--results { } .section-yb-database--results .section__head { margin-bottom: 24px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-yb-database .section__foot { padding: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .section-yb-database .section__inner { padding: 30px 0; } .section-yb-database .section__head { margin-bottom: 30px; } .section-yb-database--results .section__head { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section-Table-Sorter \* ------------------------------------------------------------ */ .section-table-sorter { position: relative; } .section-table-sorter--alt { padding-bottom: 105px; } .section-table-sorter .widget-links, .section-table-sorter .widget-filters { width: 230px; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; top: 0; right: 0; } .section-table-sorter .widget-links { top: 67px; width: 190px; z-index: 1; } .section-table-sorter .table-sort { width: calc(100% - 230px); } .section-table-sorter .table-sort--alt { width: 100%; } .section-stick-at-top { position: relative; } .section-stick-at-top.sticky { } .section-stick-at-top.sticky .widget-links, .section-stick-at-top.sticky .widget-filters { top: 98px; position: fixed; } .section-stick-at-top.sticky .widget-links { top: 166px; } .section-stick-at-top.sticky .table-header { top: 98px; position: fixed; width: calc(100% - 230px) } .section-stick-at-top.sticky .table-header--alt { width: 100%; } .section-stick-at-top.sticky .widget-filters.pushUp { position: absolute; top: auto; bottom: 0; } .section-stick-at-top.sticky .table-header.is-open { position: static; } .section-stick-at-top.sticky .table-header.is-open { position: absolute; top: 0; } .section-stick-at-top .section-table-sorter .table-sort { /*margin-top: 64px !important;*/ padding-top: 69px; } .section-stick-at-top.sticky .section-table-sorter .table-sort { padding-top: 69px; } .section-stick-at-top .section-table-sorter .is-open + .table-sort { /*margin-top: 0 !important;*/ padding-top: 5px; } .section-stick-at-top.sticky .section-table-sorter .is-open + .table-sort { padding-top: 5px; } /* Small Desktop */ @media (max-width: 1200px) { .section-stick-at-top.sticky .table-header, .section-stick-at-top.sticky .widget-filters { top: 83px; } .section-stick-at-top.sticky .widget-links { top: 151px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-stick-at-top.sticky .widget-filters, .section-stick-at-top.sticky .table-header { top: 137px; } .section-stick-at-top .widget-links, .section-stick-at-top.sticky .widget-links { position: relative; top: 0; margin-left: 10px; } } /* Mobile */ @media (max-width: 767px) { .section-table-sorter .table-sort { padding-top: 188px; width: 100%; } .section-table-sorter .table-sort--primary { padding-top: 220px; } .section-stick-at-top .table-header, .section-stick-at-top.sticky .table-header { z-index: 100; } .section-stick-at-top.sticky .table-header { width: 100%; top: 62px; z-index: 100; } .section-stick-at-top .widget-filters { background: #fff; } .section-stick-at-top.sticky .widget-filters { top: 110px; } .section-table-sorter .widget-filters { top: 50px; width: 100%; max-width: 100%; z-index: 99; } .section-stick-at-top .widget-links, .section-stick-at-top.sticky .widget-links { margin-left: 0; } .section-table-sorter .widget-links { width: 100%; max-width: 100%; } .section-stick-at-top.sticky .topic-controls { position: fixed; top: 114px; } .section-table-sorter .table-sort--alt { padding-top: 102px; } .section-table-sorter--alt { padding-bottom: 30px; } .section-stick-at-top.sticky .table-header.is-open { position: fixed; top: 62px; } .section-stick-at-top.sticky .section-table-sorter .table-sort { margin-top: 0 !important; padding-top: 5px; } .section-stick-at-top .section-table-sorter .table-sort, .section-stick-at-top.sticky .section-table-sorter .table-sort, .section-stick-at-top .section-table-sorter .is-open + .table-sort, .section-stick-at-top.sticky .section-table-sorter .is-open + .table-sort { padding-top: 105px; } } /* ------------------------------------------------------------ *\ Section-Collapsed-Information \* ------------------------------------------------------------ */ .section-collapsed-information { padding: 41px 30px 24px 55px; color: #fff; position: relative; } .section-collapsed-information h4 { line-height: 1.26; font-weight: 600; margin-bottom: 6px; } .section-collapsed-information p { font-size: 15px; line-height: 1.47; } .section-collapsed-information .section__head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .section-collapsed-information .section__head-primary { max-width: 850px; } .section-collapsed-information .section__head span { font-size: 14px; } .section-collapsed-information .section__head__content { } .section-collapsed-information .section__head__aside { } .section-collapsed-information .socials { margin-bottom: 0; } .section-collapsed-information .btn-close { position: absolute; top: 41px; right: -160px; background: #fff; height: 46px; line-height: 42px; color: #22467A; font-weight: 700; padding: 0 13px; border: 2px solid #D2D2D2; text-decoration: none; z-index: 9; display: block; } .section-collapsed-information .btn-close .svg-ico-close { position: relative; top: 2px; } .section-collapsed-information .chart .chartDisplay { margin: 0; } .section-collapsed-information .section__entry { max-width: 685px; } .section-stick-at-top.sticky .table-header--alt { max-height: calc(100vh - 98px); overflow-y: auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-collapsed-information { padding: 20px; } .section-collapsed-information .chart .chartDisplay { width: 100% !important; height: auto; } } /* Mobile */ @media (max-width: 767px) { .section-collapsed-information { padding: 41px 20px 0px; } .section-collapsed-information .btn-close { right: 0; background: none; color: #fff; font-size: 13px; border: none; top: 0; } .section-collapsed-information p, .section-collapsed-information h4 { font-size: 13px; } .section-collapsed-information h4 { font-weight: 700; } .section-collapsed-information .socials--small strong { font-size: 12px; } .section-collapsed-information .socials--small { min-width: 40px; } .section-collapsed-information .socials--small svg { width: 16px; height: auto; } .section-collapsed-information .section__head__content { padding-right: 30px; } .section-collapsed-information .btn-close .svg-ico-close g { stroke: #fff; } } /* ------------------------------------------------------------ *\ Section Topics \* ------------------------------------------------------------ */ .section-topics { position: relative; overflow: hidden; height: 1600px; background: #F1F1F1; transition: height .3s; } .section-topics { } .section-topic { position: absolute; overflow-y: auto; padding: 0 0 15px 0; width: 100%; transition: left .8s; background: #f2f3f3; left: -100%; } .section-topic.current { left: 0; position: absolute; z-index: 2; } .section-topic.current ~ .section-topic { left: 100%; } /* ------------------------------------------------------------ *\ Section Compare \* ------------------------------------------------------------ */ .section-compare { border-top: 2px solid #DCDCDC; padding: 17px 0 49px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-compare { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Section Category \* ------------------------------------------------------------ */ .section-category { padding: 57px 0 106px; overflow: hidden; } .section-category .shell { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: relative; max-width: 1000px; } .section-category h4 { color: #404040; line-height: 1.26; font-weight: 600; margin-bottom: 17px; } .section-category p { color: #404040; line-height: 1.47; letter-spacing: 0.02em; margin-bottom: 30px; font-size: 15px; } .section-category p span { color: #9D9D9D; font-style: italic; } .section-category .section__actions { width: 305px; position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); transition: left .4s, transform .4s; z-index: 9; } .section-category .section__content { width: 395px; position: relative; } .section-category .toggle-all { background: #F1F1F1; border-radius: 3px; padding: 11px 20px; } .section-category .toggle-all .checkbox-reversed [type="checkbox"]:not(:checked) + label, .section-category .toggle-all.checkbox-reversed [type="checkbox"]:checked + label { padding-left: 60px; } .section-category .section__foot { padding-top: 87px; } .section-category .section__foot ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; list-style-type: none; } .section-category .section__foot ul li { padding: 0 14px; } .section-category .section__foot .btn { min-width: 216px; padding: 0 5px; } .section-category .section__foot .btn-red { background: #DF5858; } .section-category .section__foot .btn-red:hover { background: #C34041; } .section-category .section__foot .btn.hidden { display: none; } .section-category .show-more { display: block; text-align: center; text-decoration: none; color: #404040; font-size: 15px; line-height: 1.47; } .section-category.expanded .section__actions { left: 0; -ms-transform: translateX(0); transform: translateX(0); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-category { padding: 30px 0; } .section-category .section__foot { padding-top: 30px; } .section-category h4, .section-category p { margin-bottom: 13px; } .section-category h4 { font-size: 19px; } .section-category p { font-size: 15px; } .section-category .tab { margin-top: 39px; } .section-category .toggle-all .checkbox-reversed [type="checkbox"]:not(:checked) + label, .section-category .toggle-all.checkbox-reversed [type="checkbox"]:checked + label { font-size: 13px; } .section-category .list-options .checkbox-reversed [type="checkbox"]:not(:checked) + label, .section-category .list-options .checkbox-reversed [type="checkbox"]:checked + label { font-size: 13px; } } /* Mobile */ @media (max-width: 767px) { .section-category .section__actions { width: 100%; left: 0; -ms-transform: none; transform: none; padding-bottom: 17px; } .section-category .section__actions .select { width: 260px; } .section-category .section__actions .select select { width: 100%; } .section-category .shell { display: block; } .section-category .section__content { width: 100%; } .section-category .section__foot { display: none; } .section-category .section__foot.show { display: block; } .section-category .section__foot.show .hidden { display: block; } .section-category .section__foot ul { display: block; } .section-category .section__foot a { display: block; } .section-category .section__foot li + li { margin-top: 11px; } } /* ------------------------------------------------------------ *\ Section Rationale \* ------------------------------------------------------------ */ .section-rationale { padding-top: 0; padding-bottom: 61px; } .section-rationale .section__head { text-align: center; margin-bottom: 60px; } .section-rationale .section__head p { max-width: 630px; margin: 0 auto; text-align: left; letter-spacing: -0.02em; margin-bottom: 25px; font-size: 17px; line-height: 25px; font-family: 'LeituraNews-Roman1', sans-serif; } .section-rationale .section__head p:last-of-type { margin-bottom: 0; } .section-rationale .section__body { } .section-rationale .section__title { font-family: 'LeituraNews-Roman3', sans-serif; margin: 0 0 10px; } /* Mobile */ @media (max-width: 767px) { .section-rationale .section__title { font-size: 24px; } .section-rationale .section__head { margin-bottom: 30px; } .section-rationale .section__head p { font-size: 14px; margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Section-Articles-Related \* ------------------------------------------------------------ */ .section-articles-related { padding: 36px 0 62px; background: #F1F1F1; } .section-articles-related--alt { padding-bottom: 41px; } .section-articles-related .section__head { margin-bottom: 30px; } .section-articles-related .section__head h3 { color: #9E9E9E; font-weight: 300; line-height: 1.31; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .section-articles-related--alt .articles-grid { margin: 0; } .section-articles-related--alt .articles-grid .article--1of3 + .article--1of3 { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Section Articles \* ------------------------------------------------------------ */ .section-posts { padding: 53px 0; background: #F1F1F1; position: relative; } .section-posts .section__title { font-family: 'LeituraNews-Roman3', sans-serif; text-align: center; margin-bottom: 40px; } .section-posts .section__fixed__actions { position: absolute; top: 43px; right: 0; } .section-posts .section__fixed__actions .btn-open-filters { position: absolute; top: 0; right: 0; width: auto; white-space: nowrap; } .section-posts.fixed-actions .section__fixed__actions .btn-open-filters { position: fixed; top: 141px; } /* Mobile */ @media (max-width: 767px) { .section-posts .section__fixed__actions { top: 0px; } .section-posts.fixed-actions .section__fixed__actions .btn-open-filters { top: 62px; } .section-posts { padding-top: 110px; } .section-posts .section__title { font-size: 28px; margin-bottom: 10px; } .section-posts .btn-open-filters { top: 100px; } } /* ------------------------------------------------------------ *\ Section-Supporters \* ------------------------------------------------------------ */ .section-supporters { display: -ms-flexbox; display: flex; padding-bottom: 67px; } .section-supporters .section__aside { padding-left: 59px; width: 429px; -ms-flex-negative: 0; flex-shrink: 0; } .section-supporters .section__content { -ms-flex-positive: 1; flex-grow: 1; padding-left: 100px; } .section-supporters .section__aside p { font-size: 16px; line-height: 1.63; margin-bottom: 26px; } .section-supporters .section__aside p a { text-decoration: none; } /* Small Desktop */ @media (max-width: 1200px) { .section-supporters .section__aside { padding-left: 30px; } .section-supporters .section__content { padding-left: 50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-supporters { display: block; padding-bottom: 30px; } .section-supporters .section__aside { padding-left: 0; width: 100%; } .section-supporters .section__content { padding-left: 0; } } /* Mobile */ @media (max-width: 767px) { .section-supporters .section__aside p { margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section-banner-msg \* ------------------------------------------------------------ */ .section-banner-msg { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #D8B12F; border-radius: 3px; height: 247px; } .section-banner-msg h2 { color: #fff; font-size: 19px; line-height: 1.5em; letter-spacing: 0.08em; max-width: 760px; margin: 0; text-align: center; font-weight: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-banner-msg { height: 200px; padding-left: 20px; padding-right: 20px; } .section-banner-msg h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .section-banner-msg { height: auto; padding: 20px 10px; } .section-banner-msg h2 { font-size: 24px; } } /* ------------------------------------------------------------ *\ Section-Positions \* ------------------------------------------------------------ */ .section-positions {} .section-positions .section__head { padding: 46px 0 27px; } .section-positions .section__head h2 { font-size: 32px; line-height: 1.19; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .section-positions .section__body { } .section-positions .section__body { } .section-positions .section__group { } .section-positions .section__group__head { background: #F8F1D9; padding: 27px 0 10px; position: relative; } .section-positions .section__group__head > * { z-index: 1; position: relative; } .section-positions .section__group__head:before { position: absolute; top: 0; left: 50%; content: ''; -ms-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 100vw; background: #F8F1D9; z-index: 0; } .section-positions .section__group__head h5 { font-size: 19px; line-height: 1.58; margin: 0; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .section-positions .section__group__body { padding: 17px 0 60px; } .section-positions .section__group__body ul { padding-left: 20px; } .section-positions .section__group__body p { font-size: 17px; font-weight: 400; line-height: 1.76; margin-bottom: 30px; } .section-positions .section__group__body p:last-of-type { margin-bottom: 0; } .section-positions .section__group__body strong { font-weight: 500; } .section-positions .section__group__body .list-definition-positions { margin-bottom: 22px; } .section-positions .section__group__inner { border: 2px solid #D2D2D2; border-radius: 3px; padding: 23px 20px 28px 27px; margin-bottom: 18px; } .section-positions .section__group__inner + p { font-size: 14px; line-height: 1.57; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .section-positions .section__group__inner h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; line-height: 1.58; font-size: 19px; margin: 0 0 3px; } .section-positions .section__group__inner p { margin-bottom: 0; font-family: 'LeituraNews-Roman1', sans-serif; font-weight: 600; font-size: 17px; line-height: 1.76; } .section-positions .section__group__inner p a { color: #C1873A; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-positions .section__head { padding: 20px 0; } .section-positions .section__group__body { padding: 20px 0; } } /* Mobile */ @media (max-width: 767px) { .section-positions .shell { padding: 0; } .section-positions .section__group__head { padding: 10px 0; } .section-positions .section__group__body p { margin-bottom: 15px; } .section-positions .section__group__inner { padding: 10px; } } /* ------------------------------------------------------------ *\ Section-Approach \* ------------------------------------------------------------ */ .section-approach { padding-bottom: 43px; } .section-approach .section__head { margin-bottom: 19px; } .section-approach .section__head h2 { font-family: 'LeituraNews-Roman3', sans-serif; font-weight: 700; font-size: 37px; line-height: 1.22; margin: 0; } .section-approach .section__body { } .section-approach p { font-family: 'LeituraNews-Roman1', sans-serif; font-size: 17px; line-height: 1.76; margin-bottom: 30px; } .section-approach p a { text-decoration: none; } .section-approach p a { } .section-approach h5 { font-size: 17px; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-approach { padding-bottom: 20px; } .section-approach .section__head h2 { font-size: 28px; } .section-approach p { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-approach { padding: 20px 0 0; } .section-approach .shell { padding: 0; } } /* ------------------------------------------------------------ *\ section-content-intro \* ------------------------------------------------------------ */ .section-content-intro { border-top: 8px solid #E8BF38; padding: 58px 0 33px; min-height: 303px; } .section-content-intro--orange { border-color: #D8B12F; } .section-content-intro--yellow { border-color: #EFD30A; } .section-content-intro--red { border-color: #DB4545; } .section-content-intro--purple { border-color: #949FC3; } .section-content-intro--brown { border-color: #A6722B; } .section-content-intro--grey { border-color: #E2E2E2; } .section-content-intro .section__head { text-align: center; margin-bottom: 34px; } .section-content-intro h5 { font-size: 15px; font-weight: 400; line-height: 1.47; margin: 0 0 3px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .section-content-intro h2 { font-family: 'LeituraNews-Roman3', sans-serif; font-size: 37px; line-height: 1.22; font-weight: 400; margin: 0; } .section-content-intro p { font-family: 'LeituraNews-Roman1', sans-serif; font-size: 17px; line-height: 1.47; margin-bottom: 25px; } .section-content-intro p:last-child { margin-bottom: 0; } /* Small Desktop */ @media (max-width: 1200px) { .section-content-intro { padding: 40px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-content-intro { padding: 30px 0; } } /* ------------------------------------------------------------ *\ section-article-callout \* ------------------------------------------------------------ */ .section-article-callout { margin-bottom: 46px; } .section-article-callout .section__inner { padding: 64px 77px; background-size: cover; background-position: center center; } .section-article-callout .section__content { padding: 41px 10px 40px; background: rgba(245,245,245,.9); } .section-article-callout .section__content__inner { max-width: 620px; margin: 0 auto; text-align: center; } .section-article-callout .section__actions { text-align: center; } .section-article-callout .btn { } .section-article-callout h4 { font-size: 19px; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.26; margin: 0 0 5px; } .section-article-callout span.date { font-size: 14px; font-weight: 700; line-height: 1.79; display: block; margin-bottom: 13px; color: #404040; text-transform: uppercase;} .section-article-callout p { font-family: 'LeituraNews-Roman1', sans-serif; text-align: left; font-size: 17px; font-weight: 400; line-height: 1.47; margin-bottom: 27px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-article-callout { margin-bottom: 30px; } .section-article-callout .section__inner { padding: 30px; } .section-article-callout .section__content { padding: 30px 10px; } } /* Mobile */ @media (max-width: 767px) { .section-article-callout { margin-bottom: 15px; } .section-article-callout .section__inner { padding: 15px; } .section-article-callout .section__content { padding: 15px 15px; } .section-article-callout p { font-size: 14px; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section Article Callout Alt \* ------------------------------------------------------------ */ .section-article-callout--alt { margin-bottom: 90px; padding: 0 15px; } .section-article-callout--alt p { font-family: 'LeituraNews-Roman1', sans-serif; font-weight: 400; } .section-article-callout--alt .section__inner { border: 1px solid #d8d8d8; border-radius: 3px; padding: 63px 0; } .section-article-callout--alt .section__content { padding: 34px 10px 25px; } .section-article-callout--alt .section__content__inner { max-width: 625px; } /* Small Desktop */ @media (max-width: 1200px) { .section-article-callout--alt { padding: 0; } } /* ------------------------------------------------------------ *\ section-stories \* ------------------------------------------------------------ */ .section-stories { } /* ------------------------------------------------------------ *\ section-filters \* ------------------------------------------------------------ */ .section-filters { padding: 53px 0 50px; position: relative; } .section-filters:after { position: absolute; top: 100%; left: 50%; content: ''; width: 0; height: 0; border-style: solid; border-width: 26px 25px 0 25px; border-color: #fff transparent transparent transparent; -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-filters h2 { margin-bottom: 27px; font-size: 29px; font-weight: 300; color: #9E9E9E; text-transform: uppercase; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-align: center; } .section-filters p { font-family: 'LeituraNews-Roman1', sans-serif; font-size: 17px; font-weight: 300; margin: 0; } .section-filters .section__head { max-width: 511px; margin: 0 auto 30px; } .section-filters .section__body { } /* Tablet Portrait */ @media (max-width: 1023px) { .section-filters { padding: 30px 0 20px; } .section-filters h2, .section-filters .section__head { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-filters { padding: 10px 0 20px; } .section-filters h2 { font-size: 24px; margin-bottom: 10px; } .section-filters .section__head { margin-bottom: 15px; } .section-filters .section__head p { font-size: 14px; } .section-filters .list-options-alt { -ms-flex-direction: column; flex-direction: column; } .section-filters .list-options-alt li { width: 100%; } } /* ------------------------------------------------------------ *\ Section Listings \* ------------------------------------------------------------ */ .section--listings { padding: 0 15px; } @media (max-width: 1200px) { .section--listings { padding: 0; } } /* ------------------------------------------------------------ *\ Section Newsroom Intro \* ------------------------------------------------------------ */ .section-newsroom-intro { padding: 40px 0 47px; } .section-newsroom-intro .section__title { text-align: center; font-size: 37px; font-weight: 400; line-height: 1.22; margin-bottom: 28px; font-family: 'LeituraNews-Roman3', sans-serif; } .section-newsroom-intro h5 { font-size: 17px; line-height: 1.47; font-weight: 600; font-family: 'LeituraNews-Roman1', sans-serif; margin: 0 0 28px; font-weight: normal; } .section-newsroom-intro .subscribe h4, .section-newsroom-intro .block-contacts h4 { font-weight: 600; line-height: 1.26; text-align: center; margin-bottom: 20px; } .section-newsroom-intro .block-contacts { margin-bottom: 47px; } .section-newsroom-intro .block-contacts ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0 -2px; } .section-newsroom-intro .block-contacts li { background: #22467A; border-radius: 3px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-height: 93px; color: #fff; } .section-newsroom-intro .block-contacts p { font-weight: 600; font-size: 15px; color: #fff; line-height: 1.67; } .section-newsroom-intro .block-contacts p a { text-decoration: none; color: inherit; } .section-newsroom-intro .block-contacts p a:hover { opacity: .8; } .section-newsroom-intro .block-contacts li { margin: 0 2px; width: calc(50% - 4px); } .section-newsroom-intro .block-contacts--large { margin-bottom: 77px; padding-top: 26px; } .section-newsroom-intro .block-contacts--large li { width: 419px; padding: 24px 10px 23px; } .section-newsroom-intro .block-contacts--large h4 { line-height: 1.26; font-weight: 600; margin: 0 0 14px; } .section-newsroom-intro .subscribe h4 { margin-bottom: 28px; } .section-newsroom-intro .subscribe .form__label { color: #404040; font-size: 15px; } .section-newsroom-intro .subscribe .subscribe__field { border: 2px solid #D2D2D2; } .section-newsroom-intro .subscribe .subscribe__extra__actions { padding-top: 23px; } .section-newsroom-intro .subscribe .subscribe__extra__actions a { color: #C1873A; font-weight: 500; } .section-newsroom-intro .bio { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .section-newsroom-intro .bio__image { width: 183px; height: 183px; border-radius: 50%; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } .section-newsroom-intro .bio__image + .bio__content { margin-left: 47px; } .section-newsroom-intro .bio__content { } .section-newsroom-intro h4 { line-height: 1.26; margin: 0; } .section-newsroom-intro span { font-size: 15px; font-weight: 500; color: #A5A5A5; display: block; margin-bottom: 16px; } .section-newsroom-intro .btn { padding: 0 18px; min-width: 0; } /* Mobile */ @media (max-width: 767px) { .section-newsroom-intro { padding: 20px 0; } .section-newsroom-intro .section__title { font-size: 28px; margin-bottom: 15px; } .section-newsroom-intro h5 { font-size: 15px; margin-bottom: 15px; } .section-newsroom-intro .block-contacts { margin-bottom: 20px; } .section-newsroom-intro .block-contacts ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-newsroom-intro .block-contacts li { width: 100%; } .section-newsroom-intro .block-contacts li + li { margin-top: 4px; } .section-newsroom-intro .block-contacts--large { margin-bottom: 20px; padding-top: 10px; } .section-newsroom-intro .bio { -ms-flex-direction: column; flex-direction: column; } .section-newsroom-intro .bio__image { margin-bottom: 20px; } .section-newsroom-intro .bio__content { text-align: center; } .section-newsroom-intro .bio__image + .bio__content { margin-left: 0; } } /* ------------------------------------------------------------ *\ Section Experts \* ------------------------------------------------------------ */ .section-experts { padding: 29px 0 40px; } .section-experts .section__title { font-size: 29px; font-weight: 300; color: #9E9E9E; text-align: center; margin: 0 0 31px; text-transform: uppercase; } /* Small Desktop */ @media (max-width: 1200px) { .section-experts { padding: 20px 0 0; } } /* ------------------------------------------------------------ *\ Section Contacts \* ------------------------------------------------------------ */ .section-contacts { padding-bottom: 117px; } /* Small Desktop */ @media (max-width: 1200px) { .section-contacts { padding-bottom: 80px; } } /* Mobile */ @media (max-width: 767px) { .section-contacts { padding-bottom: 20px; } .section-contacts .shell { padding: 0; } } /* ------------------------------------------------------------ *\ Section TPR \* ------------------------------------------------------------ */ .section-tpr { padding: 39px 0; } .section-tpr .section__entry { max-width: 670px; margin: 0 auto; padding-bottom: 69px; } .section-tpr .section__entry p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 17px; line-height: 1.47; margin-bottom: 27px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tpr { padding: 30px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-tpr .section__entry { padding-bottom: 30px; } } /* ------------------------------------------------------------ *\ Section Members \* ------------------------------------------------------------ */ .section-members .members { margin-bottom: 30px; } .section-members .section__title { font-family: 'LeituraNews-Roman3', sans-serif; margin: 0 0 21px; text-align: center; } /* ------------------------------------------------------------ *\ section-analysts \* ------------------------------------------------------------ */ .section-analysts { padding-bottom: 76px; } .section-analysts .col { padding: 0 30px; } .section-analysts .cols { margin: 0 -30px; } .section-analysts h4 { font-size: 18px; font-weight: 400; line-height: 1.17; margin: 0; } .section-analysts .section__title { font-family: 'LeituraNews-Roman3', sans-serif; margin: 0 0 41px; text-align: center; } .section-analysts .list-links + h4 { margin-top: 25px; } .section-analysts .section__body { max-width: 900px; margin: 0 auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-analysts { padding-bottom: 30px; } .section-analysts .cols { margin: 0 -15px; } .section-analysts .col { padding: 0 15px; } } /* Mobile */ @media (max-width: 767px) { .section-analysts .col { width: 100%; } .section-analysts .col + .col { margin-top: 20px; } .section-analysts .section__title { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Funders \* ------------------------------------------------------------ */ .section-funders { margin-bottom: 143px; } .section-funders h4 { font-weight: 600; line-height: 1.26; margin: 0 0 6px; } .section-funders .section__title { font-family: 'LeituraNews-Roman3', sans-serif; margin: 0 0 41px; text-align: center; } .section-funders .section__body { max-width: 640px; margin: 0 auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-funders { margin-bottom: 80px; } } /* Mobile */ @media (max-width: 767px) { .section-funders { margin-bottom: 20px; } .section-funders .col { width: 100%; } .section-funders .col + .col { margin-top: 15px; } .section-funders .section__title { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Accordion \* ------------------------------------------------------------ */ .section-accordion { padding: 0 0 58px; counter-reset: steps; } .section-accordion .section__title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #9E9E9E; font-weight: 300; line-height: 1.31; margin: 0 0 19px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-accordion { padding: 0 0 30px; } } /* ------------------------------------------------------------ *\ section-standarts \* ------------------------------------------------------------ */ .section-standarts { padding: 56px 0 14px; } .section-standarts .section__title { font-family: 'LeituraNews-Roman3', sans-serif; margin: 0 0 10px; line-height: 1.22; letter-spacing: 0.09em; } .section-standarts .section__head { text-align: center; max-width: 620px; margin: 0 auto 20px; } .section-standarts .section__head p { text-align: left; font-family: 'LeituraNews-Roman1', sans-serif; font-size: 17px; } .section-standarts .section__body { } .section-standarts .cols { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .section-standarts .cols:after { display: none; } .section-standarts .col { width: calc(50% - 86px); } .section-standarts h3 { font-size: 29px; line-height: 1.31; text-transform: uppercase; color: #9E9E9E; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin: 0 0 15px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-standarts { padding: 30px 0 15px; } .section-standarts .col { width: calc(50% - 10px); } .section-standarts h3 { font-size: 24px; margin-bottom: 5px; } } /* Mobile */ @media (max-width: 767px) { .section-standarts { padding: 0 0 20px; } .section-standarts .col { width: 100%; padding: 0; } .section-standarts .cols { margin: 0; } .section-standarts .col + .col { border-top: 2px solid #D2D2D2; } .section-standarts .section__title { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ section-tpr-data \* ------------------------------------------------------------ */ .section-tpr-data { position: relative; padding: 90px 0 75px; } .section-tpr-data .widget-links { position: absolute; right: 0; top: 16px; } .section-tpr-data.actions-fixed .widget-links { position: fixed; top: 114px; } /* Small Desktop */ @media (max-width: 1200px) { .section-tpr-data.actions-fixed .widget-links { top: 100px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tpr-data.actions-fixed .widget-links { top: 160px; } .section-tpr-data .grade-compare .col-1of2 { width: 100%; } .section-tpr-data .grade-compare .col-1of2 + .col-1of2 { margin-top: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-tpr-data { padding: 30px 0; } .section-tpr-data .widget-links, .section-tpr-data.actions-fixed .widget-links { position: static; padding-top: 20px; max-width: 100%; } .section-tpr-data.actions-fixed .widget-links ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-tpr-data.actions-fixed .widget-links ul li { -ms-flex: auto; flex: auto; } } /* ------------------------------------------------------------ *\ Section search Program \* ------------------------------------------------------------ */ .section-search-program { padding-bottom: 97px; } .section-search-program .section__title { color: #9E9E9E; font-weight: 300; text-transform: uppercase; line-height: 1.31; margin: 0 0 11px; } .section-search-program .section__head { text-align: center; margin-bottom: 44px; } .section-search-program .section__head p { font-size: 15px; line-height: 1.47; max-width: 769px; margin: 0 auto 30px; } .section-search-program--alt { padding: 59px 0 77px; } .section-search-program--alt .section__head { margin-bottom: 83px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-search-program { padding-bottom: 40px; } .section-search-program .section__head { margin-bottom: 25px; } .section-search-program--alt .section__head { margin-bottom: 40px; } } /* Mobile */ @media (max-width: 767px) { .section-search-program { padding-bottom: 10px; } .section-search-program--alt { padding: 30px 0 10px; } .section-search-program--alt .btn { padding: 0 10px; } .section-search-program--alt .section__head { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Section Programs \* ------------------------------------------------------------ */ .section-programs { padding: 100px 0 0; } .section-programs .section__head { text-align: center; } .section-programs .section__title { color: #9E9E9E; font-weight: 300; text-transform: uppercase; line-height: 1.31; margin-bottom: 40px; } /* Small Desktop */ @media (max-width: 1200px) { .section-programs { padding: 50px 0 20px; } .section-programs .section__title { margin-bottom: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs { padding: 40px 0 20px; } } /* ------------------------------------------------------------ *\ Section Search Results \* ------------------------------------------------------------ */ .section-search-results { padding: 34px 0 74px; } .section-search-results .section__title { font-family: 'LeituraNews-Roman3', sans-serif; margin-bottom: 45px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-search-results { padding: 30px 0; } .section-search-results .section__title { font-size: 22px; margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Simple \* ------------------------------------------------------------ */ .section-simple { padding: 30px 0; } .section-simple .section__head { margin-bottom: 30px; text-align: center; } .section-simple .section__title { font-family: 'LeituraNews-Roman3', sans-serif; } .section-simple .section__subtitle { text-transform: uppercase; color: #c7c7c7; letter-spacing: 0.02px; } .section-simple .section__body { font-family: 'LeituraNews-Roman1', sans-serif; } /* ------------------------------------------------------------ *\ Section New Map \* ------------------------------------------------------------ */ .section-new-map {} .section-new-map .section__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .section-new-map .section__title h3 { margin: 0; text-transform: uppercase; color: #9e9e9e; } .section-new-map .category-trigger-btn { display: block; width: 25px; height: 25px; margin-top: 25px; margin-left: 15px; } .section-new-map .category-trigger-btn span { display: block; width: 20px; background: #22467a; height: 2px; transition: .5s; } .section-new-map .category-trigger-btn span:nth-child(1) { -ms-transform: rotate(45deg); transform: rotate(45deg) } .section-new-map .category-trigger-btn span:nth-child(2) { -ms-transform: rotate(-45deg) translate(11px, 8px); transform: rotate(-45deg) translate(11px, 8px) } /**/ .section-new-map .category-trigger-btn.active span { width: 30px; } .section-new-map .category-trigger-btn.active span:nth-child(1) { -ms-transform: rotate(45deg) translate(0 ,1px); transform: rotate(45deg) translate(0 ,1px) } .section-new-map .category-trigger-btn.active span:nth-child(2) { -ms-transform: rotate(-45deg) translate(0px, -1px); transform: rotate(-45deg) translate(0px, -1px) } .section-new-map .section__head { border: 2px solid #d2d2d2; padding: 10px 110px; border-radius: 3px; margin-bottom: 70px; } .section-new-map .section__body { position: relative; } .section-new-map .section__foot { padding: 50px 115px; } @media( max-width: 1024px ) { .section-new-map .section__foot { padding: 30px 20px; } } @media( max-width: 767px ) { .section-new-map .section__head { padding: 5px 15px; margin-bottom: 25px; } .section-new-map .section__head h3 { font-size: 24px; } } /* ------------------------------------------------------------ *\ section-state-filter \* ------------------------------------------------------------ */ .section-state-filter { position: relative; } .section-state-filter .section__inner { max-width: 385px; margin: -43px auto 80px; padding: 24px 60px; background: #fff; z-index: 2; } .section-state-filter .form__label { display: block; text-align: center; margin-bottom: 28px; font-weight: 600; } .section-state-filter select { width: 100%; } /* Mobile */ @media (max-width: 767px) { .section-state-filter .section__inner { margin-top: -20px; margin-bottom: 20px; max-width: calc(100vw - 30px); } } /* ------------------------------------------------------------ *\ section-location-detail \* ------------------------------------------------------------ */ .section-location-detail { padding-bottom: 56px; } .section-location-detail h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; font-size: 19px; color: #404040; letter-spacing: 0; line-height: 24px; margin-bottom: 20px; } .section-location-detail h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-size: 16px; color: #404040; letter-spacing: 0; line-height: 24px; margin-bottom: 10px; } .section-location-detail p { } .section-location-detail .section__head { margin-bottom: 59px; } .section-location-detail .section__title { text-align: center; background: #22467A; font-family: LeituraNews-Roman3; font-size: 37px; color: #FFFFFF; letter-spacing: 0.09px; line-height: 45px; padding: 16px 10px; margin-bottom: 0; } .section-location-detail .section__actions { padding-top: 56px; } .section-location-detail .section__body { max-width: 750px; margin: 0 auto; } .section-location-detail .table-requirements { margin-bottom: 75px; } .section-location-detail .footnotes p { margin-bottom: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; font-size: 13px; color: #404040; letter-spacing: 0.02px; line-height: 18px; } .section-location-detail .footnotes sup { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-size: 9px; color: #C1873A; letter-spacing: 0; } /* Mobile */ @media (max-width: 767px) { .section-location-detail .section__title { font-size: 24px; padding: 4px 10px; } .section-location-detail .table-requirements { margin-bottom: 30px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider {} .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Slider-Intro-Text \* ------------------------------------------------------------ */ .slider-intro-text { padding: 39px 0 67px; background: rgba(255,255,255,.34); } .slider-intro-text h2 { color: #404040; line-height: 1.19; font-family: 'LeituraNews-Roman3', sans-serif; } .slider-intro-text span { display: inline-block; font-size: 14px; line-height: 1.79; color: #fff; padding: 2px 16px; margin: 0 0 17px; font-weight: 700; text-transform: uppercase; background: #DAB22C; border-radius: 3px; } .slider-intro-text .slick-dots { position: absolute; bottom: -38px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); display: -ms-flexbox; display: flex; list-style-type: none; } .slider-intro-text .slick-dots li { margin: 0 10px; } .slider-intro-text .slick-dots li button { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #fff; background: #fff; font-size: 0; line-height: 0; text-indent: -4004px; } .slider-intro-text .slick-dots li button:hover, .slider-intro-text .slick-dots li.slick-active button { background: transparent; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-intro-text h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .slider-intro-text { padding: 15px 0 60px; } .slider-intro-text h2 { font-size: 22px; } } /* ------------------------------------------------------------ *\ Slider-Intro-Text-Grey \* ------------------------------------------------------------ */ .slider-intro-text--grey { background-color: #f1f1f1; } .slider-intro-text span { background-color: #22467A; font-weight: 500; } .slider-intro-text--grey .slick-slide { padding-right: 0px; } .slider-intro-text--grey .link { text-decoration: none; font-weight: 600; color: #df7f19; } .slider-intro-text .slick-dots li.slick-active button { background: #22467A; } .slider-intro-text .slick-dots li button { background-color: transparent; border-color: #22467A; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-intro-text--grey .slick-slide { padding-right: 50px; } } /* Mobile */ @media (max-width: 767px) { .slider-intro-text--grey .slick-slide { padding-right: 0; } } /* ------------------------------------------------------------ *\ slider-stories \* ------------------------------------------------------------ */ .slider-stories { position: relative; } .slider-stories .slider__slide { padding: 0 0 80px; background: #F5F5F5; } .slider-stories .slide__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; } .slider-stories .slide__image { width: 50%; padding: 0 10px; } .slider-stories .slide__image.text-right img { margin-left: auto; } .slider-stories .slide__image.text-left img { margin-right: auto; } .slider-stories .slide__image p { font-size: 13px; line-height: 1.46; margin-top: 17px; text-align: center; } .slider-stories .slide__image .date-stamp { color: #C7C7C7; font-size: 14px; font-weight: 700; line-height: 1.79; letter-spacing: 0.02em; margin-top: 23px; } .slider-stories .slide__content { width: 50%; padding-right: 90px; padding-left: 50px; } .slider-stories p { font-size: 15px; line-height: 1.47; font-weight: 500; margin-bottom: 22px; } .slider-stories p:last-child { margin-bottom: 0; } .slider-stories h4 { font-size: 19px; font-weight: 600; line-height: 1.26; margin-bottom: 17px; } .slider-stories .brand-logo img { margin-bottom: 10px; } .slider-stories .btn { margin-top: 10px; } .slider-stories .slick-track { display: -ms-flexbox; display: flex; } .slider-stories .slick-track .slick-slide { display: -ms-flexbox; display: flex; height: auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .slider-stories .slide--orange { background: #D8B12F; } .slider-stories .slide--yellow { background-color: #EFD30A; } .slider-stories .slide--red { background-color: #DB4545; } .slider-stories .slide--purple { background-color: #949FC3; } .slider-stories .slide--brown { background-color: #A6722B; } .slider-stories .slide--grey { background-color: #F5F5F5; } .slider-stories .slide__image-bg, .slider-stories .slider__slide-with-bg { background-size: cover; background-position: center center; } .slider-stories .slide__image-bg { padding-top: 100%; background-size: contain; background-repeat: no-repeat; } .slider-stories .slide__image-bg--alt { background-size: contain; background-repeat: no-repeat; } .slider-stories .slide--orange .slide__content, .slider-stories .slide--red .slide__content, .slider-stories .slide--purple .slide__content, .slider-stories .slide--brown .slide__content, .slider-stories .slide--yellow .slide__content { color: #fff; } .slider-stories .slider__slide--type1 .slide__image, .slider-stories .slider__slide--type3 .slide__image, .slider-stories .slider__slide--type2 .slide__image { text-align: center; } .slider-stories .slider__slide--type1 .slide__image { padding-left: 90px; padding-right: 90px; } .slider-stories .slider__slide--type2 .slide__image { padding-left: 56px; padding-right: 10px; } .slider-stories .slider__slide--type3 .slide__image { padding-left: 75px; } .slider-stories .slider__slide--type5 .slide__image { padding-left: 110px; } .slider-stories .slider__slide--type7 { padding-top: 0; padding-bottom: 0; } .slider-stories .slider__slide--type7 .slide__image { height: 466px; padding: 0; } .slider-stories .slider__slide--type7 .slide__content { padding-left: 50px; } .slider-stories .slider__slide--type8 { padding-top: 0; padding-bottom: 0; } .slider-stories .slider__slide--type8 .slide__image { padding: 30px 30px; text-align: center; } .slider-stories .slider__slide--type8 .slide__image img { display: inline-block; } .slider-stories .slider__slide--type8 .slide__content { padding-right: 20px; } .slider-stories .slider__slide--type9 { } .slider-stories .slider__slide--type9 .slide__image { padding-left: 59px; padding-right: 5px; } .slider-stories .slider__slide--type9 .date-stamp { margin-left: 102px; } .slider-stories .slider__slide--type10 { padding-top: 0; padding-bottom: 0; } .slider-stories .slider__slide--type10 .slide__image { padding: 0 0 0 50px; } .slider-stories .slider__slide--type10 .slide__image-fixed-height { height: 466px; overflow: hidden; } .slider-stories .slider__slide--type10 .slide__image-fixed-height img { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-stories .slider__controls { bottom: auto; top: 100%; background: #fff; border-radius: 3px; padding: 11px 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: 2; } .slider-stories .slider__controls a { color: #22467A; font-size: 16px; text-decoration: none; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .slider-stories .slider__controls a span { margin: 0 10px; display: block; } .slider-stories .slider__controls .status { font-size: 15px; font-weight: 400; color: #22467A; letter-spacing: 0.2em; } /* Small Desktop */ @media (max-width: 1200px) { .slider-stories .slide__content { padding-right: 20px; } .slider-stories .slide__inner { display: block; } .slider-stories .slide__inner .slide__image, .slider-stories .slide__inner .slide__content { width: 100%; } .slider-stories .slide__inner .slide__image { text-align: center; padding: 0 20px; margin-bottom: 30px; } .slider-stories .slide__inner .slide__image img { display: inline-block; } .slider-stories .slide__inner .slide__content { padding: 0 20px; text-align: center; } .slider-stories .slick-track .slick-slide { padding-bottom: 30px; } .slider-stories .slider__slide--type10 .slide__image-fixed-height { height: auto; margin-top: 20px; } .slider-stories .slider__slide--type10 .slide__image-fixed-height img { position: static; -ms-transform: none; transform: none; } .slider-stories .slider__slide--type9 .date-stamp { margin-left: 0; } .slider-stories .brand-logo { text-align: center; } .slider-stories .brand-logo img { margin: auto; } } /* Mobile */ @media (max-width: 767px) { .slider-stories p { font-size: 14px; margin-bottom: 15px; } .slider-stories .slide__inner .slide__content { padding: 0 10px; } .slider-stories .slide__inner .slide__image-bg { height: 0; padding: 40%; } } /* ------------------------------------------------------------ *\ Socails \* ------------------------------------------------------------ */ .socials { margin-bottom: 64px; } .socials ul { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .socials li { -ms-flex-negative: 0; flex-shrink: 0; } .socials a { display: block; } .socials a path { transition: fill .4s; } .socials a:hover path { fill: #DEDEDE; } .socials li + li { margin-left: 20px; } .socials .ico-twitter { width: 37px; height: 29px; } .socials .ico-linkedin { width: 32px; height: 32px; } .socials .ico-facebook { width: 32px; height: 32px; } .socials--small { text-align: right; } .socials--small ul { -ms-flex-pack: end; justify-content: flex-end; } .socials--small strong { display: block; color: #22467A; font-size: 16px; font-weight: 700; margin-bottom: 5px; } .socials--small .ico-twitter { width: 22px; height: 18px; } .socials--small .ico-facebook { width: 19px; height: 19px; } .socials--small .ico-linkedin { width: 19px; height: 19px; } .socials--small li + li { margin-left: 5px; } .socials--small-alt ul { } .socials--small-alt .ico-twitter { width: 29px; height: 23px; } .socials--small-alt .ico-facebook { width: 23px; height: 23px; } .socials--small-alt .ico-linkedin { width: 23px; height: 23px; } .socials--white strong { color: #fff; } .socials--white .ico-twitter path, .socials--white .ico-facebook path { fill: #fff; } .socials a path.path-no-fill { transition: none; } .socials--left ul { -ms-flex-pack: start; justify-content: flex-start; } .socials--center ul { -ms-flex-pack: center; justify-content: center; } .socials--center li + li { margin-left: 17px; } /* Socials Medium*/ .socials--medium .ico-twitter { width: 32px; height: 26px; } .socials--medium .ico-facebook { width: 26px; height: 26px; } .socials--medium li + li { margin-left: 15px; } /* Tablet Portrait */ @media (max-width: 1023px) { .socials { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .socials { margin: 10px 0; } .socials ul { -ms-flex-pack: center; justify-content: center; } } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe { } .subscribe ::-webkit-input-placeholder { color: #AEAEAE; } .subscribe ::-moz-placeholder { color: #AEAEAE; } .subscribe :-moz-placeholder { color: #AEAEAE; } .subscribe :-ms-input-placeholder { color: #AEAEAE; } .subscribe h1 { font-family: 'LeituraNews-Roman3', sans-serif; color: #fff; line-height: 1.22; margin: 0 0 82px; } .subscribe .subscribe__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 448px; margin: 0 auto; } .subscribe .subscribe__field { width: 313px; background: #fff; border-radius: 3px; border: none; padding: 0 13px; font-size: 15px; height: 42px; color: #404040; } .subscribe .form__label { text-align: left; color: #fff; display: block; margin-bottom: 5px; width: 100%; } .subscribe .subscribe__btn { margin-left: 19px; height: 42px; line-height: 38px; } .subscribe .subscribe__extra__actions { text-align: center; padding-top: 41px; } .subscribe .subscribe__extra__actions a { color: #fff; font-size: 16px; line-height: 1.88em; text-decoration: none; transition: color .3s; } .subscribe .subscribe__extra__actions a:hover { text-decoration: underline; color: #404040; text-decoration: none; } /* subscribe--small */ .subscribe--small { } .subscribe--small .subscribe__field { height: 37px; margin-bottom: 5px; } .subscribe--small .subscribe__btn { background: none; border: none; font-size: 16px; font-weight: 500; line-height: 30px; color: #22467A; transition: color .4s; margin-left: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .subscribe--small .subscribe__btn:hover { color: #404040; } /* Small Desktop */ @media (max-width: 1200px) { .subscribe h1 { margin: 0 0 40px; } } /* Mobile */ @media (max-width: 767px) { .subscribe h1 { margin: 0 0 20px; font-size: 26px; } .subscribe .subscribe__inner { display: block; } .subscribe .subscribe__field { width: 100%; } .subscribe .subscribe__btn { display: block; width: 100%; margin-left: 0; margin-top: 15px; } .subscribe .subscribe__extra__actions { padding-top: 20px; } .subscribe--small .subscribe__field { margin-bottom: 5px; } .subscribe--small form { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subscribe--small form { } .subscribe--small .subscribe__field { width: 180px; margin: 0; } .subscribe--small form label { width: 100%; } .subscribe--small .subscribe__btn { margin-top: 0; margin-left: 15px; -ms-flex-negative: 0; flex-shrink: 0; width: auto; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table { margin-bottom: 10px; } .table table { border: 3px solid #EFEFEF; } .table th { font-size: 19px; font-weight: 400; padding: 17px 24px; text-align: left; font-weight: 500; } .table td { font-size: 15px; line-height: 1.47; padding: 18px 24px 14px; } .table td:last-of-type { border-left: 1px solid #979797; min-width: 180px; font-weight: 500; } .table tr:nth-child(even) { background: #EFEFEF; } /* Mobile */ @media (max-width: 767px) { .table th { padding: 10px; display: block; border-bottom: 1px solid #979797; } .table tr { display: block; } .table td { display: block; width: 100%; padding: 10px; } .table tr:nth-child(even) { background: none; } .table td:last-of-type { border-left: none; border-top: 1px solid #979797; min-width: 0; background: #EFEFEF; } } /* ------------------------------------------------------------ *\ Table Header \* ------------------------------------------------------------ */ .table-header { background: #182F50; position: absolute; top: 0; width: calc(100% - 230px); z-index: 20; } .table-header--alt { width: 100%; padding-right: 190px; } .table-header__actions { position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 31px; text-align: right; } .table-header__actions.moved { top: 125px; } .table-header__actions ul { list-style-type: none; } .table-header__actions ul a { position: relative; display: block; font-size: 13px; line-height: 1.6; color: #fff; text-decoration: none; padding-right: 15px; } .table-header__actions ul a svg { width: 10px; height: 10px; margin-left: 3px; -ms-flex-negative: 0; flex-shrink: 0; } .table-header .collapsed-box { display: none; width: 100%; } .table-header .collapsed-box.open { z-index: 9; } .table-header .collapsed-box.open .section-collapsed-information { z-index: 9; } .table-header--primary { background: #E65B30; } /* Tablet Portrait */ @media (max-width: 1023px) { .table-header--alt { padding-right: 175px; } .table-header__actions { max-width: 150px; right: -5px; padding-right: 10px; } } /* Mobile */ @media (max-width: 767px) { .table-header { width: 100%; } .table-header.hide-on-scroll { visibility: hidden; opacity: 0; } .table-header .collapsed-box { max-height: 300px; overflow-y: auto; } .table-header__actions { max-width: 100%; } } /* ------------------------------------------------------------ *\ Table-Sorter \* ------------------------------------------------------------ */ .table-sort { position: relative; padding: 48px 16px 0 58px; /*transition: margin .2s;*/ } .table-sort--primary { padding-right: 0; } .table-sort table { table-layout: fixed; background: #fff; } .table-sort .table-header { position: relative; } .table-sort td:first-of-type, .table-sort th:first-of-type { padding-right: 10px; text-align: right; } .table-sort td:first-of-type { padding-right: 0; } .table-sort tr:nth-child(odd) { background: #F1F1F1; } .table-sort-tpr tr:hover { background: rgba(230,91,48,.2); } .table-sort td:first-of-type { text-align: right; } .table-sort td { padding: 9px 0; font-size: 14px; line-height: 1.43; letter-spacing: 0.02em; } .table-sort td h4 { font-size: inherit; /*pointer-events: none;*/ margin: 0; } .table-sort td h4 a { color: inherit; text-decoration: none; } .table-sort .selected td { font-weight: 600; color: #22467A; } .table-sort .selected td h4 { font-weight: 600; } .table-sort .cell-size1 { width: 13%; } .table-sort .cell-size2 { width: 39%; padding-left: 68px; } .table-sort .cell-size3 { width: 13%; } .table-sort .cell-size4 { width: 23%; } .table-sort .cell-size5 { width: 11%; } .table-sort .cell-size6 { width: 18%; width: 16%; } .table-sort .cell-size7 { width: 10%; width: 9%; } .table-sort .cell-size8 { width: 45%; width: 40%; } .table-sort .cell-size9 { width: 13%; width: 11%; } .table-sort .cell-size10 { width: 15%; width: 22%; } .table-sort .cell-size20 { width: 20%; } .table-sort .cell-size80 { width: 80%; } .table-sort .cell-size44 { width: 44%; } .table-sort--primary .cell-size1 { width: 13% } .table-sort--primary .cell-size2 { width: 16% } .table-sort--primary .cell-size3 { width: 31% } .table-sort--primary .cell-size4 { width: 11% } .table-sort--primary .cell-size5 { width: 15%; } .table-sort--primary .cell-size6 { width: 14% } .table-sort--primary-layout2 .cell-size1 { width: 13% } .table-sort--primary-layout2 .cell-size2 { width: 27% } .table-sort--primary-layout2 .cell-size3 { width: 15% } .table-sort--primary-layout2 .cell-size4 { width: 13% } .table-sort--primary-layout2 .cell-size5 { width: 15% } .table-sort--primary-layout2 .cell-size6 { width: 9% } .table-sort--primary-layout2 .cell-size7 { width: 10% } .table-sort--primary svg { margin-left: auto; margin-right: auto; display: block; } .table-sort--primary td:first-of-type { text-align: left; padding-left: 46px; } .table-sort td:nth-child(2) { padding-left: 68px; } .table-sort--primary td:nth-child(2){ padding-left: 0; } .table-sort--alt { padding: 68px 55px 150px; } .table-sort--alt td { vertical-align: top; padding-right: 10px; font-size: 15px; } .table-sort--alt td p { margin-bottom: 0; } .table-sort--alt td:first-of-type { text-align: left; padding-left: 23px; padding-right: 10px; } .table-sort--alt td:nth-child(2) { padding-left: 0; } .table-sort--alt tr:nth-child(odd) { background: none; } .table-sort--alt tr { border: 1px solid #D2D2D2; } .table-sort--alt td h4 { font-weight: 700; } .table-sort-alt-primary td:last-of-type { padding-right: 200px; } .table-header.is-open + .table-sort--alt { padding-top: 5px; } @media(max-width: 1300px){ .table-sort .cell-size6 { width: 17%; } .table-sort .cell-size7 { width: 10%; } .table-sort .cell-size8 { width: 38%; } .table-sort .cell-size9 { width: 13%; } .table-sort .cell-size10 { width: 20%; } } /* Small Desktop */ @media (max-width: 1200px) { .table-sort { padding-left: 10px; padding-right: 10px; padding-top: 53px; } .table-sort--alt { padding: 65px 10px 50px; } .table-sort--primary { padding-left: 0; padding-right: 0; } .table-sort--alt td:first-of-type { padding-left: 5px; } .table-sort .cell-size8 { width: 28%; } .table-sort .cell-size9 { width: 15%; } .table-sort .cell-size10 { width: 28%; } .table-sort--primary td:first-of-type { padding-left: 10px; } .table-sort--primary .cell-size1 { width: 13% } .table-sort--primary .cell-size2 { width: 12% } .table-sort--primary .cell-size3 { width: 30% } .table-sort--primary .cell-size4 { width: 15% } .table-sort--primary .cell-size5 { width: 22%; } .table-sort--primary .cell-size6 { width: 18% } .table-sort--primary-layout2 .cell-size1 { width: 10% } .table-sort--primary-layout2 .cell-size2 { width: 27% } .table-sort--primary-layout2 .cell-size3 { width: 10% } .table-sort--primary-layout2 .cell-size4 { width: 15% } .table-sort--primary-layout2 .cell-size5 { width: 18% } .table-sort--primary-layout2 .cell-size6 { width: 9% } .table-sort--primary-layout2 .cell-size7 { width: 12% } } /* Tablet Portrait */ @media (max-width: 1023px) { .table-sort--alt { padding-bottom: 15px; } .table-sort td { padding-left: 3px; padding-right: 3px; } .table-sort td:nth-child(2) { padding-left: 13px; } .table-sort .cell-size1 { width: 22%; } .table-sort .cell-size2 { width: 36%; } .table-sort .cell-size3 { width: 14%; } .table-sort .cell-size4 { width: 18%; } .table-sort .cell-size5 { width: 14%; } .table-sort-alt-primary td:last-of-type { padding-right: 20px; } .table-sort--primary .cell-size1 { width: 15% } .table-sort--primary .cell-size2 { width: 15% } .table-sort--primary .cell-size3 { width: 24% } .table-sort--primary .cell-size4 { width: 15% } .table-sort--primary .cell-size5 { width: 22%; } .table-sort--primary .cell-size6 { width: 18% } .table-sort--primary-layout2 .cell-size1 { width: 14% } .table-sort--primary-layout2 .cell-size2 { width: 18% } .table-sort--primary-layout2 .cell-size3 { width: 12% } .table-sort--primary-layout2 .cell-size4 { width: 15% } .table-sort--primary-layout2 .cell-size5 { width: 18% } .table-sort--primary-layout2 .cell-size6 { width: 10% } .table-sort--primary-layout2 .cell-size7 { width: 16% } .table-sort--primary-layout2 td:nth-child(1) { padding-left: 5px; } .table-sort--primary-layout2 td:nth-child(2) { padding-left: 0; } } /* Mobile */ @media (max-width: 767px) { .table-sort { padding-left: 0; padding-right: 0; margin-top: 0 !important; } .table-sort tr { display: block; width: 100%; position: relative; padding: 9px 30px 12px 71px; } .table-sort td { display: block; width: 100%; line-height: 1.5; padding: 0; } .table-sort td:nth-child(2) { padding-left: 0; } .table-sort td[data-title]:before { display: inline-block; content: attr(data-title); } .table-sort colgroup { display: none; } .table-sort td:nth-child(1) { padding: 0; line-height: 1; width: auto; position: absolute; left: 18px; top: 12px; } .table-sort td .mobile-toggle { position: relative; margin-right: -15px; padding-right: 20px; pointer-events: all; } .table-sort td .mobile-toggle:before { position: absolute; top: 50%; right: 0; content: ''; -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../css/images/dropdown-arrow-grey.png) 0 0 no-repeat; width: 17px; height: 10px; background-size: 100% 100%; } .table-sort .expanded .mobile-toggle:before { background: url(../css/images/popup-close@2x.png) 0 0 no-repeat; width: 13px; height: 13px; background-size: 100% 100%; } .table-sort .selected td[data-title] { font-weight: 400; color: #404040; } .table-sort td[data-title] { max-height: 0; overflow: auto; transition: all .4s; } .table-sort td[data-visible-mobile="true"] { max-height: 200px; position: static; } /*.table-sort td[data-visible-mobile="true"]:before { display: none; }*/ .table-sort .expanded td[data-title] { max-height: 200px; } .table-sort--primary td .mobile-toggle { position: static; } .table-sort--primary td .mobile-toggle:before { top: 15px; right: 10px; -ms-transform: none; transform: none; } .table-sort--primary tr { position: relative; } /* Alt */ .table-sort--alt { } .table-sort--alt td .mobile-toggle { font-weight: 700; margin-right: 0; margin-bottom: 10px;} .table-sort--alt td:nth-child(1) { position: relative !important; left: 0; top: 0; } .table-sort--alt tr { padding: 12px 17px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .table-sort--alt td:nth-child(1) { -ms-flex-order: 1; order: 1; } .table-sort--alt td:nth-child(2) { -ms-flex-order: 2; order: 2; } .table-sort--alt td:nth-child(3) { -ms-flex-order: 5; order: 5; } .table-sort--alt td:nth-child(4) { -ms-flex-order: 3; order: 3; } .table-sort--alt td:nth-child(5) { -ms-flex-order: 4; order: 4; } .table-sort--alt .expanded td:nth-child(5) { padding-bottom: 20px; } .table-sort--alt .list-links a { color: #C1873A; font-weight: 500; font-size: 13px; line-height: 1.62; } .table-sort--alt td p { font-size: 13px; line-height: 1.46; } .table-header { transition: transform .3s; } .table-header__actions { position: relative; width: 66.66%; -ms-transform: none; transform: none; padding-right: 0; border-left: 2px solid #D2D2D2; } .table-header__actions ul { display: -ms-flexbox; display: flex; } .table-header__actions li { width: 50%; } .table-header__actions li + li { border-left: 2px solid #D2D2D2; } .table-header__actions ul a { height: 52px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; } .table-header__actions ul a:before { right: 3px; } .table-header--alt { padding-right: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } .table-header__actions.hide { visibility: hidden; } .table-header__actions.moved { visibility: hidden; opacity: 0; } } /* ------------------------------------------------------------ *\ table-accordion \* ------------------------------------------------------------ */ .table-accordion { } .table-accordion + .table-accordion { margin-top: 20px; } .table-accordion table { table-layout: fixed; border: 3px solid #EFEFEF; } .table-accordion tr { table-layout: fixed; display: table; width: 100%; } .table-accordion tr:nth-child(even) { background: #EFEFEF; } .table-accordion td { vertical-align: top; padding: 18px 18px; } .table-accordion th { text-align: left; background: #fff; padding: 18px 24px; font-size: 19px; line-height: 1.26; font-weight: 600; } .table-accordion td:first-of-type { width: 71%; border-right: 1px solid #979797; } .table-accordion td:last-of-type { width: 29%; } /* Mobile */ @media (max-width: 767px) { .table-accordion tr { display: block; } .table-accordion td:last-of-type, .table-accordion td:first-of-type { width: 100%; } .table-accordion th, .table-accordion td { padding: 10px; } .table-accordion td:first-of-type { border: none; } .table-accordion td { width: 100%; display: block; } .table-accordion td + td { border-top: 1px solid #979797; } } /* ------------------------------------------------------------ *\ Table-Programs \* ------------------------------------------------------------ */ .table-programs { text-align: left; } .table-programs tr:nth-child(even) { background: #EFEFEF; } .table-programs tr:nth-child(odd) { background: #fff; } .table-programs table { border: 3px solid #EFEFEF; } .table-programs th { background: #fff; vertical-align: bottom; } .table-programs th strong { display: block; font-size: 19px; font-weight: 600; line-height: 1.26; } .table-programs th small { font-size: 15px; line-height: 1.47; font-weight: normal; } .table-programs td { font-size: 15px; line-height: 1.47; vertical-align: top; } .table-programs th, .table-programs td { position: relative; padding: 20px 10px 20px 44px; } .table-programs th + th:before, .table-programs td + td:before { position: absolute; top: -3px; left: 0; content: ''; width: 1px; height: calc(100% + 6px); background: #979797; } /* Mobile */ @media (max-width: 767px) { .table-programs tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .table-programs th, .table-programs td { display: block; width: 50%; text-align: center; padding: 8px 10px; } .table-programs th strong { font-size: 16px; } .table-programs th small { font-size: 13px; } .table-programs td { font-size: 14px; } .table-programs th:nth-child(1), .table-programs td:nth-child(1) { width: 100%; text-align: center; } .table-programs th + th:before, .table-programs td + td:before { top: 0; left: 0; width: 100%; height: 1px; background: #979797; } .table-programs th:nth-child(2) + th:nth-child(3), .table-programs td:nth-child(2) + td:nth-child(3) { border-left: 1px solid #979797; } } /* ------------------------------------------------------------ *\ table-requirements \* ------------------------------------------------------------ */ .table-requirements { border: 3px solid #EFEFEF; } .table-requirements td { padding: 15px 28px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 15px; color: #404040; letter-spacing: 0.02px; line-height: 22px; min-width: 200px; } .table-requirements sup { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-size: 9px; color: #C1873A; letter-spacing: 0; } .table-requirements td + td { border-left: 1px solid #979797; text-align: center; } .table-requirements tr:nth-child(even) { background: #EFEFEF; } /* Mobile */ @media (max-width: 767px) { .table-requirements td { min-width: 0; padding: 10px 15px; } } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs { } .tabs .tabs__head { background: #E8BF38; } .tabs .tabs__nav { width: 100%; max-width: 638px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .tabs .tabs__nav a { display: block; line-height: 69px; transition: background-color .4s; padding: 0 13px; text-decoration: none; color: #fff; font-weight: 600; font-size: 19px; letter-spacing: 0.03em; } .tabs .tabs__nav label { font-size: 15px; color: #3C3009; display: inline-block; margin-right: 10px; font-weight: 400; } .tabs .tabs__nav ul { display: -ms-flexbox; display: flex; } .tabs .tabs__nav__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .tabs .tabs__nav a:hover, .tabs .tabs__nav .current a { background: #997C23; } .tabs .tabs__nav ul { } .tabs .tabs__nav li { } .tabs .tab { visibility: hidden; opacity: 0; height: 0; overflow: hidden; } .tabs .tab.current { visibility: visible; opacity: 1; height: auto; overflow: visible; } .tabs .tabs__body { } .tabs .tab__inner { position: relative; width: 638px; padding: 50px 10px 42px; text-align: center; border: 2px solid #B39129; border-top: none; margin: 0 auto; margin-bottom: 25px; } .tabs .tab__inner:before, .tabs .tab__inner:after { position:absolute; top:100%; left:50%; content:''; width: 0; height: 0; border-style: solid; -ms-transform: translateX(-50%); transform: translateX(-50%); } .tabs .tab__inner:before { border-width: 21px 22px 0 22px; border-color: #B39129 transparent transparent transparent; } .tabs .tab__inner:after { border-width: 18px 19px 0 19px; border-color: #fff transparent transparent transparent; } .tabs .tab__inner h6 { font-size: 15px; line-height: 1.47; font-weight: 400; } .tabs .tab__inner h6 span { color: #B39129; } .tabs .tab__content { padding-bottom: 73px; padding-bottom: 48px; } /* Small Desktop */ @media (max-width: 1200px) { .tabs .tab__inner { padding: 20px; } .tabs .tab__content { padding-bottom: 30px; } .tabs .tab__content .col-1of3 { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .tabs .tab__content .col-1of3 { width: 100%; } .tabs .tabs__nav { max-width: 100%; } .tabs .tabs__nav ul, .tabs .tabs__nav__inner, .tabs .tabs__nav { display: block; } .tabs .tabs__nav { text-align: center; padding: 10px 0; } .tabs .tabs__nav a { line-height: 40px; } .tabs .tabs__nav .select { padding: 0 15px; } .tabs .tabs__nav select { width: 100%; } .tabs .tab__inner { width: 100%; padding: 10px; } } /* ------------------------------------------------------------ *\ Tabs Slider \* ------------------------------------------------------------ */ .tabs-slider { } .tabs-slider .tabs__nav { } .tabs-slider .tabs__nav li > a { position: relative; display: block; background: #F1F1F1; border-radius: 3px; font-size: 16px; font-weight: 700; color: #22467A; line-height: 1.88; padding: 12px 30px; text-decoration: none; border: 1px solid #F1F1F1; transition: background-color .4s; } .tabs-slider .tabs__nav ul { margin-bottom: 10px; } .tabs-slider .tabs__nav li a:hover, .tabs-slider .tabs__nav .current a { background: #fff; } .tabs-slider { } .tabs-slider .tabs__nav li a:after { position: absolute; top: 50%; right: 18px; content: ''; background: url(../css/images/dropdown-arrow.png) 0 0 no-repeat; width: 17px; height: 10px; background-size: 100% 100%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(-90deg) translateX(25%); transform: rotate(-90deg) translateX(25%); } .tabs-slider .tabs__nav li + li { margin-top: 10px; } .tabs-slider .tab { width: 100%; position: absolute; top: 0; left: 200%; transition: left .6s, visibility .6s, opacity .6s; opacity: 0; visibility: hidden; } .tabs-slider .tab.current { left: 0; position: relative; visibility: visible; opacity: 1; } .tabs-slider .tab p { margin-bottom: 12px; } /* Mobile */ @media (max-width: 767px) { .tabs-slider .tab { position: relative; left: 0; visibility: visible; opacity: 1; display: none; } .tabs-slider .tab.current { display: block; } } /* ------------------------------------------------------------ *\ Tabs Category \* ------------------------------------------------------------ */ .tabs-category { display: none; } .tabs-category .tabs__cols { display: -ms-flexbox; display: flex; margin: 0 -40px; } .tabs-category .tabs__col { width: 50%; padding: 0 40px; } .tabs-category .tabs__row { position: relative; padding: 20px 0; } .tabs-category .tabs__row:before { content: ''; position: absolute; bottom: 0; left: 25px; right: 0; height: 1px; background: #ccc; } .tabs-category .endRow:before { content: ''; position: absolute; bottom: 0; left: 25px; right: 0; height: 1px; background: #fff; } .tabs-category .tabs__submenu { display: none; } .tabs-category .submenu-trigger { padding-left: 25px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; } .tabs-category .submenu-trigger i { transition: .4s; margin-left: 10px; } .tabs-category .submenu-trigger.active i { -ms-transform: rotate(180deg); transform: rotate(180deg); } .tabs-category .submenu-trigger span.on-inactive { display: block; } .tabs-category .submenu-trigger span.on-active { display: none; } .tabs-category .submenu-trigger.active span.on-inactive { display: none; } .tabs-category .submenu-trigger.active span.on-active { display: block; } /* Tab Content */ .tabs-category-content { display: none; } .tabs-category-content.current { display: block; animation: 1s opacityAnimate; } @media( max-width: 970px ) { .tabs-category .tabs__cols { display: block; } .tabs-category .tabs__col { width: 100%; } } /* ------------------------------------------------------------ *\ Topic Controls \* ------------------------------------------------------------ */ .topic-controls .form__row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .topic-controls .form__col { padding: 0 11px; } .topic-controls .btn { line-height: 42px; height: 42px; } .topic-controls .btn.disabled { opacity: .6; } .topic-controls .btn i + span { margin-left: 10px; font-size: 16px; } .topic-controls .btn span + i { margin-left: 10px; } /* Mobile */ @media (max-width: 767px) { .topic-controls { position: absolute; top: 52px; z-index: 99; transition: visibility .4s, opacity .4s; transition: transform .3s; } .topic-controls.hide-on-scroll, .topic-controls.hide-for-mobile { visibility: hidden; opacity: 0; } .topic-controls .form__col { padding: 0; } .topic-controls .btn { width: 50px; height: 50px; border-radius: 0; padding: 0; /*display: flex; align-items: center; justify-content: center;*/ } .topic-controls .select { width: calc(100vw - 100px) } .topic-controls .select select { height: 50px; width: 100%; border-radius: 0; } .topic-controls .btn.disabled { opacity: .8; } } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video-holder { margin: 34px 0 20px; height: 0; /*position: relative;*/ /*padding-top: 56.25%;*/ height: auto;} .video-holder a { display: block; } .video-holder iframe { /*position: absolute; top: 0; left: 0; height: 100%; width: 100%;*/ } .video-holder .youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .video-holder .youtube img { width: 100%; top: -16.82%; left: 0; opacity: 0.7; } .video-holder .youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px; } .video-holder .youtube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; } .video-holder .youtube img, .video-holder .youtube .play-button { cursor: pointer; } .video-holder .youtube img, .video-holder .youtube iframe, .video-holder .youtube .play-button, .video-holder .youtube .play-button:before { position: absolute; } .video-holder .youtube .play-button, .video-holder .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .video-holder .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } .video-holder iframe.fullScreen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget-goal { } .widget-goal ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget-goal li { position: relative; text-transform: uppercase; padding-left: 30px; line-height: 1.79; font-size: 14px; pointer-events: none; color: #C7C7C7; font-weight: 700; } .widget-goal li svg, .widget-goal li i { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-goal li svg { width: 18px; height: 18px; } .widget-goal li.yellow path:not(.border) { fill: #CECECE; } .widget-goal li.yellow.current { } .widget-goal li.yellow.current { color: #E8BF38; } .widget-goal .ico-goal-2 path { fill: #CECECE; stroke: #9B9B9B; } .widget-goal .ico-goal-3 path { } /*.widget-goal .ico-goal-4 path { fill: #CECECE; stroke: #9B9B9B; }*/ .widget-goal li.green.current { color: #A0CE62; } .widget-goal li.green.current svg path:not(.border) { fill: #A0CE62; stroke: none; } .widget-goal li.green.current path { fill: #A0CE62; stroke: #67853D !important; } .widget-goal li.green.current svg .border { stroke: #67853D; fill: none; } .widget-goal li.green.current .ico-goal-3 path:not(.border) { fill: #A0CE62; stroke: none !important; } .widget-goal li.green.current .ico-goal-3 path.border { stroke: #67853D; fill: none; } .widget-goal li.grey.current { color: #646464; } .widget-goal li.grey.current svg path:not(.border) { fill: #A7A7A7; } .widget-goal li.grey.current svg .border { stroke: #646464; } .widget-goal li.red.current { color: #DB4545; } .widget-goal li.red.current svg path:not(.border) { fill: #DB4545; } .widget-goal li.red.current svg .border { stroke: #822C2C; } .widget-location { text-align: center; } .widget-location .ico-marker-white g path { fill: #cbcbcb; } .widget + .widget { margin-top: 60px; } .widget-location { } .widget-location .widget__title { margin-bottom: 20px; font-family: 'LeituraNews-Roman3', sans-serif; } .widget-location .widget__title span { display: block; } /* Tablet Portrait */ @media (max-width: 1023px) { .widgets { display: -ms-flexbox; display: flex; } .widgets .widget { width: 50%; } .widget + .widget { margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .widgets { display: block; } .widgets .widget { width: 100%; } .widget + .widget { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Widget Filters \* ------------------------------------------------------------ */ .widget-filters { max-width: 230px; max-height: calc(100vh - 140px); overflow-y: auto; background: #fff; } .widget-filters .btn { display: block; text-align: left; border-radius: 0; } .widget-filters.pushUp { position: absolute; top: auto; bottom: 0; } /* Mobile */ @media (max-width: 767px) { .widget-filters { transition: transform .3s; max-height: calc(100vh - 44px); } .widget-filters.hide-on-scroll { visibility: hidden; opacity: 0; } } /* ------------------------------------------------------------ *\ Widget Links \* ------------------------------------------------------------ */ .widget-links { max-width: 190px; } .widget-links ul { list-style-type: none; } .widget-links li + li { margin-top: -2px; } .widget-links a { border-radius: 0; display: block; text-align: left; height: 47px; padding: 0 10px 0 18px; color: #22467A; font-size: 16px; font-weight: 700; } .widget-links li:last-child a { border-bottom-left-radius: 3px; } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-links { margin-top: 0 !important; } } /* Mobile */ @media (max-width: 767px) { .widget-links ul { display: -ms-flexbox; display: flex; } .widget-links ul li { -ms-flex: 1; flex: 1; } .widget-links li + li { margin-top: 0; margin-left: -2px; } .widget-links a { font-size: 13px; padding: 0 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .widget-links a i { margin: 0 4px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Datepicker \* ------------------------------------------------------------ */ .field-datepicker { border: 2px solid #D2D2D2; border-radius: 3px; height: 47px; padding: 0 0 0 9px; color: #A5A5A5; font-size: 15px; font-weight: 400; width: 100%; } .datepicker-controls { padding-right: 48px; } .datepicker-controls label { font-size: 14px; text-transform: uppercase; color: #404040; display: block; margin-bottom: 7px; } .datepicker-controls .form__row + .form__row { margin-top: 10px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header { background: #22467A; color: #fff; } .ui-widget-content .ui-state-highlight { background: #949FC3; } .ui-widget-content .ui-state-active { background: #182F50; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-widget-header .ui-state-hover { background: none; border: none; } .ui-datepicker .ui-datepicker-prev { } .ui-datepicker .ui-datepicker-prev .ui-icon { position: absolute; top: 50%; left: 50%; content: ''; width: 0; height: 0; border-style: solid; border-width: 7.5px 15px 7.5px 0; border-color: transparent #fff transparent transparent; margin: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-widget-header .ui-datepicker-prev-hover { top: 2px; left: 2px; } .ui-widget-header .ui-datepicker-next-hover { right: 2px; top: 2px; } .ui-datepicker .ui-datepicker-next .ui-icon { position: absolute; top: 50%; left: 50%; content: ''; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 15px; border-color: transparent transparent transparent #fff; margin: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dk-select { width: 100%; line-height: 1; } .dk-selected { height: 42px; line-height: 38px; background: #fff; padding: 0 30px 0 10px; color: #808285; font-size: 15px; border-radius: 3px; border: 2px solid #D2D2D2; } .dk-selected:after { display: none; } .dk-selected:before { border: none; position: absolute; top: 50%; right: 8px; -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../css/images/dropdown-arrow.png) no-repeat; width: 17px; height: 10px; background-size: 17px 10px; margin: 0; transition: transform .3s; } .dk-select-open-down .dk-selected:before { -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .dk-selected:hover, .dk-selected:focus, .dk-select-open-down .dk-select-options { border-color: #D2D2D2; } .dk-option { line-height: 30px; } .dk-select-options .dk-option-highlight, .dk-option-selected { background: #D2D2D2; } /* ------------------------------------------------------------ *\ Ie fix \* ------------------------------------------------------------ */ /* EDGE */ @supports (-ms-ime-align:auto) { .intro-primary .intro__content:before { background: rgba(232,191,56,.8); } .table-header .collapsed-box.open .section-collapsed-information .btn-close { right: 0; } } /* IE 11 */ @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .intro-primary .intro__content:before { background: rgba(232,191,56,.8); } *::-ms-backdrop, .section-collapsed-information .btn-close { right: 0; } } /* ------------------------------------------------------------ *\ Isotope \* ------------------------------------------------------------ */ .page-load-status { display: none; padding-top: 20px; text-align: center; color: #777; } .loader-ellips { font-size: 20px; position: relative; width: 4em; height: 1em; margin: 10px auto; } .loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: #555; position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } .loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) { left: 0; } .loader-ellips__dot:nth-child(3) { left: 1.5em; } .loader-ellips__dot:nth-child(4) { left: 3em; } @keyframes reveal { from { transform: scale(0.001); } to { transform: scale(1); } } @keyframes slide { to { transform: translateX(1.5em) } } .loader-ellips__dot:nth-child(1) { animation-name: reveal; } .loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) { animation-name: slide; } .loader-ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; } /* ------------------------------------------------------------ *\ Multiselect \* ------------------------------------------------------------ */ .ms-container { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: auto; } .ms-container .custom-header { text-align: center; font-size: 15px; line-height: 2; padding: 0 0 9px; color: #fff; } .ms-container .ms-selection, .ms-container .ms-selectable { background: none; width: auto; } .ms-container .ms-list { background: #fff; border-radius: 3px; width: 282px; height: 321px; } .ms-container .ms-selectable { -ms-flex-order: -1; order: -1; } .ms-container .ms-list li.ms-elem-selection, .ms-container .ms-list li.ms-elem-selectable { padding: 10px 21px; } { } .ms-container .ms-list li span { font-size: 14px; line-height: 1; } .ms-container .ms-list li.ms-hover { color: #fff; background: #DF5858; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { border-bottom: 1px solid rgba(151,151,151,.44); } .ms-container { position: relative; } .ms-container:before { display: inline-block; content: ''; background: url(../css/images/multiselect-arrows@2x.png) 0 0 no-repeat; width: 36px; margin: 101px 37px; height: 42px; background-size: 100% 100%; } /* Mobile */ @media (max-width: 767px) { .ms-container { display: block; } .ms-container:before { display: none; } .ms-container .ms-selection, .ms-container .ms-selectable { margin: 0 auto; float: none; } .ms-container .ms-selection { width: 100%; } .ms-container .ms-list { margin: 0 auto; } } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .mfp-auto-cursor .mfp-content { background: #fff; box-shadow: 0 3px 14px 0 rgba(162,162,162,0.50); border-radius: 3px; max-width: 552px; } .popup-default { padding: 24px 55px 33px; } .popup-default .mfp-close { position: absolute; top: 27px; right: 30px; background: url(../css/images/popup-close@2x.png) 0 0 no-repeat; width: 21px; height: 21px; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; opacity: 1; } .popup-default h3 { color: #9E9E9E; margin: 0 0 35px; text-transform: uppercase; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .popup-default p { font-size: 15px; line-height: 1.47; margin-bottom: 22px; } .popup-default p:last-child { margin-bottom: 0; } .popup-default p strong { font-weight: 700; } .popup-share { padding: 28px 55px 46px; } .popup-share .form__head { padding-right: 3px; } .popup-share .socials .ico-twitter { width: 36px; height: 28px; } .popup-share .socials .ico-facebook { width: 29px; height: 29px; } .popup-rating { min-height: 470px; } .mfp-auto-cursor .mfp-content { vertical-align: top; margin-top: 40px; } .popup-subscribe h3 { margin-bottom: 10px; } .popup-subscribe p { font-size: 14px; line-height: 1.43; } /* Mobile */ @media (max-width: 767px) { .popup-default, .popup-share { padding: 10px; } .popup-default h3, .popup-share .form__head { padding-right: 30px; } .popup-default .mfp-close { right: 10px; top: 10px; } .popup-default h3, .popup-share .form__head h3 { font-size: 20px; } .popup-default h3 { margin-bottom: 10px; } .popup-share .socials ul { -ms-flex-pack: start; justify-content: flex-start; } } .select2-container { width: 100% !important; } .select2-container .select2-selection--single { position: relative; height: 42px; width: 100%; } .select2-container--default .select2-selection--single { border: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { height: 42px; line-height: 38px; background: #fff; padding: 0 30px 0 10px; color: #808285; font-size: 15px; border-radius: 3px; border: 2px solid #D2D2D2; text-align: left; } .select2-container--default .select2-selection--single .select2-selection__arrow { border: none; position: absolute; top: 50%; right: 8px; -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../css/images/dropdown-arrow.png) no-repeat; width: 17px; height: 10px; background-size: 17px 10px; margin: 0; transition: transform .3s; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--default .select2-results__option .select2-results__option { padding: 6px; padding-left: 1em; font-size: 14px; } .footnoteRef { color: #FFA330; vertical-align: super; font-size: 12px; font-weight: 500; line-height:10px; display:inline-block; overflow:hidden; } .suggestedCitation { margin-top: 30px; text-align: center; font-size: 12px; color: #fff; } .suggestedCitation a { color: #fff; text-decoration: underline; } .fairChanceNavTable { width: 100%; } .fairChanceNavTable td { line-height: 16px; } .fairChanceNavTable td a { text-decoration: none; } .linkAnchor { visibility: hidden; } /* ------------------------------------------------------------ *\ Sidebar-sticky \* ------------------------------------------------------------ */ .sidebar-sticky { width: 285px; font-weight: 700; } .sidebar-sticky h2 { margin-bottom: 5px; font-size: 19px; font-family: 'LeituraNews-Roman3', sans-serif; } .sidebar-sticky h3 { margin-bottom: 5px; font-size: 17px; font-weight: bold; } .sidebar-sticky ul { list-style: none; padding-left: 0px; } .sidebar-sticky ul li { font-size: 15px; color: #22467A; border-bottom: 1px solid #D2D2D2; padding-bottom: 2px; } .sidebar-sticky ul li a { color: #22467A; text-decoration: none; } .sidebar-sticky .color-white { color: #fff; } .sidebar-sticky .color-white a { color: #fff; text-decoration: none; } .sidebar-sticky .bg-blue { padding: 6px 8px; background-color: #22467A; } .sidebar-sticky .text-center { text-align: center; } .sidebar-sticky .sidebar__title { padding: 4px 8px; } .sidebar-sticky .sidebar__content { padding-bottom: 30px; padding-left: 0; } @media(max-width: 1024px){ .sidebar-sticky { display: none; } } /* ------------------------------------------------------------ *\ main-has-sidebar \* ------------------------------------------------------------ */ .main-has-sidebar .sidebar-sticky { flex: 0 0 auto; } .main-has-sidebar .main__inner { display: flex; position: relative; max-width: 1560px; margin: 0 auto; padding: 0; } .main-has-sidebar .main__content { flex: 1 1 auto; } .main-has-sidebar .main__content .shell { margin: 0; } .main-has-sidebar .main__content > .shell { margin: 0; margin-left: 20px; } @media(max-width: 1024px){ .main-has-sidebar .main__inner { padding-left: 0; } .main-has-sidebar .main__content { padding-left: 0; } } /* ------------------------------------------------------------ *\ New Standard Details page \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Intro Info \* ------------------------------------------------------------ */ .intro-info { font-size: 17px; color: #fff; line-height: 1.5; } .intro-info .intro__title { font-family: 'Leitura News Roman 3', serif; color: #000; } .intro-info .intro__body { position: relative; z-index: 2; margin-top: 44px; padding-bottom: 45px; border-bottom: 3px solid #D8D8D8; background-repeat: no-repeat; background-size: cover; } .intro-info .intro__body:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background: rgba(0, 0, 0, .6); } .intro-info .intro__inner { max-width: 790px; margin: 0 auto; padding: 20px 0 0; text-align: center; } .intro-info .intro__inner-title { margin-bottom: 21px; font-size: 37px; font-family: 'Leitura News Roman 3', serif; } .intro-info .intro__actions { padding: 45px 0 20px; display: flex; justify-content: center; } .intro-info .intro__actions a + a { margin-left: 21px; } .intro-info .intro__inner p { font-size: 17px; line-height: 1.47; letter-spacing: 0.02em; color: #fff; margin: 0 auto; padding-left: 10px; padding-right: 10px; font-weight: 400; font-family: 'LeituraNews-Roman1', sans-serif; } .intro-info .intro__inner h2 { font-weight: 500; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 36px; } .intro-info-findings { font-size: 17px; color: #fff; line-height: 1.5; } .intro-info-findings .intro__title { font-family: 'Leitura News Roman 3', serif; color: #000; } .intro-info-findings .intro__body { position: relative; z-index: 2; padding-bottom: 20px; background-repeat: no-repeat; background-size: 100% auto; } .intro-info-findings .intro__body:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .intro-info-findings .intro__inner { max-width: 790px; margin: 0 auto; padding: 20px 0 0; text-align: center; } .intro-info-findings .intro__inner-title { margin-bottom: 21px; font-size: 37px; font-family: 'Leitura News Roman 3', serif; } .intro-info-findings .intro__actions { padding: 45px 0 20px; display: flex; justify-content: center; } .intro-info-findings .intro__actions a + a { margin-left: 21px; } .intro-info-findings .intro__inner p { font-size: 20px; line-height: 1.15; color: #fff; margin: 0 auto; padding-left: 10px; padding-right: 10px; font-weight: 400; font-family: 'Leitura News Roman 1', serif; } .intro-info-findings .intro__inner li { font-size: 20px; line-height: 1.15; color: #fff; margin: 0 auto; padding-left: 10px; padding-right: 10px; font-weight: 400; font-family: 'Leitura News Roman 1', serif; margin-bottom: 5px; } .intro-info-findings .intro__inner h2 { font-weight: 500; font-family: 'LeituraNews-Roman3', sans-serif; font-size: 36px; } @media(max-width: 768px) { .intro-info { font-size: 15px; } .intro-info .intro__inner { padding-top: 20px; } .intro-info .intro__body { padding-bottom: 10px; background-position: 50% 50%; } .intro-info .intro__title { font-size: 32px; } .intro-info .intro__actions { flex-wrap: wrap; flex-direction: column; align-items: center; } .intro-info .intro__actions a { display: block; } .intro-info .intro__actions a + a { margin-left: 0; margin-top: 15px; } } /* ------------------------------------------------------------ *\ Btn \* ------------------------------------------------------------ */ .btn--small { padding: 0 16px !important; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ .list-dots-alt { padding: 0 0 0 18px; font-size: 17px; list-style-type: disc !important; } .list-dots-alt li { padding-left: 10px; } @media(max-width: 1024px) { .list-dots-alt { padding: 10px 0 0 18px; } } @media(max-width: 768px) { .list-dots-alt { font-size: 15px; } .list-dots-alt li { padding-left: 5px; } } /* ------------------------------------------------------------ *\ Section Blocks \* ------------------------------------------------------------ */ .section-blocks { padding: 36px 0 37px; } .section-blocks .shell { max-width: 1250px; } /* ------------------------------------------------------------ *\ Block \* ------------------------------------------------------------ */ .block { font-size: 17px; line-height: 1.5; } .block .block__inner { padding: 10px 0px 10px 120px; display: flex; justify-content: space-between; align-items: flex-start; } .block .block__content { width: 60%; padding: 4px 0px 0 0; font-family: 'Leitura News Roman 1', serif; font-size: 20px; line-height: 1.15; } .block .block__title { margin-bottom: 10px; color: #22467a; font-weight: bold; font-size: 37px; font-family: 'Leitura News Roman 3', serif; } .block .block__title-sub { font-size: 20px; font-family: 'Leitura News Roman 3', serif; color: #E65B30; font-weight: bold; } .block .block__content li { font-family: 'Leitura News Roman 1', serif; font-size: 20px; } .block .block__content p { font-family: 'Leitura News Roman 1', serif; font-size: 20px; margin-bottom: 1.10em; } .block .block__aside { width: calc(34% + 5px); font-size: 24px; color: #8a8a8a; line-height: 1.1; text-align: center; padding-right: 100px; } .block .block__aside strong { font-size: 100px; font-family: 'Leitura News Roman 3', serif; line-height: 0.82; color: #E65B30; } .block .block__aside em { font-size: 100px; font-family: 'Leitura News Roman 3', serif; line-height: 0.82; font-style: italic; color: #E65B30; } @media(max-width: 1024px) { .block .block__content { padding: 4px 0 0 0; } .block .block__inner { padding: 69px 0px 75px 20px; } .block .block__aside { width: calc(35% + 20px); padding: 0 0 0 18px; } } @media(max-width: 768px) { .block .block__inner { flex-wrap: wrap; padding: 30px 10px; } .block .block__content { width: 100%; order: 1; font-size: 15px; } .block .block__title { font-size: 32px; } .block .block__aside { width: 100%; padding: 0 0 27px 0; font-size: 27px; border-left: 0;} .block .block__aside strong { display: block; margin-bottom: 5px; } } /* ------------------------------------------------------------ *\ Section Charts \* ------------------------------------------------------------ */ .section-charts { padding: 30px 0 40px; background: #F1F1F1; } .section-charts .section__head { text-align: center; } .section-charts .section__title { font-size: 29px; font-family: 'SF Pro Display', sans-serif; color: #9E9E9E; text-transform: uppercase; letter-spacing: 0.04em; } .section-charts .section__body { padding-top: 100px; text-align: center; } @media(max-width: 1024px) { .section-charts { padding: 64px 0 44px; } .section-charts .section__body { padding-top: 100px; } } @media(max-width: 768px) { .section-charts .section__body { padding: 34px 0; } .section-charts .section__body { padding-top: 40px; } } /* ------------------------------------------------------------ *\ Form State Search \* ------------------------------------------------------------ */ .form-state-search { padding: 47px 0 0; } .form-state-search .form__body { position: relative; display: flex; justify-content: center; } .form-state-search .form__btn { height: 42px; border-left: 0; border-radius: 0 3px 3px 0; } .form-state-search .select select { width: 204px; padding: 0 30px 0 16px; border-radius: 3px 0 0 3px; font-size: 15px; font-family: 'SF Pro Display', sans-serif; letter-spacing: 0.06em; } @media(max-width: 768px) { .form-state-search .select select { width: 100%; } } /* ------------------------------------------------------------ *\ Charts \* ------------------------------------------------------------ */ .chart--large { position: relative; } .chart-details+ .chart--large { margin-top: 115px; } .chart--large .chartDisplay, .chart--large #chart { max-width: 1039px !important; height: 423px !important; } .chart--large .chart-holder { position: relative; padding-top: 33px; } .chart--large .chart-holder:before { position: absolute; top: 50%; left: 0; font-size: 37px; font-family: 'Leitura News Roman 3', sans-serif; color: #22467A; transform: translateY(-50%); } .chart--large .chart__title { font-size: 19px; font-weight: 600; color: #404040; letter-spacing: 0.01em; transition: color .3s; } .chart--large .chart__title a { color: #E65B30; text-decoration: none; } .chart--large .chart__title a:hover { color: #22467A; } .chart--large .chart-holder span { position: relative; display: block; } .chart--large .chart-holder span:before, .chart--large .chart-holder span:after { position: absolute; bottom: -20px; font-size: 15px; font-family: 'SF Pro Text', sans-serif; font-weight: 400; color: #404040; } .chart--large .chart-holder-1 span:before { content: "Strong Design"; left: 14%; font-style: italic; } .chart--large .chart-holder-1 span:after { content: 'Weak Design'; right: calc(11% + 5px); font-style: italic; } .chart--large .chart-holder-2 span:after { content: ''; left: calc(18% - 12px); } @media(max-width: 1230px) { .chart--large .chart-holder-1 span:before { left: 9%; } .chart--large .chart-holder-1 span:after { right: 3%; } .chart--large .chart-holder-2 span:after { left: calc(13% - 3px); } } @media(max-width: 1170px) { .chart--large .chart-holder:before { display: none; } } @media(max-width: 1024px) { .chart--large .chart__title { width: 60%; margin: 0 auto; } } @media(max-width: 768px) { .chart-details + .chart--large { margin-top: 70px; } .chart--large .chartDisplay, .chart--large #chart { height: 200px !important; margin-top: 20px; } .chart--large .chart__title { width: 100%; } .chart--large .chart-holder span { display: none; } } /* ------------------------------------------------------------ *\ Legend Alt \* ------------------------------------------------------------ */ .legend--alt { padding-top: 57px !important; padding-bottom: 11px !important; font-size: 18px; font-family: 'SF Pro Text', sans-serif; } .legend--alt small { color: #6D6D6D !important; font-size: 18px; font-family: 'SF Pro Text', sans-serif; } @media(max-width: 768px) { .legend--alt { flex-wrap: wrap !important; padding: 26px 0 26px !important; } .legend--alt .legend__item { width: 100% !important; } .legend--alt .legend__item small { font-size: 14px; } .legend--alt .legend__item + .legend__item { margin-left: 0 !important; margin-top: 20px !important; } } /* ------------------------------------------------------------ *\ Remove Dataseets Container \* ------------------------------------------------------------ */ .remove-datasets-container { position: absolute; left: 0; bottom: -54px; right: 0; width: 100%; display: flex; justify-content: center; } .remove-datasets-container .legend__item { margin-left: -14px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #838383; text-transform: uppercase; text-decoration: underline; } .remove-datasets-container .legend__item + .legend__item { margin-left: 20px; } .remove-datasets-container .remove-data { margin-right: 10px; } .remove-datasets-container .legend__item small { font-size: 18px; font-weight: 600; color: #838383; } @media(max-width: 768px) { .remove-datasets-container { position: relative; bottom: auto; padding-top: 20px; flex-wrap: wrap; } .remove-datasets-container .legend__item { width: 100%; margin-left: 0; justify-content: flex-start; } .remove-datasets-container .legend__item + .legend__item { margin-left: 0; margin-top: 20px; } } /* ------------------------------------------------------------ *\ Socials Alt \* ------------------------------------------------------------ */ .socials--alt { position: absolute; top: 0; right: 73px; margin-bottom: 0 !important; } .socials--alt li + li { margin-left: 4px !important; } @media(max-width: 768px) { .socials--alt { position: relative; right: auto; margin-top: 20px !important; } } /* ------------------------------------------------------------ *\ Section Accordions \* ------------------------------------------------------------ */ .section-accordions { padding: 20px 0 55px; } .section-accordions .shell { max-width: 1200px; } .section-accordions .section__head { text-align: center; } .section-accordions .section__title { font-size: 29px; color: #9E9E9E; text-transform: uppercase; } .section-accordions .section__body { padding-top: 29px; } .section-accordions .section__actions { padding-top: 49px; text-align: center; } @media(max-width: 768px) { .section-accordions { padding: 35px 0; } .section-accordions .section__title { font-size: 20px; } } /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion--alt .accordion__head { position: relative; padding: 13px 25px 15px 25px; font-size: 16px; color: #22467A; } .accordion--alt .accordion__title { cursor: pointer; text-align: center; font-size: 17px; font-weight: 700; font-family: 'SF Pro Display', sans-serif; color: #22467A; } .accordion--alt .accordion__body { padding: 5px 189px 42px 200px !important; font-size: 13px; word-spacing: 0.25em; line-height: 1.2; } .accordion--alt .accordion__body strong { margin-bottom: 7px; display: block; word-spacing: 0.2em; } .accordion--alt .accordion__body p { margin-bottom: 0; } .accordion--alt .accordion__body p + p { margin-top: 7px; } .accordion--alt .accordion__body p + strong { margin-top: 8px; } .accordion--alt .accordion__body ul { margin-bottom: 0; padding-top: 8px; padding-left: 14px; font-size: 13px; line-height: 1.2; } .accordion--alt .accordion__body li { padding-left: 5px; } .accordion--alt .accordion__body ul { padding-left: 20px; } .accordion--alt .accordion__body ol { padding-left: 20px; } .accordion--alt .accordion__body li + li { margin-top: 7px; } .accordion--alt .accordion__body span { color: #C1873A; } .accordion--alt .accordion__body ul + strong { margin-top: 9px; } .accordion--alt .accordion__body ul + p { margin-top: 20px; } .accordion--alt .accordion-expanded .accordion__head:before { transform: translateY(-50%) rotate(45deg); } @media(max-width: 1024px) { .accordion--alt .accordion__body { padding: 17px 89px 42px 91px !important; } .accordion--alt .accordion__body li { padding-left: 0; } } @media(max-width: 768px) { .accordion--alt .accordion__head { padding: 13px 25px 15px 54px; } .accordion--alt .accordion__title { font-size: 17px; } .accordion--alt .accordion__body { padding: 15px !important; } } .povertyNoData { font-family: 'LeituraNews-Roman3', sans-serif !important; font-size: 35px !important; color: #22467A !important; display: inline !important; line-height: 1 !important; text-transform: none !important; } .staffHeader { text-align: center; font-size: 37px; font-weight: 400; line-height: 1.22; margin-bottom: 50px !important; font-family: 'LeituraNews-Roman3', sans-serif; }