/* Table of Contents 01. Settings ---------------------------------- 02. Titles ------------------------------------ 03. Colors ------------------------------------ Slider ----------------------------------- Magnific Popup CSS ----------------------- Main image in popup ---------------------- The shadow behind the image -------------- Tomorrow Night - Eighties Comment ---------------------------------- Error ------------------------------------ Keyword ---------------------------------- Literal ---------------------------------- Name ------------------------------------- Operator --------------------------------- Punctuation ------------------------------ Comment.Multiline ------------------------ Comment.Preproc -------------------------- Comment.Single --------------------------- Comment.Special -------------------------- Generic.Deleted -------------------------- Generic.Emph ----------------------------- Generic.Heading -------------------------- Generic.Inserted ------------------------- Generic.Prompt --------------------------- Generic.Strong --------------------------- Generic.Subheading ----------------------- Keyword.Constant ------------------------- Keyword.Declaration ---------------------- Keyword.Namespace ------------------------ Keyword.Pseudo --------------------------- Keyword.Reserved ------------------------- Keyword.Type ----------------------------- Literal.Date ----------------------------- Literal.Number --------------------------- Literal.String --------------------------- Name.Attribute --------------------------- Name.Builtin ----------------------------- Name.Class ------------------------------- Name.Constant ---------------------------- Name.Decorator --------------------------- Name.Entity ------------------------------ Name.Exception --------------------------- Name.Function ---------------------------- Name.Label ------------------------------- Name.Namespace --------------------------- Name.Other ------------------------------- Name.Property ---------------------------- Name.Tag --------------------------------- Name.Variable ---------------------------- Operator.Word ---------------------------- Text.Whitespace -------------------------- Literal.Number.Float --------------------- Literal.Number.Hex ----------------------- Literal.Number.Integer ------------------- Literal.Number.Oct ----------------------- Literal.String.Backtick ------------------ Literal.String.Char ---------------------- Literal.String.Doc ----------------------- Literal.String.Double -------------------- Literal.String.Escape -------------------- Literal.String.Heredoc ------------------- Literal.String.Interpol ------------------ Literal.String.Other --------------------- Literal.String.Regex --------------------- Literal.String.Single -------------------- Literal.String.Symbol -------------------- Name.Builtin.Pseudo ---------------------- Name.Variable.Class ---------------------- Name.Variable.Global --------------------- Name.Variable.Instance ------------------- Literal.Number.Integer.Long -------------- 04. Sprite ------------------------------------ 05. Generic ----------------------------------- 06. Base -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Fonts ------------------------------------- 08. Helpers ----------------------------------- Mobile ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 09. Reset ------------------------------------- 10. Regions ----------------------------------- 11. Container --------------------------------- Mobile ----------------------------------- 12. Content ----------------------------------- 13. Footer ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 14. Header ------------------------------------ Mobile ----------------------------------- 15. Main -------------------------------------- 16. Shell ------------------------------------- 17. Sidebar ----------------------------------- 18. Wrapper ----------------------------------- Mobile ----------------------------------- 19. Modules ----------------------------------- 20. Accordion --------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Accordion ALt ----------------------------- Open ------------------------------------- Mod: Small ------------------------------- Mobile ----------------------------------- 22. Accordion Tiles --------------------------- Mobile ----------------------------------- 23. Articles ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 24. article ----------------------------------- Tablet ----------------------------------- Mobile ----------------------------------- Article Alt ------------------------------ Article Left ----------------------------- Articles Check --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Article Alt ------------------------------ 25. Articles Small ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 26. Article Small ----------------------------- Mobile ----------------------------------- 27. Article Full Width ------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- 28. Articles Box ------------------------------ Mobile ----------------------------------- 29. Article Box ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 30. Articles Hover ---------------------------- Articles Hover V1 ------------------------ Articles Hover V2 ------------------------ Articles Hover V3 ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Article Hover ----------------------------- 32. Articles Hover V1 ------------------------- 33. Article Hover V2 -------------------------- 34. Article Hover V3 -------------------------- 35. Article Hover V4 -------------------------- Small Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 36. Article Widget ---------------------------- Tablet Portrait -------------------------- 37. Article Post ------------------------------ Mobile ----------------------------------- 38. Article Profile --------------------------- Mobile ----------------------------------- 39. Article Video ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 40. Article Long ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 41. Breadcrumbs ------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 42. Breadcrumbs Alt --------------------------- 43. Button ------------------------------------ Mobile ----------------------------------- Tablet Portrait -------------------------- Button Block ----------------------------- 44. Button dark ------------------------------- 45. Callout ----------------------------------- Mod: Blue -------------------------------- Large Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 46. Contacts ---------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 47. Contact ----------------------------------- Mobile ----------------------------------- Shrink wrap strategy 1 ------------------- Shrink wrap strategy 2 ------------------- 48. Filter ------------------------------------ Mobile ----------------------------------- 49. Filter Letters ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 50. Filter Result ----------------------------- Mobile ----------------------------------- 51. Form Elements ----------------------------- Select ----------------------------------- Mobile ----------------------------------- Radio ------------------------------------ Checkbox --------------------------------- Mobile ----------------------------------- 52. Form -------------------------------------- 53. Form Select ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. Form Map ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 55. Form Contact ------------------------------ Mobile ----------------------------------- 56. Form Long --------------------------------- Mobile ----------------------------------- 57. Form Popup -------------------------------- Mobile ----------------------------------- 58. Intro ------------------------------------- Tablet ----------------------------------- Mobile ----------------------------------- 59. Intro Ingredients ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. Intro Small ------------------------------- Mobile ----------------------------------- 61. Intro Image ------------------------------- Mobile ----------------------------------- 62. Intro Callout ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 63. Intro Aside ------------------------------- Mod: Small ------------------------------- 64. Intro Contact ----------------------------- 65. Intro Diagnostic ------------------------- Mobile ----------------------------------- 66. Keywords ---------------------------------- Mobile ----------------------------------- 67. Likes ------------------------------------- 68. Link -------------------------------------- 69. Link Back --------------------------------- 70. List -------------------------------------- 71. List Stars -------------------------------- Mobile ----------------------------------- 72. List Sponsors ----------------------------- Mobile ----------------------------------- 73. List Bullets Blue ------------------------- Mobile ----------------------------------- 74. List Logos -------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 75. List Btn Categories ----------------------- 76. List Check -------------------------------- 77. List Cross -------------------------------- Mobile ----------------------------------- 78. List Check Alt ---------------------------- Mobile ----------------------------------- 79. List Radios ------------------------------- Mobile ----------------------------------- 80. List Checkboxes --------------------------- Mobile ----------------------------------- 81. List Contacts ----------------------------- 82. List Numbered ----------------------------- 83. Location ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 84. Logo -------------------------------------- Mobile ----------------------------------- 85. Map Holder -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 86. Map --------------------------------------- Mobile ----------------------------------- 87. Nav --------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 88. Nav Secondart ----------------------------- Mobile ----------------------------------- 89. Nav Holder -------------------------------- Mobile ----------------------------------- 90. Nav Dropdown ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 91. Nav Trigger ------------------------------- Mobile ----------------------------------- 92. Nav Filter -------------------------------- Mobile ----------------------------------- 93. Nav Filter Secondary ---------------------- Mobile ----------------------------------- 94. Nav Filter Dropdonw ----------------------- 95. Paging ------------------------------------ Mobile ----------------------------------- 96. Popup ------------------------------------- Visible ---------------------------------- Mobile ----------------------------------- 97. Mfp Popup Form ---------------------------- 98. Popup Form -------------------------------- Mobile ----------------------------------- 99. Popup Alt --------------------------------- Mobile ----------------------------------- 100. Products --------------------------------- Products Wide ---------------------------- Small Desktop ---------------------------- Tablet ----------------------------------- Mobile ----------------------------------- 101. Product ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 102. Products View ---------------------------- 103. Product View ----------------------------- Small Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 104. Products Small --------------------------- 105. Product Small ---------------------------- Tablet Portrait -------------------------- 106. Profile ---------------------------------- Mobile ----------------------------------- 107. Profile Name ----------------------------- Mobile ----------------------------------- 108. Question --------------------------------- Mobile ----------------------------------- 109. Rate ------------------------------------- 110. Search ----------------------------------- Mobile ----------------------------------- 111. Search Alt ------------------------------- Mobile ----------------------------------- 112. Search Large ----------------------------- Mod: Alt --------------------------------- Mobile ----------------------------------- 113. Section ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 114. Section Slider --------------------------- Mobile ----------------------------------- 115. Section Articles ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 116. Section Groups --------------------------- Mobile ----------------------------------- 117. Section Tabs ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 118. Section Media ---------------------------- Mobile ----------------------------------- 119. Section Info ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 120. Section Testimonials --------------------- Mobile ----------------------------------- 121. Section Products ------------------------- Mobile ----------------------------------- 122. Section Small Articles ------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 123. Section Inner Page ----------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 124. Section Map ------------------------------ Mobile ----------------------------------- 125. Section Logos ---------------------------- Mobile ----------------------------------- 126. Section Tiles ---------------------------- 127. Section List ----------------------------- Mobile ----------------------------------- 128. Section Tiles ---------------------------- Mobile ----------------------------------- 129. Section Grey ----------------------------- Mobile ----------------------------------- 130. Section Text ----------------------------- Tablet ----------------------------------- Mobile ----------------------------------- 131. Section Filter --------------------------- Small Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 132. Section Small ---------------------------- Mobile ----------------------------------- 133. Section Widgets -------------------------- Mobile ----------------------------------- 134. Section Callout -------------------------- Mobile ----------------------------------- 135. Section Quiz ----------------------------- Mobile ----------------------------------- 136. Section Entry ---------------------------- Mobile ----------------------------------- 137. Section Split ---------------------------- Mod: Long -------------------------------- Mod: Contact ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 138. Section Intro ---------------------------- Mobile ----------------------------------- 139. Section Full ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 140. Section Loactions ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 141. Section Accordions Tile ------------------ Mobile ----------------------------------- 142. Section Site Map ------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 143. Section Visual --------------------------- Small Desktop ---------------------------- Tablet ----------------------------------- Mobile ----------------------------------- 144. Section Services ------------------------- Tablet ----------------------------------- Mobile ----------------------------------- 145. Services --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 146. Service ---------------------------------- Mobile ----------------------------------- 147. Services Alt ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 148. Service Alt ------------------------------ Mobile ----------------------------------- 149. Services Gallery ------------------------- Mobile ----------------------------------- 150. Slider ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 151. Slider Box ------------------------------- Tablet ----------------------------------- Mobile ----------------------------------- 152. Slider Main ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 153. Slider Nav ------------------------------- Mobile ----------------------------------- 154. Slider Product View Main ----------------- Mobile ----------------------------------- 155. Slider Product View Nav ------------------ Mobile ----------------------------------- 156. Slider Videos ---------------------------- 157. Slider Videos ---------------------------- Mobile ----------------------------------- 158. Slider Profiles -------------------------- Mobile ----------------------------------- 159. Slider Video ----------------------------- 160. Socials ---------------------------------- Mod: Fill -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 161. Socials Alt ------------------------------ Mobile ----------------------------------- 162. Sponsors --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 163. Sponsor ---------------------------------- Mobile ----------------------------------- 164. Subscribe -------------------------------- Mod: Alt --------------------------------- Mobile ----------------------------------- 165. Tabs ------------------------------------- Mobile ----------------------------------- 166. Tab -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 167. Table ------------------------------------ 168. Testimonials ----------------------------- Mobile ----------------------------------- 169. Testimonial Main ------------------------- Mobile ----------------------------------- 170. Testimonial ------------------------------ Mobile ----------------------------------- 171. Tiles ------------------------------------ Mobile ----------------------------------- 172. Tile ------------------------------------- Mobile ----------------------------------- 173. Tiles Alt -------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 174. Tile Alt --------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 175. Tiles Image ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- 176. Tile Image ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 177. Tiles Circle ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 178. Tile Circle ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 179. Tools ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 180. Tool ------------------------------------- Tablet Portrait -------------------------- 181. Video Holder ----------------------------- Mobile ----------------------------------- 182. Video ------------------------------------ Video Playing ---------------------------- Mod: Alt --------------------------------- Mobile ----------------------------------- 183. Widget ----------------------------------- 184. Widgets Wide ----------------------------- Mobile ----------------------------------- 185. Widget Categories ------------------------ 186. Widget Articles -------------------------- 187. Widget Products -------------------------- Tablet Portrait -------------------------- 188. Widget Card ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 189. Widget Product --------------------------- Large Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 190. Themes ----------------------------------- */ /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Titles \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Colors \* ------------------------------------------------------------ */ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * EasyZoom core styles */ .easyzoom { position: relative; /* 'Shrink-wrap' the element */ display: inline-block; *display: inline; *zoom: 1; } .easyzoom img { vertical-align: bottom; } .easyzoom.is-loading img { cursor: progress; } .easyzoom.is-ready img { cursor: crosshair; } .easyzoom.is-error img { cursor: not-allowed; } .easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; } .easyzoom-flyout { position:absolute; z-index: 100; overflow: hidden; background: #FFF; } /** * EasyZoom layout variations */ .easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%; } .easyzoom--adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px; } /* Tomorrow Night - Eighties */ .highlight .hll { background-color: #515151 } .highlight { background: #2d2d2d; color: #cccccc } .highlight .c { color: #999999 } /* Comment */ .highlight .err { color: #f2777a } /* Error */ .highlight .k { color: #cc99cc } /* Keyword */ .highlight .l { color: #f99157 } /* Literal */ .highlight .n { color: #cccccc } /* Name */ .highlight .o { color: #66cccc } /* Operator */ .highlight .p { color: #cccccc } /* Punctuation */ .highlight .cm { color: #999999 } /* Comment.Multiline */ .highlight .cp { color: #999999 } /* Comment.Preproc */ .highlight .c1 { color: #999999 } /* Comment.Single */ .highlight .cs { color: #999999 } /* Comment.Special */ .highlight .gd { color: #f2777a } /* Generic.Deleted */ .highlight .ge { font-style: italic } /* Generic.Emph */ .highlight .gh { color: #cccccc; font-weight: bold } /* Generic.Heading */ .highlight .gi { color: #99cc99 } /* Generic.Inserted */ .highlight .gp { color: #999999; font-weight: bold } /* Generic.Prompt */ .highlight .gs { font-weight: bold } /* Generic.Strong */ .highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */ .highlight .kc { color: #cc99cc } /* Keyword.Constant */ .highlight .kd { color: #cc99cc } /* Keyword.Declaration */ .highlight .kn { color: #66cccc } /* Keyword.Namespace */ .highlight .kp { color: #cc99cc } /* Keyword.Pseudo */ .highlight .kr { color: #cc99cc } /* Keyword.Reserved */ .highlight .kt { color: #ffcc66 } /* Keyword.Type */ .highlight .ld { color: #99cc99 } /* Literal.Date */ .highlight .m { color: #f99157 } /* Literal.Number */ .highlight .s { color: #99cc99 } /* Literal.String */ .highlight .na { color: #6699cc } /* Name.Attribute */ .highlight .nb { color: #cccccc } /* Name.Builtin */ .highlight .nc { color: #ffcc66 } /* Name.Class */ .highlight .no { color: #f2777a } /* Name.Constant */ .highlight .nd { color: #66cccc } /* Name.Decorator */ .highlight .ni { color: #cccccc } /* Name.Entity */ .highlight .ne { color: #f2777a } /* Name.Exception */ .highlight .nf { color: #6699cc } /* Name.Function */ .highlight .nl { color: #cccccc } /* Name.Label */ .highlight .nn { color: #ffcc66 } /* Name.Namespace */ .highlight .nx { color: #6699cc } /* Name.Other */ .highlight .py { color: #cccccc } /* Name.Property */ .highlight .nt { color: #66cccc } /* Name.Tag */ .highlight .nv { color: #f2777a } /* Name.Variable */ .highlight .ow { color: #66cccc } /* Operator.Word */ .highlight .w { color: #cccccc } /* Text.Whitespace */ .highlight .mf { color: #f99157 } /* Literal.Number.Float */ .highlight .mh { color: #f99157 } /* Literal.Number.Hex */ .highlight .mi { color: #f99157 } /* Literal.Number.Integer */ .highlight .mo { color: #f99157 } /* Literal.Number.Oct */ .highlight .sb { color: #99cc99 } /* Literal.String.Backtick */ .highlight .sc { color: #cccccc } /* Literal.String.Char */ .highlight .sd { color: #999999 } /* Literal.String.Doc */ .highlight .s2 { color: #99cc99 } /* Literal.String.Double */ .highlight .se { color: #f99157 } /* Literal.String.Escape */ .highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */ .highlight .si { color: #f99157 } /* Literal.String.Interpol */ .highlight .sx { color: #99cc99 } /* Literal.String.Other */ .highlight .sr { color: #99cc99 } /* Literal.String.Regex */ .highlight .s1 { color: #99cc99 } /* Literal.String.Single */ .highlight .ss { color: #99cc99 } /* Literal.String.Symbol */ .highlight .bp { color: #cccccc } /* Name.Builtin.Pseudo */ .highlight .vc { color: #f2777a } /* Name.Variable.Class */ .highlight .vg { color: #f2777a } /* Name.Variable.Global */ .highlight .vi { color: #f2777a } /* Name.Variable.Instance */ .highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-arrow-back { background-image : url(../images/sprite.png); background-position : 83.03886925795054% 75%; background-size : 3637.5% 2014.2857142857142%; width : 8px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-blue { background-image : url(../images/sprite.png); background-position : 4.6263345195729535% 98.87218045112782%; background-size : 2910% 1762.5%; width : 10px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-left-grey { background-image : url(../images/sprite.png); background-position : 80.29739776951673% 64.31535269709543%; background-size : 1322.7272727272727% 687.8048780487804%; width : 22px; height : 41px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-left-light-blue { background-image : url(../images/sprite.png); background-position : 68.30985915492957% 85.29411764705883%; background-size : 4157.142857142857% 2820%; width : 7px; height : 10px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-left { background-image : url(../images/sprite.png); background-position : 90.80882352941177% 15.789473684210526%; background-size : 1531.578947368421% 805.7142857142857%; width : 19px; height : 35px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-main-left { background-image : url(../images/sprite.png); background-position : 81.81818181818183% 0%; background-size : 1077.7777777777778% 552.9411764705882%; width : 27px; height : 51px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-main { background-image : url(../images/sprite.png); background-position : 81.81818181818183% 23.809523809523807%; background-size : 1077.7777777777778% 552.9411764705882%; width : 27px; height : 51px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-right-blue { background-image : url(../images/sprite.png); background-position : 9.540636042402827% 98.13432835820896%; background-size : 3637.5% 2014.2857142857142%; width : 8px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-right-grey { background-image : url(../images/sprite.png); background-position : 80.29739776951673% 45.643153526970956%; background-size : 1322.7272727272727% 687.8048780487804%; width : 22px; height : 41px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-right { background-image : url(../images/sprite.png); background-position : 90.80882352941177% 0%; background-size : 1531.578947368421% 805.7142857142857%; width : 19px; height : 35px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-select { background-image : url(../images/sprite.png); background-position : 87.58865248226951% 79.92700729927007%; background-size : 3233.3333333333335% 3525%; width : 9px; height : 8px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-small { background-image : url(../images/sprite.png); background-position : 100% 38.405797101449274%; background-size : 7275% 4700%; width : 4px; height : 6px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-check-alt { background-image : url(../images/sprite.png); background-position : 18.951612903225808% 64.58333333333334%; background-size : 676.7441860465116% 671.4285714285714%; width : 43px; height : 42px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-check-white { background-image : url(../images/sprite.png); background-position : 90.47619047619048% 29.32330827067669%; background-size : 1616.6666666666667% 1762.5%; width : 18px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-check { background-image : url(../images/sprite.png); background-position : 0% 64.58333333333334%; background-size : 676.7441860465116% 671.4285714285714%; width : 43px; height : 42px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close-alt { background-image : url(../images/sprite.png); background-position : 98.9010989010989% 83.39622641509435%; background-size : 1616.6666666666667% 1658.8235294117649%; width : 18px; height : 17px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close-gray { background-image : url(../images/sprite.png); background-position : 89.81818181818181% 60.526315789473685%; background-size : 1818.75% 1762.5%; width : 16px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close { background-image : url(../images/sprite.png); background-position : 89.81818181818181% 45.48872180451128%; background-size : 1818.75% 1762.5%; width : 16px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-enveloppe-small { background-image : url(../images/sprite.png); background-position : 51.470588235294116% 68.51851851851852%; background-size : 1531.578947368421% 2350%; width : 19px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-enveloppe { background-image : url(../images/sprite.png); background-position : 62.878787878787875% 76.13636363636364%; background-size : 1077.7777777777778% 1566.6666666666665%; width : 27px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-error { background-image : url(../images/sprite.png); background-position : 71.68458781362007% 68.51851851851852%; background-size : 2425% 2350%; width : 12px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-face-book { background-image : url(../images/sprite.png); background-position : 96.7741935483871% 74.609375%; background-size : 2425% 1084.6153846153848%; width : 12px; height : 26px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-facebook-alt { background-image : url(../images/sprite.png); background-position : 0% 100%; background-size : 3233.3333333333335% 1484.2105263157896%; width : 9px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-facebook { background-image : url(../images/sprite.png); background-position : 13.684210526315791% 97.4074074074074%; background-size : 4850% 2350%; width : 6px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-fb-fill-white { background-image : url(../images/sprite.png); background-position : 97.12230215827337% 53.72549019607843%; background-size : 2238.461538461538% 1044.4444444444446%; width : 13px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-fb-fill { background-image : url(../images/sprite.png); background-position : 97.12230215827337% 41.568627450980394%; background-size : 2238.461538461538% 1044.4444444444446%; width : 13px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-feuilles { background-image : url(../images/sprite.png); background-position : 62.35294117647059% 45.90163934426229%; background-size : 808.3333333333334% 742.1052631578948%; width : 36px; height : 38px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-heart { background-image : url(../images/sprite.png); background-position : 46.931407942238266% 86.2453531598513%; background-size : 2078.5714285714284% 2169.2307692307695%; width : 14px; height : 13px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram-fill-white { background-image : url(../images/sprite.png); background-position : 39.015151515151516% 78.82352941176471%; background-size : 1077.7777777777778% 1044.4444444444446%; width : 27px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram-fill { background-image : url(../images/sprite.png); background-position : 27.27272727272727% 78.82352941176471%; background-size : 1077.7777777777778% 1044.4444444444446%; width : 27px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram { background-image : url(../images/sprite.png); background-position : 68.30188679245282% 60.546875%; background-size : 1119.230769230769% 1084.6153846153848%; width : 26px; height : 26px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-link { background-image : url(../images/sprite.png); background-position : 90.14598540145985% 67.79026217228464%; background-size : 1711.764705882353% 1880%; width : 17px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-magnifier { background-image : url(../images/sprite.png); background-position : 78.33935018050542% 75%; background-size : 2078.5714285714284% 2014.2857142857142%; width : 14px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-mail { background-image : url(../images/sprite.png); background-position : 98.54014598540147% 63.87832699619772%; background-size : 1711.764705882353% 1484.2105263157896%; width : 17px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pc { background-image : url(../images/sprite.png); background-position : 100% 90.29850746268657%; background-size : 1385.7142857142858% 2014.2857142857142%; width : 21px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-phone { background-image : url(../images/sprite.png); background-position : 100% 0%; background-size : 1385.7142857142858% 1342.857142857143%; width : 21px; height : 21px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-blue-large { background-image : url(../images/sprite.png); background-position : 98.9010989010989% 9.689922480620156%; background-size : 1616.6666666666667% 1175%; width : 18px; height : 24px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-blue { background-image : url(../images/sprite.png); background-position : 71.07142857142857% 49.43820224719101%; background-size : 2645.4545454545455% 1880%; width : 11px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-dark { background-image : url(../images/sprite.png); background-position : 71.32616487455196% 42.10526315789473%; background-size : 2425% 1762.5%; width : 12px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin { background-image : url(../images/sprite.png); background-position : 98.54014598540147% 30.76923076923077%; background-size : 1711.764705882353% 1281.8181818181818%; width : 17px; height : 22px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-alt { background-image : url(../images/sprite.png); background-position : 89.4927536231884% 37.26235741444867%; background-size : 1939.9999999999998% 1484.2105263157896%; width : 15px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-fill-white { background-image : url(../images/sprite.png); background-position : 0% 90.98039215686275%; background-size : 1385.7142857142858% 1044.4444444444446%; width : 21px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-fill { background-image : url(../images/sprite.png); background-position : 9.25925925925926% 90.98039215686275%; background-size : 1385.7142857142858% 1044.4444444444446%; width : 21px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-small { background-image : url(../images/sprite.png); background-position : 59.07473309608541% 85.92592592592592%; background-size : 2910% 2350%; width : 10px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest { background-image : url(../images/sprite.png); background-position : 98.9010989010989% 20.463320463320464%; background-size : 1616.6666666666667% 1226.086956521739%; width : 18px; height : 23px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-alt { background-image : url(../images/sprite.png); background-position : 0% 38.20754716981132%; background-size : 415.7142857142857% 402.85714285714283%; width : 70px; height : 70px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-large { background-image : url(../images/sprite.png); background-position : 37.327188940092164% 0%; background-size : 393.2432432432432% 381.0810810810811%; width : 74px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-mobile { background-image : url(../images/sprite.png); background-position : 37.75100401606426% 64.58333333333334%; background-size : 692.8571428571429% 671.4285714285714%; width : 42px; height : 42px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-small { background-image : url(../images/sprite.png); background-position : 66.80672268907563% 0%; background-size : 549.0566037735849% 532.0754716981132%; width : 53px; height : 53px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play { background-image : url(../images/sprite.png); background-position : 0% 0%; background-size : 377.9220779220779% 366.23376623376623%; width : 77px; height : 77px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-popup-close { background-image : url(../images/sprite.png); background-position : 89.81818181818181% 53.00751879699248%; background-size : 1818.75% 1762.5%; width : 16px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-search-eco-alt { background-image : url(../images/sprite.png); background-position : 65.70247933884298% 24.675324675324674%; background-size : 593.8775510204082% 552.9411764705882%; width : 49px; height : 51px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-search-eco { background-image : url(../images/sprite.png); background-position : 32.17391304347826% 37.327188940092164%; background-size : 477.0491803278689% 433.8461538461538%; width : 61px; height : 65px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-search-large { background-image : url(../images/sprite.png); background-position : 28.25278810408922% 89.23076923076924%; background-size : 1322.7272727272727% 1281.8181818181818%; width : 22px; height : 22px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-search { background-image : url(../images/sprite.png); background-position : 50.36231884057971% 37.453183520599254%; background-size : 1939.9999999999998% 1880%; width : 15px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-share { background-image : url(../images/sprite.png); background-position : 71.63636363636363% 75%; background-size : 1818.75% 2014.2857142857142%; width : 16px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-grey { background-image : url(../images/sprite.png); background-position : 65.70397111913357% 68.51851851851852%; background-size : 2078.5714285714284% 2350%; width : 14px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-large { background-image : url(../images/sprite.png); background-position : 53.42960288808665% 85.92592592592592%; background-size : 2078.5714285714284% 2350%; width : 14px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-larger { background-image : url(../images/sprite.png); background-position : 50.36231884057971% 44.569288389513105%; background-size : 1939.9999999999998% 1880%; width : 15px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-rate-active { background-image : url(../images/sprite.png); background-position : 50.54545454545455% 30.337078651685395%; background-size : 1818.75% 1880%; width : 16px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-rate { background-image : url(../images/sprite.png); background-position : 89.81818181818181% 74.90636704119851%; background-size : 1818.75% 1880%; width : 16px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star { background-image : url(../images/sprite.png); background-position : 64.05693950177937% 85.29411764705883%; background-size : 2910% 2820%; width : 10px; height : 10px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-alt { background-image : url(../images/sprite.png); background-position : 38.20224719101123% 88.212927756654%; background-size : 1212.5% 1484.2105263157896%; width : 24px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-fill-white { background-image : url(../images/sprite.png); background-position : 0% 78.82352941176471%; background-size : 909.375% 1044.4444444444446%; width : 32px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-fill { background-image : url(../images/sprite.png); background-position : 13.8996138996139% 78.82352941176471%; background-size : 909.375% 1044.4444444444446%; width : 32px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-small { background-image : url(../images/sprite.png); background-position : 59.05797101449275% 68.51851851851852%; background-size : 1939.9999999999998% 2350%; width : 15px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter { background-image : url(../images/sprite.png); background-position : 50.950570342205324% 77.60617760617761%; background-size : 1039.2857142857142% 1226.086956521739%; width : 28px; height : 23px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-youtube { background-image : url(../images/sprite.png); background-position : 55.118110236220474% 60.546875%; background-size : 786.4864864864865% 1084.6153846153848%; width : 37px; height : 26px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-zoom { background-image : url(../images/sprite.png); background-position : 18.587360594795538% 89.23076923076924%; background-size : 1322.7272727272727% 1281.8181818181818%; width : 22px; height : 22px; display : inline-block; vertical-align : middle; font-size : 0px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .ico-arrow-back { background-image : url(../images/sprite.@2x.png); background-position : 98.2791586998088% 62.26012793176972%; background-size : 3586.6666666666665% 1903.846153846154%; width : 7.5px; height : 13px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-blue { background-image : url(../images/sprite.@2x.png); background-position : 98.84615384615385% 26.78185745140389%; background-size : 2988.888888888889% 1546.875%; width : 9px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-left-grey { background-image : url(../images/sprite.@2x.png); background-position : 80.36437246963563% 48.06763285024155%; background-size : 1222.7272727272727% 611.1111111111111%; width : 22px; height : 40.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-left-light-blue { background-image : url(../images/sprite.@2x.png); background-position : 98.09160305343512% 75.36842105263158%; background-size : 3842.857142857143% 2475%; width : 7px; height : 10px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-main-left { background-image : url(../images/sprite.@2x.png); background-position : 82.02479338842976% 0%; background-size : 996.2962962962964% 485.2941176470588%; width : 27px; height : 51px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-main { background-image : url(../images/sprite.@2x.png); background-position : 45.45454545454545% 39.69465648854962%; background-size : 996.2962962962964% 485.2941176470588%; width : 27px; height : 51px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-right-blue { background-image : url(../images/sprite.@2x.png); background-position : 98.46743295019157% 48.82226980728051%; background-size : 3362.5% 1767.8571428571427%; width : 8px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-right-grey { background-image : url(../images/sprite.@2x.png); background-position : 80.36437246963563% 26.570048309178745%; background-size : 1222.7272727272727% 611.1111111111111%; width : 22px; height : 40.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-select { background-image : url(../images/sprite.@2x.png); background-position : 98.65642994241843% 80.41666666666667%; background-size : 3164.7058823529414% 3300%; width : 8.5px; height : 7.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-small { background-image : url(../images/sprite.@2x.png); background-position : 96.98113207547169% 84.67908902691511%; background-size : 6725% 4125%; width : 4px; height : 6px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-check-alt { background-image : url(../images/sprite.@2x.png); background-position : 67.10816777041943% 0%; background-size : 632.9411764705882% 589.2857142857143%; width : 42.5px; height : 42px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-check-white { background-image : url(../images/sprite.@2x.png); background-position : 0% 91.37931034482759%; background-size : 1494.4444444444446% 1596.774193548387%; width : 18px; height : 15.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-check { background-image : url(../images/sprite.@2x.png); background-position : 67.10816777041943% 22.38442822384428%; background-size : 632.9411764705882% 589.2857142857143%; width : 42.5px; height : 42px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close-alt { background-image : url(../images/sprite.@2x.png); background-position : 44.02390438247012% 78.52494577006507%; background-size : 1494.4444444444446% 1455.8823529411764%; width : 18px; height : 17px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close-gray { background-image : url(../images/sprite.@2x.png); background-position : 16.370808678500985% 91.37931034482759%; background-size : 1735.483870967742% 1596.774193548387%; width : 15.5px; height : 15.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close { background-image : url(../images/sprite.@2x.png); background-position : 7.905138339920949% 100%; background-size : 1681.25% 1546.875%; width : 16px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-enveloppe-small { background-image : url(../images/sprite.@2x.png); background-position : 70.85828343313374% 76.85774946921444%; background-size : 1454.054054054054% 2062.5%; width : 18.5px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-enveloppe { background-image : url(../images/sprite.@2x.png); background-position : 32.98969072164948% 78.69565217391305%; background-size : 1015.0943396226415% 1414.2857142857142%; width : 26.5px; height : 17.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-error { background-image : url(../images/sprite.@2x.png); background-position : 100% 34.81953290870488%; background-size : 2241.666666666667% 2062.5%; width : 12px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-facebook-alt { background-image : url(../images/sprite.@2x.png); background-position : 98.84615384615385% 8.752735229759299%; background-size : 2988.888888888889% 1302.6315789473686%; width : 9px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-facebook { background-image : url(../images/sprite.@2x.png); background-position : 97.71863117870723% 69.2144373673036%; background-size : 4483.333333333334% 2062.5%; width : 6px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-fb-fill-white { background-image : url(../images/sprite.@2x.png); background-position : 89.47368421052632% 57.466063348416284%; background-size : 2152% 933.9622641509434%; width : 12.5px; height : 26.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-fb-fill { background-image : url(../images/sprite.@2x.png); background-position : 89.47368421052632% 71.26696832579185%; background-size : 2152% 933.9622641509434%; width : 12.5px; height : 26.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-feuilles { background-image : url(../images/sprite.@2x.png); background-position : 65.0963597430407% 43.914081145584724%; background-size : 757.7464788732394% 651.3157894736843%; width : 35.5px; height : 38px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-heart { background-image : url(../images/sprite.@2x.png); background-position : 54.70588235294118% 90.40511727078892%; background-size : 1921.4285714285716% 1903.846153846154%; width : 14px; height : 13px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram-fill-white { background-image : url(../images/sprite.@2x.png); background-position : 82.02479338842976% 65.3061224489796%; background-size : 996.2962962962964% 916.6666666666666%; width : 27px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram-fill { background-image : url(../images/sprite.@2x.png); background-position : 0% 82.08616780045351%; background-size : 996.2962962962964% 916.6666666666666%; width : 27px; height : 27px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-link { background-image : url(../images/sprite.@2x.png); background-position : 40% 90.98712446351931%; background-size : 1630.3030303030305% 1706.8965517241381%; width : 16.5px; height : 14.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-magnifier { background-image : url(../images/sprite.@2x.png); background-position : 47.647058823529406% 90.79229122055675%; background-size : 1921.4285714285716% 1767.8571428571427%; width : 14px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-mail { background-image : url(../images/sprite.@2x.png); background-position : 91.07142857142857% 82.27571115973743%; background-size : 1582.3529411764707% 1302.6315789473686%; width : 17px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pc { background-image : url(../images/sprite.@2x.png); background-position : 53.42741935483871% 77.51605995717344%; background-size : 1280.952380952381% 1767.8571428571427%; width : 21px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-phone { background-image : url(../images/sprite.@2x.png); background-position : 92.16867469879519% 34.065934065934066%; background-size : 1345% 1237.5%; width : 20px; height : 20px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-blue-large { background-image : url(../images/sprite.@2x.png); background-position : 91.25248508946322% 22.321428571428573%; background-size : 1537.142857142857% 1053.191489361702%; width : 17.5px; height : 23.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-blue { background-image : url(../images/sprite.@2x.png); background-position : 99.6124031007752% 18.494623655913976%; background-size : 2445.4545454545455% 1650%; width : 11px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-dark { background-image : url(../images/sprite.@2x.png); background-position : 100% 0%; background-size : 2241.666666666667% 1546.875%; width : 12px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin { background-image : url(../images/sprite.@2x.png); background-position : 90.89108910891089% 44.911504424778755%; background-size : 1630.3030303030305% 1151.1627906976744%; width : 16.5px; height : 21.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-alt { background-image : url(../images/sprite.@2x.png); background-position : 69.68503937007874% 59.08096280087527%; background-size : 1793.3333333333333% 1302.6315789473686%; width : 15px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-fill-white { background-image : url(../images/sprite.@2x.png); background-position : 12.474849094567404% 81.90045248868778%; background-size : 1312.1951219512193% 933.9622641509434%; width : 20.5px; height : 26.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-fill { background-image : url(../images/sprite.@2x.png); background-position : 22.334004024144868% 81.90045248868778%; background-size : 1312.1951219512193% 933.9622641509434%; width : 20.5px; height : 26.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest-small { background-image : url(../images/sprite.@2x.png); background-position : 99.22779922779922% 41.6135881104034%; background-size : 2690% 2062.5%; width : 10px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pinterest { background-image : url(../images/sprite.@2x.png); background-position : 91.43426294820716% 10.244988864142538%; background-size : 1494.4444444444446% 1076.086956521739%; width : 18px; height : 23px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-alt { background-image : url(../images/sprite.@2x.png); background-position : 39.19597989949749% 0%; background-size : 384.2857142857143% 353.57142857142856%; width : 70px; height : 70px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-large { background-image : url(../images/sprite.@2x.png); background-position : 0% 0%; background-size : 363.5135135135135% 334.4594594594595%; width : 74px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-mobile { background-image : url(../images/sprite.@2x.png); background-position : 0% 65.69343065693431%; background-size : 640.4761904761905% 589.2857142857143%; width : 42px; height : 42px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-play-small { background-image : url(../images/sprite.@2x.png); background-position : 0% 40.102827763496144%; background-size : 507.54716981132077% 466.9811320754717%; width : 53px; height : 53px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-popup-close { background-image : url(../images/sprite.@2x.png); background-position : 0% 100%; background-size : 1681.25% 1546.875%; width : 16px; height : 16px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-search-eco-alt { background-image : url(../images/sprite.@2x.png); background-position : 25.90909090909091% 39.69465648854962%; background-size : 548.9795918367347% 485.2941176470588%; width : 49px; height : 51px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-search { background-image : url(../images/sprite.@2x.png); background-position : 8.678500986193294% 91.37931034482759%; background-size : 1735.483870967742% 1596.774193548387%; width : 15.5px; height : 15.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-share { background-image : url(../images/sprite.@2x.png); background-position : 62.25296442687747% 77.51605995717344%; background-size : 1681.25% 1767.8571428571427%; width : 16px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-grey { background-image : url(../images/sprite.@2x.png); background-position : 61.64383561643836% 90.02123142250531%; background-size : 1992.5925925925928% 2062.5%; width : 13.5px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-large { background-image : url(../images/sprite.@2x.png); background-position : 68.4931506849315% 90.02123142250531%; background-size : 1992.5925925925928% 2062.5%; width : 13.5px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-larger { background-image : url(../images/sprite.@2x.png); background-position : 15.748031496062993% 99.56989247311829%; background-size : 1793.3333333333333% 1650%; width : 15px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-rate-active { background-image : url(../images/sprite.@2x.png); background-position : 32.015810276679844% 91.18279569892474%; background-size : 1681.25% 1650%; width : 16px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star-rate { background-image : url(../images/sprite.@2x.png); background-position : 24.110671936758894% 91.18279569892474%; background-size : 1681.25% 1650%; width : 16px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-star { background-image : url(../images/sprite.@2x.png); background-position : 99.22779922779922% 55.57894736842105%; background-size : 2690% 2475%; width : 10px; height : 10px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-alt { background-image : url(../images/sprite.@2x.png); background-position : 93.48268839103869% 0%; background-size : 1144.6808510638298% 1302.6315789473686%; width : 23.5px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-fill-white { background-image : url(../images/sprite.@2x.png); background-position : 34.883720930232556% 61.085972850678736%; background-size : 827.6923076923077% 933.9622641509434%; width : 32.5px; height : 26.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-fill { background-image : url(../images/sprite.@2x.png); background-position : 19.45031712473573% 61.085972850678736%; background-size : 827.6923076923077% 933.9622641509434%; width : 32.5px; height : 26.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter-small { background-image : url(../images/sprite.@2x.png); background-position : 78.74015748031496% 76.85774946921444%; background-size : 1793.3333333333333% 2062.5%; width : 15px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter { background-image : url(../images/sprite.@2x.png); background-position : 49.37759336099585% 60.13363028953229%; background-size : 960.7142857142858% 1076.086956521739%; width : 28px; height : 23px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-zoom { background-image : url(../images/sprite.@2x.png); background-position : 61.1336032388664% 59.86696230598669%; background-size : 1222.7272727272727% 1125%; width : 22px; height : 22px; display : inline-block; vertical-align : middle; font-size : 0px; } } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Rubik', sans-serif; font-size: 16px; line-height: 1.63; color: #4A4A4A; position: relative; height: 100%; } a { color: inherit; text-decoration: underline; } a:hover, a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.815em; } h1 { font-size: 72px; } h2 { font-size: 42px; } h3 { font-size: 40px; } h4 { font-size: 36px; } h5 { font-size: 30px; } h6 { font-size: 20px; } /* Tablet Portrait */ @media (max-width: 1023px) { h2 { font-size: 36px; } h4 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { h4 { font-size: 26px; } } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.63em; } 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: 'ZapfDingBats'; src: url('../fonts/ZapfDingBats.woff2') format('woff2'), url('../fonts/ZapfDingBats.woff') format('woff'), url('../fonts/ZapfDingBats.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2'), url('../fonts/HelveticaNeue-Light.woff') format('woff'), url('../fonts/HelveticaNeue-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'), url('../fonts/HelveticaNeue-Roman.woff') format('woff'), url('../fonts/HelveticaNeue-Roman.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-MediumCond.woff2') format('woff2'), url('../fonts/HelveticaNeue-MediumCond.woff') format('woff'), url('../fonts/HelveticaNeue-MediumCond.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Geeza Pro'; src: url('../fonts/GeezaPro.woff2') format('woff2'), url('../fonts/GeezaPro.woff') format('woff'), url('../fonts/GeezaPro.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Futura Std'; src: url('../fonts/FuturaStd-Bold.woff2') format('woff2'), url('../fonts/FuturaStd-Bold.woff') format('woff'), url('../fonts/FuturaStd-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Brush Script Std'; src: url('../fonts/BrushScriptStd.woff2') format('woff2'), url('../fonts/BrushScriptStd.woff') format('woff'), url('../fonts/BrushScriptStd.ttf') format('truetype'); font-weight: 500; font-style: italic; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ .mfp-subscribe { background: rgba(155, 155, 155, .7); } /* Mobile */ @media (max-width: 767px) { .mfp-subscribe .mfp-container { padding-left: 31px; padding-right: 31px; } } /* Clear */ .clear:after { content : ''; display : block; clear : both; } /* Notext */ .notext { overflow : hidden; text-indent : 101%; white-space : nowrap; } /* Hidden */ [hidden], .hidden { display: none !important; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col--1of3 { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .locked { overflow: hidden!important; height: 100vh; } .mfp-bg { height: 100%; } /* 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; } } .uppercase { text-transform: uppercase; } .play .js-play, .mob-visible, .dsk-hidden { display: none!important; } .dsk-visible, .mob-hidden { display: block!important; } @media(max-width: 1023px){ .dsk-hidden { display: block!important; } .mob-hidden { display: none!important; } } @media(max-width: 767px){ .dsk-visible { display: none!important; } .mob-visible { display: block!important; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .container { position: relative; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .container:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 62px; background: rgba(213,213,213, .0); -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; pointer-events: none; } .container.active { -webkit-transform: translateX(83%); -ms-transform: translateX(83%); transform: translateX(83%); } .container.active:after { background: rgba(213,213,213, .4); } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { position: relative; padding-bottom: 30px; } .footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 22px 30px 35px 44px; border-top: 2px solid #E9E9E9; } .footer .footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; max-width: 500px; padding: 0 65px 0 0; } .footer .footer__nav { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; padding: 13px 0 0; font-size: 14px; font-weight: 300; letter-spacing: .075em; } .footer .footer__nav-title { display: block; margin: 0 0 10px; letter-spacing: .1em; font-size: 14px; font-weight: 700; color: #46BAEE; text-decoration: none; } .footer .footer__nav ul { list-style: none; } .footer .footer__nav li ~ li { margin-top: 5px; } .footer .footer__nav a { text-decoration: none; } .footer .footer__nav a:hover { text-decoration: underline; } .footer .footer__nav .has-dd > a { position: relative; } .footer .footer__nav .has-dd > a:before { content: ''; position: absolute; right: -20px; top: 4px; border: 1px solid #4A4A4A; width: 7px; height: 7px; border-left: 0; border-top: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .footer .footer__nav-dropdown { display: none; } .footer .footer__content { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; } .footer .footer__entry { padding: 4px 0 85px; } .footer .copyright { letter-spacing: .08em; font-size: 14px; font-weight: 300; } .footer .copyright a { text-decoration: none; } .footer .footer__actions { margin-right: -27px; margin-bottom: -24px; text-align: right; } .footer .footer__logo { position: absolute; left: 0; right: 0; bottom: 30px; padding-top: 3.8%; background-size: cover; background-position: center center; } .footer .footer__logo--mobile { display: none; } .footer--fix { width:100%; position:absolute; bottom:0; left:0; } /* Tablet Portrait */ @media (max-width: 1023px) { .footer .footer__inner { display: block; padding: 22px 20px 35px; } .footer .footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; padding: 0 0px 40px 0; } .footer .footer__actions { margin-right: 0px; margin-bottom: 0; text-align: left; } .footer .footer__entry { padding: 4px 20px 85px; } } /* Mobile */ @media (max-width: 767px) { .footer { position: relative; padding-bottom: 0px; } .footer .shell { padding: 0; } .footer .footer__inner { display: block; padding: 48px 0px 35px; } .footer .footer__links { display: block; padding: 0 20px 17px; max-width: 100%; } .footer .footer__content { max-width: 100%; } .footer .footer__nav { max-width: 100%; padding: 0; } .footer .footer__nav ~ .footer__nav { margin-top: 15px; } .footer .footer__nav > ul { display: none; } .footer .footer__nav li ~ li { margin-top: 5px; } .footer .footer__entry { padding: 14px 17px 20px; } .footer .copyright { letter-spacing: .13em; text-align: center; line-height: 1.9; } .footer .footer__actions { display: inline-block; position: absolute; width: 51px; height: 51px; top: -18px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; text-align: center; } .footer .footer__logo { display: none; position: relative; width: 85%; padding-top: 31%; bottom: 0; } .footer .footer__logo--mobile { display: block; } .footer .footer__nav-title { position: relative; } .footer .footer__nav-title:after { content: ''; position: absolute; right: 0; top: 5px; width: 8px; height: 8px; border: 1px solid #4A4A4A; border-top: 0; border-left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .footer .footer__nav-title.active:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .footer--fix { position: relative; bottom:auto; left: auto; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { padding: 16px 0 0; } .header .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 21px 6px; } .header .header__content { position: relative; background-color: #F5F2F2; } /* Mobile */ @media (max-width: 767px) { .header { position: relative; padding-top: 0; z-index: 100; border-bottom: 1px solid #F5F2F2; } .header .shell { max-width: 100%; padding: 0; } .header .header__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; } .header .header__inner-entry { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; top: -100%; -webkit-transition: top .3s; -o-transition: top .3s; transition: top .3s; } .header .header__inner-entry.visible { display: block; top: 0; } .header .search { position: absolute; top: 0; left: 0; right: 0; padding: 50px 10px; text-align: center; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; z-index: 100; background: rgba(255,255,255, 1); } .header .search.visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .header .header__inner .nav-secondary { display: none; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1306px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell--fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { overflow: hidden; min-height: 100vh; } .wrapper--alt { position: relative; min-height: calc(100vh + 800px); padding-bottom: 600px; } /* Mobile */ @media (max-width: 767px) { .wrapper { min-height: 100vh; padding: 0; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .wrapper.active { overflow: hidden; } } /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 80%; margin: 0 auto; border-bottom: 3px solid #F5F2F2; } .accordion .accordion__section { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding-bottom: 15px; border-bottom: 4px solid transparent; -webkit-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease; } .accordion .accordion__head { position: relative; padding: 0 75px; color: #6DB43E; } .accordion .accordion__head span { font-size: 56px; font-weight: 500; } .accordion .accordion__head p { margin-bottom: 0; font-size: 18px; font-weight: 500; line-height: 1.22; } .accordion .accordion__head a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .accordion .accordion__head:hover { color: #004D9D; } .accordion .accordion__body { display: none; } .accordion .accordion__entry { text-align: left; } .accordion .accordion__entry { text-align: left; } .accordion .accordion__entry h6 { margin: 0 0 14px; font-weight: 400; font-size: 16px; } .accordion .accordion__entry p { margin: 0 0 13px; letter-spacing: -.008em; line-height: 1.63; } .accordion .accordion__entry p.uppercase { margin: 0 0 40px; } .accordion .accordion__entry span { display: block; margin: 0 0 17px; color: #9B9B9B; font-size: 14px; font-weight: 300; letter-spacing: .07em; } .accordion .accordion__entry span em { font-size: 13px; letter-spacing: 0; } .accordion .list-bullets-blue { margin: 0 0 24px; letter-spacing: -.01em; } .accordion .list-bullets-blue li { padding-left: 26px; } .accordion .list-bullets-blue li ~ li { margin-top: 13px; } .accordion--large .accordion__section { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-bottom: 15px; border-bottom: 4px solid transparent; -webkit-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease; } .accordion--blue .accordion__head { color: #46BAEE; } .accordion--alt { max-width: 74%; } .accordion--alt .accordion__section { padding: 0; border-bottom: 7px solid transparent; } .accordion--alt .accordion__head { position: relative; padding: 0 30px 10px; text-transform: uppercase; color: #46BAEE; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; font-size: 14px; font-weight: 500; } .accordion--alt .accordion__head h3 { margin-bottom: 0; font-weight: 500; line-height: 1.22; font-size: 14px; letter-spacing: .14em; } @media(min-width: 768px){ .accordion .current { border-color: #6DB43E; } .accordion--blue .current { border-color: #46BAEE; } .accordion--alt .current { border-color: #004D9D; } .accordion--alt .current .accordion__head { color: #004D9D; } .accordion .accordion__body { display: none !important; } } /* Small Desktop */ @media (max-width: 1200px) { .accordion .accordion__head { position: relative; padding: 0 25px; } .accordion--alt .accordion__head { padding: 0 15px 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .accordion { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 90%; } } /* Mobile */ @media (max-width: 767px) { .accordion { display: block; max-width: 100%; padding: 27px 10px 10px; border: none; } .accordion .cols { display: block; margin: 0; } .accordion .col { max-width: 100%; padding: 0; } .accordion .accordion__section { max-width: 100%; text-align: left; } .accordion .accordion__head { padding: 0 0px 15px; border-bottom: 3px solid #F5F2F2; } .accordion .accordion__head span { display: block; margin-bottom: -2px; font-size: 35px; font-weight: 500; } .accordion .accordion__head p { margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 1.19; } .accordion .accordion__body { padding: 27px 0px 7px; font-size: 16px; line-height: 1.19; color: #4A4A4A; text-align: center; border-bottom: 3px solid #F5F2F2; } .accordion .accordion__body p { margin: 0 0 19px; font-size: 16px; line-height: 1.19; } .accordion--expand .accordion__head { position: relative; padding-right: 25px; } .accordion--expand .accordion__head:before, .accordion--expand .accordion__head:after { content: ''; position: absolute; top: 52px; right: 7px; width: 15px; height: 3px; background: #6DB43E; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .accordion--expand .accordion__head:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion .accordion__section--current .accordion__head { border-color: #6DB43E; } .accordion .accordion__section--current .accordion__head:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .accordion--alt { padding: 2px 7px; } .accordion--alt { border: 0; } .accordion--alt .accordion__head { color: #004D9D; font-size: 14px; border-bottom-width: 1px; padding: 29px 0; } .accordion--alt .accordion__head h3 { font-size: 14px; } .accordion--alt .accordion__body { padding: 15px 0px 7px; margin-bottom: 0; border-bottom-width: 1px; } .accordion--alt .accordion__section { max-width: 100%; text-align: left; } .accordion--alt .accordion__section:first-child .accordion__head { border-top: 1px solid #f5f2f2; } .accordion--alt .accordion__section--current .accordion__head { border-color: transparent; } .accordion--alt .accordion__head:after { content: ''; position: absolute; top: 50%; right: 7px; width: 9px; height: 9px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border: 1px solid #777777; border-left: 0; border-bottom: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s } .accordion--alt .accordion__section--current .accordion__head:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -7px; } .accordion--blue .accordion__section .accordion__head { border-color: #46BAEE; } .accordion--blue .accordion__section .accordion__head:before, .accordion--blue .accordion__section .accordion__head:after { background: #46BAEE; } .accordion--blue .accordion__section .accordion__body { padding-top: 27px; } } /* ------------------------------------------------------------ *\ Accordion ALt \* ------------------------------------------------------------ */ .accordion-alt + .accordion-alt { padding-top: 26px; border-top: 1px solid #e9e9e9; margin-top: 23px; } .accordion-alt:last-child { padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; } .accordion-alt .accordion__head { position: relative; -webkit-transition: padding .5s, border-width .5s, margin .5s; -o-transition: padding .5s, border-width .5s, margin .5s; transition: padding .5s, border-width .5s, margin .5s; } .accordion-alt .accordion__head:before { content: ''; position: absolute; top: 28px; left: 1px; width: 18px; height: 2px; background: #46baee; } .accordion-alt .accordion__head:after { content: ''; position: absolute; top: 28px; left: 1px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 18px; height: 2px; background: #46baee; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .accordion-alt .accordion__head h2 { margin-bottom: 0; padding-left: 40px; font-size: 26px; color: #004d9d; font-weight: 400; letter-spacing: 2.25px; padding-bottom: 12px; border-bottom: 0 solid #e9e9e9; cursor: pointer; } .accordion-alt .accordion__body { overflow: hidden; max-height: 0; -webkit-transition: max-height .5s, padding .5s, border-width .5s, margin .5s; -o-transition: max-height .5s, padding .5s, border-width .5s, margin .5s; transition: max-height .5s, padding .5s, border-width .5s, margin .5s; } /* Open */ .accordion-alt.open + .accordion-alt { margin-top: 17px; } .accordion-alt.open > .accordion__head h2 { border-width: 1px; } .accordion-alt.open > .accordion__head:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .accordion-alt.open > .accordion__body { max-height: inherit; } /* Mod: Small */ .accordion-alt--small { position: relative; padding: 32px 0 0 0; } .accordion-alt--small:last-child { padding-bottom: 0; border-bottom: 0; } .accordion-alt--small.open + .accordion-alt--small { margin-top: 14px; } .accordion-alt--small + .accordion-alt--small { padding-top: 32px; margin-top: 0; border-top: 0; } .accordion-alt--small .accordion__head { position: static; padding-bottom: 0; border-width: 0; padding-left: 80px; padding-right: 61px; cursor: pointer; } .accordion-alt--small .accordion__head:before { top: 47px; left: 41px; } .accordion-alt--small .accordion__head:after { top: 47px; left: 41px; } .accordion-alt--small .accordion__head h3 { font-size: 22px; color: #4a4a4a; line-height: 1.33; font-weight: 400; letter-spacing: 0; cursor: pointer; padding-left: 0; padding-bottom: 22px; } .accordion-alt--small .accordion__body { padding: 0 60px 0 82px; background: none; } .accordion-alt--small.open .accordion__body { padding: 0 60px 10px 82px; background: none; } .accordion-alt--small .accordion__body h5 { margin-bottom: 30px; font-size: 16px; color: #4a4a4a; line-height: 1.7; font-weight: 700; } .accordion-alt--small .accordion__body p { font-size: 16px; line-height: 1.75; font-weight: 300; } .accordion-alt--small .accordion__body p a { color: #004d9d; text-decoration: underline; } .accordion-alt--small .accordion__body p a span { color: #4a4a4a; } .accordion-alt--small.open { padding-bottom: 29px; margin-bottom: -8px; background: rgba(245, 242, 242, .3); } .accordion-alt--small.open .accordion__head { padding-bottom: 23px; border-width: 1px; } /* Mobile */ @media (max-width: 767px) { .accordion-alt .accordion__head:before { top: 23px; } .accordion-alt .accordion__head:after { top: 23px; } .accordion-alt .accordion__head h2 { font-size: 36px; line-height: 1.33; letter-spacing: .04em; padding-left: 39px; padding-bottom: 29px; } .accordion-alt--small .accordion__body, .accordion-alt--small .accordion__head { -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .accordion-alt:last-child { padding-bottom: 2px; } .accordion-alt.open + .accordion-alt { margin-top: 5px; } .accordion-alt--small { padding: 20px 21px 0 42px; } .accordion-alt--small .accordion__head { padding-left: 0; margin-left: -4px; padding-right: 0; } .accordion-alt--small .accordion__head h3 { font-size: 24px; line-height: 1.34; letter-spacing: 0; padding-left: 0; } .accordion-alt--small .accordion__head:before { top: 34px; left: 10px; } .accordion-alt--small .accordion__head:after { top: 34px; left: 10px; } .accordion-alt--small.open { padding-bottom: 21px; } .accordion-alt--small .accordion__body { padding-right: 0; padding-left: 0; } .accordion-alt--small.open .accordion__body { padding-top: 19px; padding-left: 0; padding-right: 20px; } .accordion-alt--small .accordion__body h5 { margin-bottom: 27px; line-height: 1.67; } .accordion-alt--small .accordion__body p { line-height: 1.67; } .accordion-alt--small.open + .accordion-alt--small { padding-top: 20px; margin-top: 13px; } .accordion-alt--small + .accordion-alt--small { padding-top: 20px; } .accordion-alt--small:last-child { padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Accordion Tiles \* ------------------------------------------------------------ */ .accordion--tiles { display: none; } /* Mobile */ @media (max-width: 767px) { .accordion--tiles { display: block; } .accordion--tiles .accordion__head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-width: 1px; } .accordion--tiles .accordion__head:after { content: ''; position: absolute; right: 0px; top: 34%; width: 8px; height: 8px; border: 1px solid #707070; border-top: 0; border-left: 0; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .accordion--tiles .accordion__head h3 { display: block; font-size: 14px; font-weight: 400; } .accordion--tiles .accordion__head-image { -webkit-box-flex: 0; -ms-flex: 0 0 41px; flex: 0 0 41px; max-width: 41px; margin-right: 10px; } .accordion--tiles .accordion__body { position: relative; padding: 0; margin-top: -4px; border-bottom-width: 1px; } .accordion--tiles .accordion__body p { font-size: 14px; line-height: 1.57; color: #4A4A4A; text-align: left; font-size: 14px; font-weight: 400; line-height: 1.57; } .accordion--tiles .accordion__section--current .accordion__head { border-bottom: transparent; } .accordion--tiles .accordion__section--current .accordion__head:after { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } } /* ------------------------------------------------------------ *\ Articles \* ------------------------------------------------------------ */ .articles { padding: 24px 0; } .articles--offsets { padding: 60px 20px; } .articles--tabs { padding: 0; } .articles--alt { padding: 0 0 10px; } .articles--check { padding: 66px 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .articles--offsets { padding: 60px 0; } } /* Mobile */ @media (max-width: 767px) { .articles { padding: 12px 0; } .articles--offsets { padding: 30px 0; } } /* ------------------------------------------------------------ *\ article \* ------------------------------------------------------------ */ .article { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #E9E9E9; border-left: none; border-right: 0; font-size: 16px; line-height: 1.63; font-weight: 300; } .article .article__content h2 { margin: 0 0 20px; } .article .video { padding-bottom: 67.5%; } .article .btn { padding: 14px 79px 10px; } .article .article__media { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .article .article__media h2 { display: none; } .article .article__media h4 { font-size: 14px; font-weight: 500; } .article .article__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 19px 60px; text-align: center; } .article .article__actions { padding-top: 28px; } .article .article__image { width: 100%; padding-top: 67.5%; min-height: 100%; background-size: cover; background-position: center center; } .article--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .article--secondary h2 { font-size: 32px; color: #004D9D; font-weight: 400; line-height: 1.19; letter-spacing: 0.01em; } .article--secondary .article__content { text-align: left; } /* Tablet */ @media (max-width: 1023px) { .article--secondary .article__content h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .article { font-weight: 400; } .article--secondary .article__content h2 { font-size: 26px; color: #004d9d; font-weight: 400; } } /* Article Alt */ .article--alt { border: 0; overflow: hidden; } .article--alt ~ .article--alt { margin-top: 49px; } .article--alt p { margin: 0 0 10px; } .article--alt .article__content { padding: 102px 60px 106px; text-align: center; } .article--alt .article__content h2 { margin: 0 0 13px; color: #004D9D; font-weight: 400; letter-spacing: .02em; font-size: 32px; } .article--alt .article__actions { padding-top: 13px; } .article--alt .btn { padding: 14px 60px 10px; } .article--tabs { border: 0; } .article--tabs h6 { margin: 20px 1px 10px; font-size: 14px; font-weight: 500; color: #000; } .article--tabs p { margin: 0 0 10px !important; } .article--tabs .article__content { padding: 0 40px 0 5px; text-align: left; } .article--tabs .article__media { padding: 0 0 0 35px; } .article--tabs .video { padding-bottom: 64%; } /* Article Left */ .article--left { display: block; overflow: hidden; } .article--left .article__content { padding: 36px 52px 36px 0; text-align: left; float: left; width: 50%; display: block; } .article--left .article__content h1 { margin: 0 0 15px; color: #004D9D; font-weight: 400; font-size: 40px; line-height: 1.31; letter-spacing: .027em; } .article--left .article__content p { margin-bottom: 0px; } .article--left .article__image { background-size: cover; background-repeat: no-repeat; background-position: top center; height: 26vw; max-height: 301px; width: 608px; max-width: 100%; padding-top: 0; margin-left: auto; } .article--left .article__media { float: left; /*width: 50vw;*/ display: block;/* max-width: 50vw; margin-right: -50vw; */} /* Articles Check */ .article--check { padding: 0 0 57px 0; border-top: 0; } .article--check .article__media { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .article--check .article__image { padding-top: 16px; text-align: center; } .article--check .article__content { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; padding: 19px 0px; text-align: left; } .article--check .article__content h4 { margin: 0 0 21px; color: #004D9D; font-weight: 400; font-size: 36px; line-height: 1.19; letter-spacing: .027em; } .article--check .article__actions { padding-top: 0; } .article--check.article--reverse .article__content { text-align: right; } .article--white { color: #fff; border: 0; } .article--white .article__content h4 { color: #fff; } .article--white .article__content .btn { color: #fff; } .articles--offsets .article { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .articles--offsets .article .article__image { min-height: 0; position: relative; } .articles--offsets .article .article__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .articles--offsets .article .article__content { padding-top: 0; padding-bottom: 0; } /* Small Desktop */ @media (max-width: 1200px) { .article .article__content { padding: 19px 10px; } .article--alt .article__content { padding: 102px 30px 106px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article { font-size: 14px; } .article .article__content { padding: 19px 10px; } .article--left .article__content { padding-left: 0; } } /* Mobile */ @media (max-width: 767px) { .article { display: block; padding-bottom: 22px; } .article .video { padding-bottom: 69.5%; } .article .article__media { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 20px 0; } .article--home .article__media { width: 100%; } .article .article__media h4 { display: block; margin-bottom: 20px; } .article .article__content { max-width: 100%; padding: 3px 17px; text-align: left; letter-spacing: .065em; line-height: 1.86; } .article .article__content h4 { display: none; } .article .article__actions { padding-top: 5px; } .article .article__actions .btn { width: 100%; } /* Article Alt */ .article--alt { padding-bottom: 0; border-bottom: 0; } .article--alt ~ .article--alt { margin-top: 4px; } .article--alt .article__media { max-width: 100%; padding: 0; } .articles--offsets .article .article__content, .article--alt .article__content { padding: 25px 10px; text-align: center; font-size: 16px; letter-spacing: 0; width: 100%; } .article--alt .article__content h2 { display: inline-block; margin: 0 0 19px; text-align: center; line-height: 1.19; font-size: 26px; } .article--alt .article__content p { line-height: 1.63; } .article--alt .article__actions { padding-top: 13px; } .article--left { padding: 0; border: 0; } .article--left .article__content { padding: 3px 7px 0; width: 100%; float: none; } .article--left .article__content h1 { display: block; margin: 0 0 11px; font-size: 26px; line-height: 1.19; letter-spacing: .0em; } .article--left .article__content p { margin: 0 0 11px; } .article--left .article__media { padding: 9px 0; width: 100vw; margin: 0 0 0 -10px; float: none; max-width: inherit; } .article--left .article__image { width: 100%; padding-top: 65.5%; } .article--check.article--reverse .article__content { text-align: center; } .article--check .article__actions .btn { padding: 20px 10px; } } /* ------------------------------------------------------------ *\ Articles Small \* ------------------------------------------------------------ */ .articles-small { text-align: center; } .articles-small .cols { margin: 0 -14px; } .articles-small .col { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 14px; } .articles-small .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } .articles-small .articles-small__head { margin: 0 0 29px; } .articles-small .articles-small__head h2 { margin: 0 0 10px; color: #004D9D; font-size: 32px; line-height: 1.19; font-weight: 400; } .articles-small .articles-small__body { max-width: 959px; margin: 0 auto; } .articles-small--small { padding: 0 32px; } /* Small Desktop */ @media (max-width: 1200px) { .articles-small .articles-small__body { padding: 0 60px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .articles-small .articles-small__body { padding: 0 20px; } .articles-small .articles-small__head h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .articles-small { padding: 12px 0 20px; } .articles-small .cols { display: block; margin: 0; } .articles-small .col { display: block; padding: 0; max-width: 100%; } .articles-small .articles-small__head { margin: 0 48px 23px; } .articles-small .articles-small__head h2 { margin: 0 0 5px; font-size: 26px; } } /* ------------------------------------------------------------ *\ Article Small \* ------------------------------------------------------------ */ .article-small { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border: 1px solid #F5F2F2; font-size: 16px; line-height: 1.19; font-weight: 400; } .article-small img { width: 100%; } .article-small span { display: block; margin: 0 0 13px; font-size: 11px; font-weight: 700; color: #46BAEE; text-transform: uppercase; } .article-small a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; } .article-small a:hover { background: rgba(255,255,255, .2); } .article-small .article-small__image { max-height: 198px; overflow: hidden; } .article-small .article-small__content { padding: 21px 25px 6px; } .article-small-alt { margin-bottom: 40px; } .article-small-alt span { font-size: 22px; font-weight: 400; color: #004D9D; text-transform: none; padding-bottom: 0; margin-bottom: 0; } .article-small-alt .article-small__content { padding: 24px 0 0; min-height: 100px; } /* Mobile */ @media (max-width: 767px) { .article-small { margin: 0 0 13px; font-size: 15px; line-height: 1.2; } .article-small span { display: block; margin: 0 0 7px; font-size: 10px; font-weight: 700; color: #46BAEE; text-transform: uppercase; } .article-small-alt span { font-size: 18px; font-weight: 400; color: #004D9D; text-transform: none; } .article-small .article-small__content { padding: 21px 16px 6px; min-height: 0; } .article-small .article-small__content br { display: none; } } /* ------------------------------------------------------------ *\ Article Full Width \* ------------------------------------------------------------ */ .article-full-width { min-height: 460px; padding: 49px 71px 46px; background-size: cover; background-position: center left; } .article-full-width p { margin: 0 0 10px; font-size: 16px; line-height: 1.31; } .article-full-width .article-full-width__title { position: relative; margin: 0 0 22px; padding: 0 0 20px; font-size: 45px; color: #004D9D; font-weight: 700; line-height: 1.07; } .article-full-width .article-full-width__title strong { display: block; } .article-full-width .article-full-width__title span { font-weight: 500; } .article-full-width .article-full-width__title small { font-weight: 400; font-size: 45px; } .article-full-width .article-full-width__title:after { content: ''; position: absolute; bottom: 0; left: 3px; width: 57px; height: 3px; background-color: #004D9D; } .article-full-width .article-full-width__sub-title { margin: 0 0 16px; font-weight: 400; line-height: 1.27; color: #46BAEE; } .article-full-width .article-full-width__entry { display: block; width: 370px; background-size: 0; } .article-full-width .article-full-width__content { display: block; width: 370px; } .article-full-width .article-full-width__actions { padding: 18px 0 0 2px; } .article-full-width .btn { padding: 15px 80px; background-color: transparent; } .article-full-width ~ .article-full-width { margin-top: 28px; } .article-full-width--revers { padding: 211px 10px 207px; text-align: right; text-align: right; } .article-full-width--revers .article-full-width__entry { display: inline-block; width: 420px; text-align: left; } .article-full-width--revers .article-full-width__title { margin: 0 0 4px; font-size: 32px; font-weight: 400; } .article-full-width--revers .article-full-width__title:after { display: none; } .article-full-width--revers .article-full-width__actions { padding: 2px 0 0 2px; } .article-full-width--revers .btn { padding: 15px 44px; font-size: 12px; font-weight: 500; background-color: transparent; } @media(max-width: 1364px){ .article-full-width-4 { background-position: center 20%; } } /* Small Desktop */ @media (max-width: 1200px) { .article-full-width { background-position: center center; } .article-full-width-1 { background-position: center center; } } @media(max-width: 1024px){ .article-full-width-1 { background-position: center center; } } /* Mobile */ @media (max-width: 767px) { .article-full-width { padding: 0; background-size: 0; min-height: unset; } .article-full-width .article-full-width__entry { display: block; width: 100%; padding: 29px 50% 130px 17px; background-size: cover; background-position: center center; min-height: 98vw; } .article-full-width .article-full-width__content { display: block; width: 100%; padding: 16px 20px; } .article-full-width .article-full-width__title { position: relative; margin: 0 0 16px; padding: 0 0 16px; font-size: 22px; color: #004D9D; font-weight: 700; line-height: 1.23; } .article-full-width .article-full-width__title strong { display: block; } .article-full-width .article-full-width__title span { /*font-weight: 400; */} .article-full-width .article-full-width__title small { /*font-weight: 700; */font-size: 22px; } .article-full-width .article-full-width__title:after { content: ''; position: absolute; bottom: 0; left: 3px; width: 57px; height: 3px; background-color: #004D9D; } .article-full-width .article-full-width__sub-title { max-width: 50%; margin: 0 0 16px; font-weight: 400; line-height: 1.27; color: #46BAEE; font-size: 16px; } .article-full-width .article-full-width__actions { padding: 12px 0 0 2px; } .article-full-width .btn { width: 100%; padding: 15px 10px; background-color: transparent; } .article-full-width ~ .article-full-width { margin-top: 12px; } } /* ------------------------------------------------------------ *\ Articles Box \* ------------------------------------------------------------ */ .articles-box { padding: 29px 0; } .articles-box .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; } .articles-box .col { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .articles-box .col--1of2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /* Mobile */ @media (max-width: 767px) { .articles-box { padding: 29px 5px; } .articles-box .cols { display: block; margin: 0; } .articles-box .col { display: block; max-width: 100%; } .articles-box .col:nth-child(even) .article-box { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } /* ------------------------------------------------------------ *\ Article Box \* ------------------------------------------------------------ */ .article-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; font-size: 24px; font-weight: 300; line-height: 1.42; } .article-box p { margin: 0 0 13px; } .article-box ul { list-style-type: none; } .article-box li { position: relative; padding-left: 1px; } .article-box li ~ li { margin-top: 10px; } .article-box li:before { content: ''; position: relative; top: -5px; display: inline-block; width: 4px; height: 4px; margin-right: 10px; border-radius: 50%; background-color: #4A4A4A; } .article-box .article-box__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 50%; background-size: cover; background-position: center center; } .article-box .article-box__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 45px 37px; background-color: #F5F2F2; max-height: 322px; overflow: hidden; } .article-box .article-box__content > div{ max-height: 100%; overflow: hidden; } @media(min-width: 768px) { .article-box--revers { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } /* Small Desktop */ @media (max-width: 1200px) { .article-box .article-box__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 12px 15px 13px; background-color: #F5F2F2; max-height: 25vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-box .article-box__content > div { max-height: 230px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; font-size: 18px; font-weight: 300; line-height: 1.42; } .article-box .article-box__content { padding-bottom: 25px; -ms-flex-line-pack: center; align-content: center; } .article-box .article-box__content > div { max-height: 175px; } } /* Mobile */ @media (max-width: 767px) { .article-box { min-height: 145px; font-size: 13px; line-height: 1.31 } .article-box p { margin: 0 0 4px; font-size: 14px; } .article-box li { position: relative; padding-left: 0px; } .article-box li:before { width: 2px; height: 2px; margin-right: 7px; } .article-box .article-box__content { padding: 14px 16px; background-color: #F5F2F2; max-height: inherit; } } /* ------------------------------------------------------------ *\ Articles Hover \* ------------------------------------------------------------ */ .articles-hover { padding: 25px 20px; } .articles-hover .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } .articles-hover .cols--isotope { display: block; } .articles-hover .col { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; } .articles-hover .col--1of2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .articles-hover .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } .articles-hover .grid { min-height: 438px; } .articles-hover .articles-hover__actions { padding: 12px 0; text-align: center; } .articles-hover .articles-hover__actions .btn { padding: 14px 83px 12px; } .articles-hover .articles-hover__actions .btn:hover { border-color: #004D9D; background: #004D9D; color: #fff; } .articles-hover .articles-hover__title { font-size: 32px; margin: 0 0 34px; font-weight: 400; text-align: center; line-height: 1.19; color: #004D9D; letter-spacing: .02em; } .articles-hover ~ .articles-hover { margin-top: 10px; } .articles-hover--small { max-width: 999px; margin: 0 auto; padding: 25px 20px; } /* Articles Hover V1 */ .articles-hover--v1 .grid { min-height: 449px; } /* Articles Hover V2 */ .articles-hover--v2 { padding: 10px 20px; } .articles-hover--v2 .grid { min-height: 607px; } .articles-hover--v2 .article-hover__actions { padding-top: 7px; } .articles-hover--v2 .btn { font-size: 12px; } /* Articles Hover V3 */ .articles-hover--v3 .grid { min-height: unset; } /* Small Desktop */ @media (max-width: 1200px) { .articles-hover .grid { min-height: 358px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .articles-hover .articles-hover__title { font-size: 28px; } .articles-hover .col { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } /* Mobile */ @media (max-width: 767px) { .articles-hover .articles-hover__title { font-size: 26px; } .articles-hover .cols { display: block; padding: 0; } .articles-hover .col { max-width: 100%; width: 100%; padding: 0; } } /* ------------------------------------------------------------ *\ Article Hover \* ------------------------------------------------------------ */ .article-hover { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; margin: 0 0 32px; border: 1px solid #D8D8D8; font-size: 16px; line-height: 1.38; font-weight: 300; text-align: center; -webkit-transition: -webkit-box-shadow .4s ease; transition: -webkit-box-shadow .4s ease; -o-transition: box-shadow .4s ease; transition: box-shadow .4s ease; transition: box-shadow .4s ease, -webkit-box-shadow .4s ease; } .article-hover p { margin: 0 0 10px; } .article-hover strong { font-size: 20px; line-height: 1.2; font-weight: 400; } .article-hover .article-hover__image { width: 100%; padding-top: 64%; background-size: cover; background-position: center center; } .article-hover .article-hover__links { margin: 0 0 13px; font-size: 12px; font-weight: 400; color: #004D9D; text-transform: uppercase; } .article-hover .article-hover__links a { position: relative; text-decoration: none; } .article-hover .article-hover__links a ~ a { margin-left: 11px; padding-left: 10px; } .article-hover .article-hover__links a ~ a:before { content: ''; display: inline-block; position: absolute; left: -2px; top: 6px; width: 3px; height: 3px; border-radius: 50%; background-color: #004D9D; } .article-hover .article-hover__links p { padding-top: 10px; } .article-hover .article-hover__links strong { font-weight: 700; font-size: 12px; } .article-hover .article-hover__links span { font-weight: 400; text-transform: none; } .article-hover .article-hover__content { padding: 24px 40px; } .article-hover .article-hover__entry { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 55px 40px; background-color: #fff; -webkit-transform: scaleY(100%); -ms-transform: scaleY(100%); transform: scaleY(100%); -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; } .article-hover:hover { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); } .article-hover:hover .article-hover__entry { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; } .article-hover .article-hover__links-light-blue { color: #46BAEE; font-weight: 700; } .article-hover .article-hover__links-light-blue a ~ a:before { background-color: #46BAEE; } .article-hover--small { font-size: 16px; line-height: 1.19; } .article-hover--small p { margin: 0 0 10px; } .article-hover--small strong { font-size: 16px; line-height: 1.19; } .article-hover--small .article-hover__links { margin: 0 0 13px; font-size: 11px; } .article-hover--small .article-hover__content { padding: 19px 40px 7px; } .article-hover--small .article-hover__entry { padding: 25px 20px; background-color: #fff; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .article-hover--small .article-hover__actions { padding-top: 10px; } .article-hover--disabled:hover .article-hover__entry { display: none; } /* ------------------------------------------------------------ *\ Articles Hover V1 \* ------------------------------------------------------------ */ .article-hover--v1 { margin: 0 0 32px; } .article-hover--v1 .article-hover__image { width: 100%; padding-top: 0; height: 100%; min-height: 415px; background-size: cover; background-position: center center; } .article-hover--v1 .article-hover__content { position: absolute; bottom: 27px; left: 29px; right: 29px; min-height: 163px; padding: 24px 30px; background-color: #fff; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; } .article-hover--v1 .article-hover__entry { position: absolute; top: 27px; left: 29px; right: 29px; bottom: 29px; padding: 30px 20px; background-color: #fff; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; } .article-hover--v1:hover .article-hover__content { opacity: 0; } /* ------------------------------------------------------------ *\ Article Hover V2 \* ------------------------------------------------------------ */ .article-hover--v2 p { margin: 0 0 12px; } .article-hover--v2 strong { font-size: 22px; line-height: 1.27; font-weight: 500; } .article-hover--v2 .article-hover__image { width: 100%; padding-top: 63%; background-size: cover; background-position: center center; } .article-hover--v2 .article-hover__links { margin: 0 0 10px; } .article-hover--v2 .article-hover__content { padding: 24px 40px 35px; } /* ------------------------------------------------------------ *\ Article Hover V3 \* ------------------------------------------------------------ */ .article-hover--v3 { border: 0; } .article-hover--v3 h5 { margin: 0 0 8px; font-size: 22px; font-weight: 500; } .article-hover--v3 img { width: 100%; } .article-hover--v3 p { margin: 0 0 10px; } .article-hover--v3 .article-hover__image { width: 100%; padding-top: 0; background-size: cover; background-position: center center; } .article-hover--v3 .article-hover__content { padding: 22px 40px 30px; border: 1px solid #D8D8D8; border-top: 0; } .article-hover--v3 .article-hover__links { margin: 0 0 7px; } .article-hover--v3 .article-hover__links a { font-family: 'Brush Script Std'; font-size: 20px; font-weight: 500; text-transform: capitalize; } .article-hover--v3 .article-hover__actions { padding: 9px 0 0; } .article-hover--v3 .btn { padding: 16px 39px 15px; font-size: 12px; letter-spacing: .2em; } .article-hover--v3 .article-hover__links a ~ a:before { top: 13px; } /* ------------------------------------------------------------ *\ Article Hover V4 \* ------------------------------------------------------------ */ .article-hover--v4 { font-weight: 300; } .article-hover--v4 strong { font-weight: 400; } /* Small Desktop */ @media (max-width: 1360px) { .article-hover .article-hover__entry { padding: 30px 40px; } .article-hover--v1 .article-hover__entry { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; padding: 25px 20px; } } /* Small Desktop */ @media (max-width: 1200px) { .article-hover { font-size: 14px; } .article-hover strong { font-size: 16px; } .article-hover p { margin: 0 0 10px; } .article-hover .article-hover__content { padding: 18px 20px; } .article-hover .article-hover__actions { padding: 20px 0; } .article-hover .article-hover__actions .btn { padding: 14px 20px 12px; font-size: 12px; } .article-hover .article-hover__entry { padding: 30px 20px; } .article-hover--v1 .article-hover__content { position: absolute; bottom: 10px; left: 10px; right: 10px; min-height: unset; padding: 20px; } .article-hover--v1 .article-hover__entry { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; padding: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-hover .article-hover__entry { padding: 50px 20px; } .article-hover--v1 .article-hover__image { min-height: 100%; } } /* Mobile */ @media (max-width: 767px) { .article-hover .article-hover__entry { padding: 25px 20px; } .article-hover--v1 .article-hover__content { position: absolute; bottom: 10px; left: 10px; right: 10px; min-height: unset; padding: 15px; min-height: 135px; max-height: 155px; overflow: hidden; } .article-hover--v1 .article-hover__entry { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; padding: 20px 15px 10px; } .article-hover--v3 .article-hover__links a ~ a:before { content: ''; display: inline-block; position: absolute; left: 0; top: 13px; width: 3px; height: 3px; border-radius: 50%; background-color: #004D9D; } .article-hover .article-hover__actions { padding-top: 0; } } /* ------------------------------------------------------------ *\ Article Widget \* ------------------------------------------------------------ */ .article-widget { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 1.29; } .article-widget ~ .article-widget { margin-top: 21px; } .article-widget strong { font-weight: 500; } .article-widget a { display: block; margin: 0 0 3px; font-size: 12px; line-height: 2.33; text-transform: uppercase; color: #004D9D; text-decoration: none; } .article-widget .article-widget__image { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding-top: 22%; background-size: cover; background-position: center center; } .article-widget .article-widget__content { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; padding: 0 19px; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-widget { display: block; } .article-widget .article-widget__image { max-width: 100%; padding-top: 50%; background-size: cover; background-position: center center; } .article-widget .article-widget__content { max-width: 100%; padding: 0px; } } /* ------------------------------------------------------------ *\ Article Post \* ------------------------------------------------------------ */ .article-post { margin-bottom: 45px; } .article-post .profile-name { margin: 0 0 46px -8px; } .article-post .article__inner .profile-name p { margin-bottom: 0; } .article-post .article__inner { max-width: 885px; margin: 0 auto; } .article-post .article__inner h2 { margin-bottom: -1px; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } .article-post .article__inner p { margin-bottom: 28px; font-size: 22px; line-height: 1.3; letter-spacing: 0.055em; } .article-post .article__entry { padding-bottom: 40px; border-bottom: 2px solid #9B9B9B; margin-bottom: 42px; } .article-post .article__entry + h2 { margin-bottom: 17px; } .article-post .article__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 62px; } /* Mobile */ @media (max-width: 767px) { .article-post { margin-bottom: 0; } .article-post .profile-name { margin: -3px -5px 29px -2px; } .article-post .article__inner { padding: 0 10px 0 11px; } .article-post .article__inner h2 { margin-bottom: 26px; font-size: 26px; line-height: 1.19; } .article-post .article__inner p { margin-bottom: 22px; font-size: 16px; line-height: 1.38; } .article-post .article__actions { margin-top: 31px; } .article-post .article__entry { padding-bottom: 38px; margin-bottom: 35px; } } /* ------------------------------------------------------------ *\ Article Profile \* ------------------------------------------------------------ */ .article-profile { margin: 102px 0 80px; } .article-profile .shell { max-width: 773px; } .article-profile .video { min-height: auto; padding-bottom: 57.5%; } .article-profile .video .play { width: 74px; height: 74px; margin-top: -37px; } .article-profile .article__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 47px; } .article-profile .article__image { -ms-flex-negative: 0; flex-shrink: 0; } .article-profile .article__video { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px; } .article-profile .article__body h3 { margin-bottom: -12px; font-size: 28px; color: #004D9D; font-weight: 400; letter-spacing: 0.02em; } .article-profile .article__body h4 { margin-bottom: 24px; font-size: 22px; color: #4A4A4A; font-weight: 400; letter-spacing: 0.06em; } .article-profile .article__body p { margin-bottom: 27px; font-size: 18px; line-height: 1.56; letter-spacing: 0.055em; } /* Mobile */ @media (max-width: 767px) { .article-profile { margin-top: 72px; margin-bottom: 45px; } .article-profile .video { margin-bottom: 26px; } .article-profile .video .play { width: 42px; height: 42px; margin-top: -20px; margin-left: -17px; } .article-profile .article__head { display: block; margin-bottom: 17px; text-align: center; } .article-profile .article__image img { max-width: 200px; } .article-profile .article__body { padding: 0 11px; } .article-profile .article__body h3 { margin-bottom: -2px; font-size: 24px; } .article-profile .article__body h4 { margin-bottom: 27px; font-size: 18px; line-height: 1.22; } .article-profile .article__body p { margin-bottom: 24px; font-size: 16px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ Article Video \* ------------------------------------------------------------ */ .article-video { margin-bottom: 29px; } .article-video + .products--wide h4 { margin-bottom: 33px; } .article-video .btn { padding-left: 22px; padding-right: 22px; margin-top: 36px; font-size: 14px; font-weight: 500; letter-spacing: 1.25px; } .article-video .video { min-height: 420px; padding-bottom: 0; } .article-video .video .play--custom { width: 77px; height: 77px; opacity: .7; } .article-video .article__head { max-width: 670px; margin: 0 auto 60px; text-align: center; } .article-video .article__head h2 { margin-bottom: 20px; font-size: 36px; color: #004d9d; line-height: 1.2; font-weight: 400; letter-spacing: 0.5px; } .article-video .article__head p { margin-bottom: 10px; font-size: 16px; color: #4a4a4a; font-weight: 300; } .article-video .article__body { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-right: 20px; margin-left: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .article-video .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 32px 72px 20px; text-align: center; } .article-video .article__content h2 { margin-bottom: 12px; font-size: 36px; color: #004d9d; font-weight: 400; letter-spacing: 0.5px; } .article-video .article__content p { margin-bottom: 10px; font-size: 16px; color: #4a4a4a; line-height: 1.63; font-weight: 300; } .article-video .article__video { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } /* Small Desktop */ @media (max-width: 1200px) { .article-video .article__content { padding-left: 40px; padding-right: 40px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-video .article__body { -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-video .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .article-video .article__video { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } /* Mobile */ @media (max-width: 767px) { .article-video { overflow: hidden; margin-bottom: 31px; } .article-video .video { min-height: auto; padding-bottom: 78%; margin-left: -24px; margin-right: -24px; } .article-video .btn { width: 100%; margin-top: 10px; } .article-video + .products--wide h4 { margin-bottom: 50px; } .article-video .article__head { padding: 0 10px; margin-bottom: 50px; } .article-video .article__head h2 { font-size: 26px; line-height: 1.2; letter-spacing: 0; } .article-video .article__head p br { display: none; } .article-video .article__body { margin-left: 7px; margin-right: 7px; } .article-video .article__video h2 { margin: 14px 0 14px; font-size: 26px; color: #004d9d; font-weight: 400; text-align: center; } .article-video .article__content { padding: 0 0 25px; margin-top: 19px; text-align: left; } } /* ------------------------------------------------------------ *\ Article Long \* ------------------------------------------------------------ */ .article-long p { font-size: 16px; line-height: 1.63; font-weight: 300; } .article-long > p:first-child { margin-bottom: 94px; } .article-long p a { color: #004d9d; } .article-long h2 { margin: 0 0 21px; font-size: 32px; color: #004d9d; line-height: 1.19; font-weight: 400; } .article-long h5 { font-size: 20px; margin-bottom: 15px; line-height: 1.4; font-weight: 400; } .article-long .article__entry { padding-right: 20px; margin-bottom: 49px; } .article-long .article__entry + .article__list { margin-top: 66px; } .article-long .article__entry h3 { margin-bottom: 1px; font-size: 24px; line-height: 1.33; color: #4a4a4a; font-weight: 500; } .article-long .article__entry h4 { margin: 0 0 1px; font-size: 20px; line-height: 1.33; line-height: 1.17; font-weight: 500; color: #4a4a4a; } .article-long .article__entry--large p { margin-bottom: 9px; font-size: 18px; } .article-long .article__entry--large p:last-child { margin-bottom: 0; } .article-long .article__list { margin-bottom: 20px; } .article-long .article__list + .article__entry { margin-top: 27px; } .article-long .article__list h4 { margin-bottom: 15px; font-size: 20px; line-height: 1.4; font-weight: 400; } .article-long .article__list ul { padding-left: 92px; font-weight: 300; list-style: none; } .article-long .article__list li { position: relative; padding-left: 24px; } .article-long .article__list li:before { content: '•'; position: absolute; top: 0; left: 0; } .article-long .article__list--large h4 { margin-bottom: 17px; } .article-long .article__list--large ul { font-size: 18px; } .article-long .article__list--large li + li { margin-top: 3px; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-long .article__list ul { padding-left: 50px; } } /* Mobile */ @media (max-width: 767px) { .article-long h2 { margin-top: 50px; margin-bottom: 33px; font-size: 26px; line-height: 1.2; } .article-long .article__entry { padding-right: 0; margin-bottom: 33px; } .article-long .article__entry + .article__list { margin-top: -2px; } .article-long .article__entry h3 { margin-bottom: 8px; font-size: 18px; line-height: 1.3; font-weight: 400; } .article-long .article__entry h4 { margin-left: 11px; font-size: 16px; font-weight: 400; } .article-long .article__list h4 { position: relative; padding-left: 25px; margin-left: 12px; margin-bottom: 8px; } .article-long .article__list h4 span { position: absolute; top: 0; left: 0; } .article-long .article__list ul { padding-left: 12px; } .article-long .article__list li + li { margin-top: 10px; } .article-long h2 { font-size: 22px; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { padding: 20px 2px 18px; font-size: 12px; font-weight: 500; border-bottom: 1px solid #E9E9E9; } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; color: #9B9B9B; font-weight: initial; list-style: none; letter-spacing: .1em; } .breadcrumbs li ~ li { position: relative; margin-left: 6px; padding-left: 11px; } .breadcrumbs li ~ li:before { content: '/'; position: absolute; top: 1px; left: 0; width: 5px; height: 15px; } .breadcrumbs a { position: relative; text-decoration: none; text-transform: capitalize; } .breadcrumbs .current a { color: #737373; } .breadcrumbs--offset-bottom { margin-bottom: 10px; } .breadcrumbs--wide { margin-bottom: 0; border-bottom: 0; } /*.breadcrumbs--wide ul { padding-left: 21px; }*/ /* Small Desktop */ @media (max-width: 1200px) { .breadcrumbs--wide ul { padding-left: 0; } } /* Mobile */ @media (max-width: 767px) { .breadcrumbs { display: none; } } /* ------------------------------------------------------------ *\ Breadcrumbs Alt \* ------------------------------------------------------------ */ .breadcrumbs-alt { font-size: 12px; font-weight: 500; letter-spacing: .06em; color: #46BAEE; text-transform: uppercase; } .breadcrumbs-alt ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .breadcrumbs-alt li { position: relative; } .breadcrumbs-alt li ~ li { margin-left: 5px; padding-left: 10px; } .breadcrumbs-alt li ~ li:after { content: '/'; position: absolute; left: 0; top: 0; } .breadcrumbs-alt a { text-decoration: none; } .breadcrumbs-alt a span { text-decoration: underline; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1; } .btn--blue-light { padding: 10px 17px 8px; letter-spacing: .06em; background-color: #0087E2; text-transform: uppercase; color: #fff; border-radius: 6px; font-size: 13px; -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.45); box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.45); -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; -o-transition: box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; } .btn--blue-light:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0, .6); box-shadow: 0px 0px 15px 0px rgba(0,0,0, .6); } .btn--white-borders { padding: 13px 59px 10px; font-size: 14px; font-weight: 500; border-radius: 2px; border: 1px solid #fff; color: #004D9D; text-transform: uppercase; letter-spacing: .1em; -webkit-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease; } .btn--white-borders:hover { border-color: #004D9D; background: #004D9D; color: #fff; } .btn--border-blue { padding: 14px 46px 10px; background-color: #fff; border: 1px solid #004D9D; border-radius: 2px; font-size: 14px; font-weight: 500; background-color: #fff; color: #004D9D; text-transform: uppercase; letter-spacing: .08em; -webkit-transition: background-color .4s ease, color .4s ease; -o-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; } .btn--border-blue:hover { background-color: #004D9D; color: #fff; } .btn-scroll-top { position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #46BAEE; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .btn-scroll-top:after { content: ''; position: absolute; top: 58%; left: 50%; width: 16px; height: 16px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border: 3px solid #fff; border-bottom: none; border-right: 0; } .btn-scroll-top:hover { opacity: .8; } .btn-search-open { padding: 16px 17px; display: none; } .btn--blue { padding: 16px 17px 14px; letter-spacing: .2em; background-color: #004D9D; color: #fff; font-size: 12px; font-weight: 500; text-transform: uppercase; border: 0; letter-spacing: .1em; } .btn--border-black { padding: 14px 81px 10px; line-height: 1; font-size: 14px; font-weight: 500; text-transform: uppercase; border: 1px solid #4A4A4A; border-radius: 2px; letter-spacing: .1em; } .btn--grey { padding: 21px 10px 18px; letter-spacing: .1em; color: #46BAEE; text-transform: uppercase; font-size: 14px; border: 1px solid #D5D5D5; border-radius: 4px; } .btn--update { min-width: 250px; padding: 15px 46px 11px; background: #004d9d; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1.25px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .btn--update:hover { opacity: .9; } .btn--border-black:hover, .btn--filter:hover, .btn--update:hover, .btn--blue { background: #004D9D!important; color: #fff!important; border-color: #004D9D; } /* Mobile */ @media (max-width: 767px) { .btn { -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .btn--blue-borders-mobile { padding: 13px 40px 10px; border-color: #004D9D; } .btn-search-open { display: inline-block; } } /* Tablet Portrait */ @media (max-width: 1023px) { .btn--border-blue { padding: 14px 15px 10px; } } /* Button Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* ------------------------------------------------------------ *\ Button dark \* ------------------------------------------------------------ */ .btn-dark { display: inline-block; vertical-align: middle; padding: 10px 24px 6px; border: 1px solid #4A4A4A; border-radius: 2px; font-size: 14px; color: #4A4A4A; font-weight: 500; letter-spacing: 0.09em; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .btn-dark:hover { background: #4A4A4A; color: #fff; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { padding: 3px 3px 10px; background: #00BAEF; } .callout .callout__head { display: -webkit-box; display: -ms-flexbox; display: flex; } .callout .callout__image { -ms-flex-negative: 0; flex-shrink: 0; } .callout .callout__entry { padding: 17px 10px 10px; background: #fff; text-align: center; } .callout .callout__entry h3 { margin-bottom: 23px; font-size: 22px; color: #46BAEE; font-weight: 500; line-height: 1.23; } .callout .callout__body { padding: 37px 10px 10px; text-align: center; } .callout .callout__body h4 { margin-bottom: 27px; font-size: 22px; color: #fff; font-weight: 500; } .callout .callout__btn { display: inline-block; vertical-align: middle; min-width: 396px; padding: 9px 12px 7px; border: 1px solid #FFFFFF; border-radius: 2px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: 0.09em; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .callout .callout__btn:hover { background: #fff; color: #00BAEF; } /* Mod: Blue */ .callout--blue { background: #004CA1; } .callout--blue .callout__entry h3 { color: #004CA1; } /* Large Desktop */ @media (max-width: 1360px) { .callout--blue .callout__entry img { margin-top: -10px; } } /* Small Desktop */ @media (max-width: 1200px) { .callout .callout__image { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .callout .callout__entry { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .callout .callout__entry h3 { margin-bottom: 12px; font-size: 18px; } .callout .callout__entry img { width: 35%; } .callout--blue .callout__entry img { width: 55%; } .callout .callout__body h4 { font-size: 18px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .callout { height: 100%; } .callout .callout__head { -ms-flex-wrap: wrap; flex-wrap: wrap; } .callout .callout__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .callout .callout__image img { width: 100%; } .callout .callout__body h4 { padding: 0 50px; font-size: 20px; } .callout .callout__entry { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .callout .callout__btn { min-width: auto; width: 100%; } .callout--blue .callout__entry img { width: 52%; } } /* Mobile */ @media (max-width: 767px) { .callout .callout__entry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 17px 15px 4px 20px; } .callout .callout__entry img { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; max-width: 60px; margin-right: 6px; } .callout .callout__entry h3 { font-size: 15px; } .callout .callout__body { padding: 16px 17px 10px; } .callout .callout__body h4 { margin-bottom: 16px; font-size: 15px; line-height: 1.2; } .callout--blue .callout__entry { padding: 25px 12px 14px 9px; } .callout--blue .callout__entry img { position: relative; top: 7px; width: 100%; max-width: 79px; margin-right: -9px; } } /* ------------------------------------------------------------ *\ Contacts \* ------------------------------------------------------------ */ .contacts { padding: 67px 0px 0px; } .contacts .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -55px; } .contacts .col { padding: 0 55px; } .contacts .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } /* Small Desktop */ @media (max-width: 1200px) { .contacts .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -25px; } .contacts .col { padding: 0 25px; } } /* Mobile */ @media (max-width: 767px) { .contacts { padding: 24px 0px 0px; } .contacts .cols { display: block; margin: 0; } .contacts .col { max-width: 100%; padding: 0; } } /* ------------------------------------------------------------ *\ Contact \* ------------------------------------------------------------ */ .contact { margin: 0 0 24px; } .contact a { display: block; margin: 0 0 21px; font-size: 14px; color: #000 !important; letter-spacing: .1em; line-height: 1.21; text-decoration: none; } .contact a span { position: relative; display: inline-block; margin-right: 3px; color: #004D9D; font-weight: 500; font-size: 13px; } .contact a i { position: relative; margin-right: 2px; } .contact p { margin: 0 0 11px 34px; letter-spacing: .13em; font-size: 14px; font-weight: 300; line-height: 1.21; } .contact p a { display: inline-block; color: #4A4A4A !important; } /* Mobile */ @media (max-width: 767px) { .contact { margin: 0 0 0px; } .contact p { margin: 0 0 5px 34px; } .contact p ~ p { margin-top: 10px; } } /* Shrink wrap strategy 1 */ .easyzoom { float: left; } .easyzoom img { display: block; } /* Shrink wrap strategy 2 */ .easyzoom { display: inline-block; } .easyzoom img { vertical-align: bottom; } .easyzoom-flyout img { max-width: none !important; height: auto !important; } /* ------------------------------------------------------------ *\ Filter \* ------------------------------------------------------------ */ .filter .btn-filter { display: none; } /* Mobile */ @media (max-width: 767px) { .filter .btn-filter { display: block; } } /* ------------------------------------------------------------ *\ Filter Letters \* ------------------------------------------------------------ */ .filter-letters { max-width: 842px; margin: -45px auto 0; padding: 34px 35px; background-color: #fff; -webkit-box-shadow: 0px 8px 13px 0px rgba(0,0,0, .04); box-shadow: 0px 8px 13px 0px rgba(0,0,0, .04); } .filter-letters span { display: block; margin: 0 0 9px; text-transform: uppercase; font-size: 14px; letter-spacing: .1em; color: #46BAEE; } .filter-letters ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; font-size: 14px; text-transform: uppercase; } .filter-letters li ~ li { margin-left: 24px; } .filter-letters a { text-decoration: none; } .filter-letters .filter-letters__head { display: none; background-color: #004D9D; color: #fff; text-transform: uppercase; font-size: 14px; } @media(min-width: 768px) { .filter-letters { display: block !important; } } /* Tablet Portrait */ @media (max-width: 1023px) { .filter-letters { max-width: 740px; margin: -45px auto 0; padding: 34px 35px; background-color: #fff; -webkit-box-shadow: 0px 8px 13px 0px rgba(0,0,0, .04); box-shadow: 0px 8px 13px 0px rgba(0,0,0, .04); } .filter-letters ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter-letters li ~ li { margin-left: 14px; } } /* Mobile */ @media (max-width: 767px) { .filter-letters { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; overflow: auto; display: none; z-index: 100; max-width: 100%; margin: 0; padding: 0; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .filter-letters ul { display: block; color: #46BAEE; font-weight: 500; font-size: 14px; } .filter-letters li ~ li { margin-left: 0px; margin-top: 28px; } .filter-letters a { display: block; padding: 0 10px; } .filter-letters span { display: none; } .filter-letters .filter-letters__head { display: block; padding: 22px 10px; letter-spacing: .15em; } .filter-letters .filter-letters__head a { display: block; position: relative; font-size: 14px; } .filter-letters .filter-letters__head i { position: absolute; right: 7px; top: 1px; } .filter-letters .filter-letters__body { padding-top: 21px; } .filter-letters .filter-letters__body a { padding: 0 20px; } } /* ------------------------------------------------------------ *\ Filter Result \* ------------------------------------------------------------ */ .filter-result { position: relative; width: 100%; height: 199px; background: rgba(109,180,62, .2); } .filter-result:before { content: ''; position: absolute; top: 22px; left: 22px; width: 100%; height: 100%; border: 1px solid #E9E9E9; z-index: 1; } .filter-result span { position: absolute; bottom: 9px; left: 30px; line-height: 1; font-size: 144px; color: #6DB43E; z-index: 2; } /* Mobile */ @media (max-width: 767px) { .filter-result { position: relative; width: 100%; height: 45px; background: rgba(109,180,62, .2); } .filter-result:before { content: ''; position: absolute; top: 10px; left: 5px; width: 100%; height: 100%; border: 1px solid #E9E9E9; z-index: 1; } .filter-result span { position: absolute; bottom: auto; top: -19px; left: 16px; line-height: 1; font-size: 64px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; background-color: #fff; } input:-ms-input-placeholder { color: inherit; opacity: 1; background-color: #fff; } input::-ms-input-placeholder { color: inherit; opacity: 1; background-color: #fff; } input::placeholder { color: inherit; opacity: 1; background-color: #fff; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field { height: 40px; padding: 0 53px; letter-spacing: .07em; border-radius: 2px; border: 1px solid #979797; font-size: 14px; font-weight: 300; color: #9B9B9B; } .field--textarea { height: 300px; padding: 10px 20px; resize: none; } /* Select */ .select-language { position: relative; width: 43px; height: 18px; background-color: #fff; color: inherit; font-weight: 500; } .select-language:after { content: ''; position: absolute; right: 3px; top: 4px; border: 1px solid #4A4A4A; width: 8px; height: 8px; border-left: 0; border-top: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; pointer-events: none; z-index: 6; } .select-language:before { content: ''; position: absolute; width: 10px; right: 0px; top: 0px; bottom: 0px; background-color: #fff; z-index: 5; pointer-events: none; } .select-language select { position: relative; height: 18px; width: 100%; padding: 0 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; font-size: inherit; border: 0; font-weight: 500; } .select-language select::-ms-expand { display: none; } /* Mobile */ @media (max-width: 767px) { .select-language { position: relative; width: 100%; height: 25px; padding: 13px 0; background-color: #fff; color: inherit; font-weight: 500; } .select-language:after { content: ''; position: absolute; right: 11px; top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } .select-testimonial { border: 0; width: 110px; } .select-testimonial select { border: 0; letter-spacing: .1em; font-size: 14px; } .select-large { position: relative; width: 100%; height: 32px; border: 1px solid #4A4A4A; background-color: #fff; } .select-large:after { content: ''; position: absolute; right: 17px; top: 10px; border: 1px solid #4A4A4A; width: 7px; height: 7px; border-left: 0; border-top: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; pointer-events: none; z-index: 6; } .select-large:before { content: ''; position: absolute; width: 35px; right: 1px; top: 1px; bottom: 1px; background-color: #fff; z-index: 5; pointer-events: none; } .select-large select { width: 100%; height: 30px; padding: 0 35px 0 10px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: unset; } .select-large select::-ms-expand { display: none; border: 0; appearance: none; } .select-map { position: relative; width: 140px; height: 40px; } .select-map:after { content: ''; position: absolute; right: 10px; top: 16px; width: 10px; height: 8px; background-size: cover; background-position: center center; background-image: url(../images/ico-arrow-select.png); cursor: pointer; pointer-events: none; z-index: 6; } .select-map:before { content: ''; position: absolute; width: 35px; right: 1px; top: 1px; bottom: 1px; background-color: #fff; z-index: 5; pointer-events: none; } .select-map select { width: 100%; height: 100%; padding: 0 14px; letter-spacing: .05em; font-size: 14px; font-weight: 300; color: #9B9B9B; } .select-map select::-ms-expand { display: none; } /* Radio */ .radio { position: relative; display: inline-block; vertical-align: middle; margin-right: 34px; } .radio:last-child { margin-right: 0; } .radio input { position: absolute; z-index: -1; opacity: 0; } .radio input:checked + label:before { border-color: #004d9d; background: #004d9d; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); } .radio label { position: relative; display: inline-block; padding: 2px 0 0 42px; font-size: 16px; color: #4A4A4A; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio label:before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 1px solid #979797; border-radius: 50%; } /* Checkbox */ .checkbox input { position: absolute; z-index: -1; opacity: 0; } .checkbox label { position: relative; display: inline-block; padding-left: 42px; font-size: 16px; color: #4a4a4a; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox label:before { content: ''; position: absolute; top: 4px; left: 0; width: 22px; height: 22px; border: 1px solid #979797; border-radius: 2px; } .checkbox input:checked + label:before { background: #004d9d; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); } /* Mobile */ @media (max-width: 767px) { .checkbox label { line-height: 1.5; } .checkbox label:before { top: 2px; } } .select-custom .selectric { border: 1px solid #979797; border-radius: 2px; background: none; } .select-custom .selectric .label { font-family: 'Rubik', sans-serif; font-size: 14px; color: #9b9b9b; font-weight: 300; letter-spacing: 1px; } .select-custom .selectric .button { background: none; } .select-custom .selectric .button:before { content: ''; position: absolute; right: 8px; top: 15px; width: 10px; height: 8px; background-size: cover; background-position: center center; background-image: url(../images/ico-arrow-select.png); cursor: pointer; pointer-events: none; z-index: 6; } .select-custom .selectric .button:after { display: none; } .select-custom .selectric-focus .selectric { border-color: #e9e9e9; } .select-custom .selectric-focus .selectric .button:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .select-custom .selectric-items { border-color: #e9e9e9; background: #fff; -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.09); box-shadow: 0 3px 13px rgba(0, 0, 0, 0.09); } .select-custom .selectric-items li { padding: 5px 10px 10px 20px; font-size: 14px; color: #9b9b9b; line-height: 2.7; font-weight: 300; letter-spacing: 1px; } .select-custom .selectric-items li.highlighted { background: #fff; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Form Select \* ------------------------------------------------------------ */ .form-select { padding: 14px 4px 24px; margin: 0 0 18px; border-bottom: 2px solid #E9E9E9; } .form-select form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-select h2 { line-height: 0.8; font-size: 20px; margin: 0; color: #004D9D; font-weight: 400; letter-spacing: .024em; } .form-select .form__head { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; -ms-flex-item-align: end; align-self: flex-end; } .form-select .form__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 53.9%; flex: 0 0 53.9%; max-width: 53.9%; } .form-select .form__row { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } .form-select .form__row ~ .form__row { margin-left: 16px; } .form-select .form__label { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .15em; } .form-select .form__controls { width: 100%; } .form-select .form-select__actions { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-select .form__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%; padding-right: 10px; } } /* Mobile */ @media (max-width: 767px) { .form-select { padding: 26px 4px 51px; border-top: 1px solid #D5D5D5; border-bottom: 0; } .form-select h2 { margin: 0; font-size: 16px; line-height: 1.65; } .form-select form { display: none; } .form-select .form__head { max-width: 100%; } .form-select .form-select__actions { display: block; padding: 0 5px 20px; } .form-select .form-select__actions .btn { width: 100%; } .form-select .form__body { display: block; max-width: 100%; } .form-select .form__row { max-width: 100%; } .form-select .form__row ~ .form__row { margin-left: 0; margin-top: 10px; } } /* ------------------------------------------------------------ *\ Form Map \* ------------------------------------------------------------ */ .form-map { padding: 21px 0; max-width: 862px; margin: 0 auto; } .form-map .field { width: 291px; } .form-map .btn { padding: 16px 10px 14px; border: 1px solid #004D9D; min-width: 140px; font-weight: 700; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .form-map .btn:hover { background: #fff; color: #004D9D; } .form-map form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-map .form__head { margin-right: 51px; } .form-map .form__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 475px; flex: 0 0 475px; max-width: 475px; } .form-map .form__controls { position: relative; } .form-map .form__controls .form__link-pins { position: absolute; left: 0px; top: 0; bottom: 0; padding-top: 8px; width: 41px; text-align: center; } .form-map .form__row ~ .form__row { margin-left: 40px; } .form-map .form__actions { margin-left: 56px; } /* Small Desktop */ @media (max-width: 1200px) { .form-map { max-width: 90%; } .form-map form { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-map .field { width: 250px; } .form-map .form__head { margin-right: 0; } .form-map .form__body { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 420px; margin: 0 40px; } .form-map .form__actions { margin-left: 0; } .form-map .form__row ~ .form__row { margin-left: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-map { max-width: 100%; } .form-map .btn { padding: 16px 5px 14px; min-width: 120px; font-size: 12px; } .form-map .field { width: 220px; padding: 0 35px; } .form-map .form__body { -webkit-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; max-width: 380px; margin: 0 20px; } } /* Mobile */ @media (max-width: 767px) { .form-map { padding: 8px 0; max-width: 100%; } .form-map form { display: block; width: 100% } .form-map .field { width: 100%; padding: 0 54px; } .form-map .form__head { width: 100%; } .form-map .form__body { display: block; max-width: 100%; margin: 18px 0 19px; } .form-map .form__row ~ .form__row { display: none; } .form-map .btn { min-width: unset; width: 100%; font-size: 12px; } .form-map .form__controls .form__link-pins { border-right: 1px solid #979797 } } /* ------------------------------------------------------------ *\ Form Contact \* ------------------------------------------------------------ */ .form-contact { margin-bottom: 60px; } .form-contact .field { width: 100%; padding: 0 20px; } .form-contact .field--textarea { padding: 10px 20px; } .form-contact .btn { min-width: 400px; padding: 18px 10px 14px; background: #004D9D; font-size: 12px; color: #fff; font-weight: 700; letter-spacing: 0.2em; } .form-contact .btn:hover { background: #033e7b; } .form-contact .cols { margin: 0 -20px; } .form-contact .col { padding: 0 20px; } .form-contact form { max-width: 720px; margin: 0 auto; } .form-contact .shell > h2 { margin: 93px 0 91px; font-size: 36px; color: #004D9D; line-height: 1.48; font-weight: 400; letter-spacing: 0.01em; text-align: center; } .form-contact .form__head { margin-bottom: 42px; text-align: center; } .form-contact .form__head h3 { font-size: 24px; font-weight: 400; } .form-contact .form__body { padding-right: 20px; margin-bottom: 60px; } .form-contact .form__row { margin-bottom: 46px; } .form-contact .form__row--radio { margin: -8px 0 58px; } .form-contact .form__label { display: block; margin-bottom: 6px; font-size: 14px; color: #004D9D; font-weight: 400; letter-spacing: 0.09em; } .form-contact .form__actions { text-align: center; } .form-contact .form__actions p { margin-top: 16px; font-size: 16px; color: #9B9B9B; font-weight: 300; } .form-contact .form__message { margin: 74px 0 136px; text-align: center; } .form-contact .form__message h2 { font-size: 36px; color: #004D9D; line-height: 1.19; font-weight: 400; letter-spacing: 0.01em; } /* Mobile */ @media (max-width: 767px) { .form-contact { overflow: hidden; margin-bottom: 41px; } .form-contact .btn { min-width: auto; width: 100%; } .form-contact .cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-contact .col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .form-contact .col + .col { margin-top: 30px; } .form-contact .form__head { margin-bottom: 26px; } .form-contact .form__head h3 { font-size: 18px; line-height: 1.22; } .form-contact .form__body { padding: 0 8px 0 12px; margin-bottom: 31px; } .form-contact .form__row { margin-bottom: 30px; } .form-contact .form__label { margin-bottom: 9px; line-height: 1.21; } .form-contact .form__actions { padding: 0 10px; } .form-contact .form__actions p { margin-top: 13px; font-size: 14px; } .form-contact .form__message { margin: 11px 0 21px; } .form-contact .form__message h2 { font-size: 26px; line-height: 1.19; } .form-contact .shell > h2 { margin: -1px 0 42px; font-size: 26px; line-height: 1.2; } } /* ------------------------------------------------------------ *\ Form Long \* ------------------------------------------------------------ */ .form-long .field { width: 100%; padding-left: 51px; padding-right: 20px; font-size: 16px; color: #4a4a4a; font-weight: 300; } .form-long .field--textarea { padding: 10px 20px; height: 249px; } .form-long .checkbox { margin-top: -7px; } .form-long .checkbox label { padding-left: 37px; font-size: 14px; font-weight: 300; letter-spacing: 1px; } .form-long .checkbox label:before { top: -1px; } .form-long .field:focus { border-color: #e9e9e9; } .form-long .field:focus + .form__icon { border-color: #e9e9e9; background: #004d9d; } .form-long .field:focus + .form__icon svg path { fill: #fff; } .form-long .btn { width: 100%; padding: 16px 46px 16px; border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: 2.4px; } .form-long .btn:hover { background: #fff; color: #004D9D; } .form-long .select-map { width: 100%; } .form-long .select-map select { padding-left: 6px; padding-right: 30px; } .form-long .form__row { margin-bottom: 48px; } .form-long .form__label { display: block; margin-bottom: 8px; font-size: 14px; color: #004d9d; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase; } .form-long .form__controls { position: relative; } .form-long .form__icon { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 45px; height: 40px; border: 1px solid #979797; border-radius: 2px 2px 0 0; } /* Mobile */ @media (max-width: 767px) { .form-long .btn { font-size: 12px; font-weight: 700; letter-spacing: 1.25px; } .form-long .form__row { margin-bottom: 28px; } } /* ------------------------------------------------------------ *\ Form Popup \* ------------------------------------------------------------ */ .form-popup { padding: 41px 0; } .form-popup form { width: 100%; } .form-popup h6 { margin: 0 0 0px; font-size: 16px; font-weight: 500; color: #004D9D; } .form-popup .list-stars { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 17px; } .form-popup .field { width: 100%; height: 45px; padding: 0 10px; border-radius: 2px; border: 1px solid #979797; } .form-popup .field--textarea { height: 200px; } .form-popup .form__label { display: block; margin: 0 0 7px; color: #004D9D; font-size: 16px; font-weight: 500; line-height: 1.63; } .form-popup .form__head { margin: 0 0 40px; text-align: center; } .form-popup .form__head h4 { margin: 0 0 25px; color: #004D9D; font-weight: 400; letter-spacing: .01em; } .form-popup .form__head p { font-weight: 300; } .form-popup .form__head a { color: #004D9D; text-decoration: none; font-weight: 500; } .form-popup .form__body { padding: 0 0px 0 3px; } .form-popup .form__row ~ .form__row { margin-top: 25px; } .form-popup .form__row--checkbox { margin: 21px 0 0 !important; } .form-popup .checkbox input { position: absolute; z-index: -1; opacity: 0; } .form-popup .checkbox label { position: relative; display: inline-block; padding-left: 33px; color: #004D9D; font-size: 16px; font-weight: 500; line-height: 1.63; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-popup .checkbox label:before { content: ''; position: absolute; top: 0px; left: 0; width: 20px; height: 20px; border: 1px solid #979797; border-radius: 2px; } .form-popup .checkbox input:checked + label:before { background: #004d9d; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); } .form-popup .btn { padding: 15px 81px 16px; font-weight: 500; font-size: 12px; } .form-popup .form__actions { padding-top: 40px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .form-popup { padding: 45px 0; } .form-popup h6 { margin: 0 0 0px; font-size: 14px; font-weight: 500; color: #004D9D; } .form-popup .form__head h4 { margin: 0 0 15px; color: #004D9D; font-weight: 400; letter-spacing: .01em; font-size: 24px; } .form-popup .form__head a { display: block; } .form-popup .form__body { padding: 0 25px; } .form-popup .form__label { display: block; margin: 0 0 7px; color: #004D9D; font-size: 14px; font-weight: 500; line-height: 1.86; } .form-popup .form__row ~ .form__row { margin-top: 15px; } .form-popup .checkbox label { position: relative; display: inline-block; padding-left: 33px; color: #004D9D; font-size: 14px; font-weight: 500; line-height: 1.63; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-popup .btn { padding: 15px 40px 16px; font-weight: 500; font-size: 12px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; padding: 0 20px 72px; } .intro-video { padding: 0; } .intro-height { height: 34.3vw; max-height: 530px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .intro h1 { margin: 0 0 10px; font-size: 47px; font-weight: 400; color: #004D9D; text-transform: uppercase; font-family: 'Helvetica Neue'; line-height: 1.2; } .intro .intro__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; } .intro .intro__image--mobile { display: none; } .intro .intro__content { position: relative; margin: 0 auto; max-width: 700px; z-index: 1; text-align: center; } .intro .intro__actions { padding: 30px 0 0; } .intro .btn { padding: 23px 34px 22px; letter-spacing: 0; background-color: transparent; color: #004D9D; font-size: 25px; border-radius: 6px; } .intro .btn:hover { background: #004D9D; color: #fff; } .intro-height { padding: 100px 20px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 478px; height: 35vw; } .intro--alt { padding: 100px 20px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 478px; height: 35vw; } .intro--alt h1 { font-weight: 400; font-size: 40px; font-family: 'Rubik', sans-serif; text-transform: none; margin-bottom: 0; } .intro--alt h1 span { font-weight: 400; } .intro-height .intro__actions { position: absolute; left: 0; text-align: center; width: 100%; bottom: 50px; } .intro--alt .intro__actions { position: absolute; left: 0; text-align: center; width: 100%; bottom: 50px; } .intro--alt .btn { min-width: 290px; padding: 15px 34px 13px; font-size: 14px; border-radius: 2px; letter-spacing: .1em; } .intro--alt .intro__content { position: static; } .intro-height .intro__content { position: static; } .intro--left-alinght { padding: 152px 20px 183px; text-align: right; } .intro--left-alinght h1 { text-align: right; margin-bottom: 0; line-height: 1; } .intro--left-alinght h1.offset-left { text-align: left; } .intro--left-alinght .intro__content { display: inline-block; max-width: 97%; width: 654px; margin: 0; padding: 0 35px 0 0; } .intro--large { padding: 50px 84px 0; min-height: 301px; } .intro--large h1 { margin: 0 0 10px; font-size: 40px; font-weight: 400; line-height: 1.4; font-family: 'Helvetica Neue'; text-transform: none; text-align: left; letter-spacing: .05em; } .intro--large .intro__content { position: relative; margin: 0 auto; max-width: 100%; z-index: 1; text-align: center; } .intro--large .breadcrumbs-alt { display: none; } .intro--large-alt { min-height: 0; padding: 0; } .intro--large-alt .intro__content { position: absolute; top: 50px; left: calc(50% - 653px); margin: 0 auto; max-width: 100%; z-index: 1; text-align: center; } .intro--large-alt .intro__image { position: static; margin: 0; } .intro--large-alt .intro__image img { width: 100%; } .intro .video { height: 473px; } .intro-video-alt .video { height: auto; max-height: 473px; } .intro-video-alt .video .video__placeholder { position: static; } .intro-video-alt .intro__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; text-align: center; width: 100%; max-width: 100%; pointer-events: none; } .intro-video-alt .is-playing + .intro__content { opacity: 0; } .intro-video-alt .video .play { z-index: 1; pointer-events: none; } .intro-height h1, .intro--alt h1 { max-height: 171px; overflow: hidden; } @media(min-width: 1367px){ .intro--left-alinght { padding: 230px 20px 290px; } } @media(max-width: 1320px){ .intro--large-alt .intro__content { left: 0; } } /* Tablet */ @media (max-width: 1023px) { .intro-height h1, .intro--large h1 { font-size: 30px; } .intro--large-alt .intro__content { top: 30px; } .intro-height .intro__actions { padding-top: 0; } } /* Mobile */ @media (max-width: 767px) { .intro { position: relative; padding: 108px 10px 30px; } .intro h1 { font-size: 20px;} .intro .intro__image { display: none; } .intro .intro__image--mobile { display: block; } .intro .intro__actions { padding: 27px 25px 0; } .intro .btn { width: 100%; padding: 12px 34px 10px; letter-spacing: 0; background-color: transparent; color: #004D9D; font-size: 16px; border-radius: 3px; } .intro--alt { padding: 113px 10px; } .intro--alt h1 { font-size: 26px; } .intro--alt .intro__actions { display: none; } .intro--left-alinght .intro__content { width: 300px; } .intro--large { padding: 0; min-height: 0; } .intro--large h1 { font-size: 26px; font-weight: 300; line-height: 1.19; letter-spacing: .02em; } .intro--large .breadcrumbs-alt { display: block; margin: 0 0 7px; } .intro--large .intro__image { display: block; position: relative; padding-top: 33%; } .intro--large .intro__content { padding: 26px 10px 10px 18px; } .intro--large-alt .intro__image { padding-top: 0; } .intro-video-alt { padding-top: 0; padding-left: 0; padding-right: 0; } .intro-height { min-height: 261px; padding-top: 30px; } } /* ------------------------------------------------------------ *\ Intro Ingredients \* ------------------------------------------------------------ */ .intro-ingredients { position: relative; margin: 0 0; background-size: cover; background-position: center center; } .intro-ingredients h1 { margin: 0 0 10px; letter-spacing: .02em; font-weight: 400; font-size: 48px; color: #004D9D; } .intro-ingredients .intro-ingredients__content { padding: 65px 50px 148px 0; } .intro-ingredients .intro__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -5; background-repeat: no-repeat; background-size: cover; background-position: center center; } .intro-ingredients--large .intro-ingredients__content { padding: 65px 50px 327px; } .intro-ingredients--alt h1 { margin: 0 0 10px; letter-spacing: .02em; font-weight: 400; font-size: 40px; color: #fff; } .intro-ingredients--alt .intro-ingredients__content { padding: 65px 50px 210px 0; } .intro-ingredients--white { padding: 49px 0 125px; } .intro-ingredients--white .intro-ingredients__content { display: inline-block; padding: 9px 50px; background: rgba(255,255,255, .9); } .intro-ingredients--white .ico-search-eco-alt { position: relative; display: inline-block; margin-right: 10px; } .intro-ingredients--new { margin: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro-ingredients--white .intro-ingredients__content { display: inline-block; padding: 9px 30px; background: rgba(255,255,255, .9); } } /* Mobile */ @media (max-width: 767px) { .intro-ingredients h1 { margin: 0 0 10px; letter-spacing: .02em; font-weight: 400; font-size: 38px; line-height: 1.2; } .intro-ingredients .intro-ingredients__content { padding: 45px 10px 90px; } .intro-ingredients--white { padding: 0; text-align: center; } .intro-ingredients--white .shell { padding: 0; } .intro-ingredients--white h1 { font-size: 26px; line-height: 1.19; } .intro-ingredients--white .ico-search-eco-alt { display: none; } .intro-ingredients--white .intro-ingredients__content { display: inline-block; padding: 21px 60px 139px; background: rgba(255,255,255, .9); } .intro-ingredients--new { text-align: left; } .intro-ingredients--new h1 { font-size: 26px; color: #004D9D; } .intro-ingredients--new .intro-ingredients__content { padding: 30px 4px 169px; } } /* ------------------------------------------------------------ *\ Intro Small \* ------------------------------------------------------------ */ .intro-small { margin: 10px 0 86px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .intro-small .intro__entry { padding: 66px 0 50px 50px; } .intro-small .intro__entry h2 { margin-bottom: 21px; font-family: 'Helvetica Neue'; font-size: 48px; color: #004D9D; font-weight: 300; line-height: 1.19; letter-spacing: 0.075em; } .intro-small .intro__entry a { font-family: 'Helvetica Neue'; font-size: 18px; color: #004D9D; font-weight: 400; letter-spacing: 0.07em; text-decoration: none; } /* Mobile */ @media (max-width: 767px) { .intro-small { margin-top: 0; margin-bottom: 25px; background-image: url(../images/temp/search-bg.jpg) !important; background-position: 20% 50%; } .intro-small .intro__entry { padding: 28px 0 88px 8px; } .intro-small .intro__entry h2 { margin-bottom: 7px; font-family: 'Rubik', sans-serif; font-size: 26px; line-height: 1.19; font-weight: 400; letter-spacing: 0; } .intro-small .intro__entry a { margin-left: 3px; font-size: 14px; letter-spacing: 0.068em; } } /* ------------------------------------------------------------ *\ Intro Image \* ------------------------------------------------------------ */ .intro-image { padding: 23px 0 193px; margin: 0 0 72px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; text-align: center; } .intro-image + .section-entry { margin-top: -14px; } .intro-image h2 { font-size: 40px; color: #004d9d; font-weight: 400; letter-spacing: 0.83px; } @media(min-width: 1367px){ .intro-image { padding-bottom: 300px; } } .intro-image-min { max-height: 280px; padding-bottom: 12%; padding-top: 0.1%; background-position: 50% 60%; margin-bottom: 42px; margin-top: 0; } /* Mobile */ @media (max-width: 767px) { .intro-image { padding: 0; margin-top: 0; margin-bottom: 31px; background: none !important; } .intro-image + .section-entry { margin-top: -43px; } .intro-image .shell { padding: 0; } .intro-image img { width: 100%; margin-bottom: 30px; } .intro-image h2 { padding: 0 10px; font-size: 26px; line-height: 1.2; letter-spacing: 0; } } /* ------------------------------------------------------------ *\ Intro Callout \* ------------------------------------------------------------ */ .intro-callout { position: relative; padding: 4vw 0 23vw; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .intro-callout .intro__entry { max-width: 736px; margin: 0 135px 0 auto; text-align: center; } .intro-callout .intro__entry h4 { margin-bottom: -2px; font-family: 'Futura Std'; font-size: 14px; color: #004d9d; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; } .intro-callout .intro__entry h2 { font-size: 36px; color: #df4662; font-weight: 400; letter-spacing: 0.5px; } .intro-callout .intro__images { margin: 45px 0 0 -42px; } .intro-callout .intro__images img + img { display: inline-block; vertical-align: top; margin: -16px 0 0 -74px; } .intro-callout .intro-callout--mobile { display: none; } .intro-callout iframe, .intro-callout .video__inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .intro-callout .video__inner { opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, visibility .4s ease; -o-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; z-index: 2; } .intro-callout .play { position: absolute; left: 50%; top: 50%; margin-left: -39px; margin-top: -39px; width: 77px; height: 77px; border-radius: 50%; z-index: 3; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; cursor: pointer; pointer-events: auto; } .intro-callout.is-playing .intro__inner { opacity: 0; visibility: hidden; } .intro-callout.is-playing .video__inner { opacity: 1; visibility: visible; } .intro-callout.is-playing .play { display: none; } /*@media(min-width: 1367px){ .intro-callout { padding-bottom: 450px; } } */ /* Tablet Portrait */ @media (max-width: 1023px) { .intro-callout .intro__entry { margin: 0 auto; } } /* Mobile */ @media (max-width: 767px) { .intro-callout { padding-top: 22px; padding-bottom: 328px; margin-top: 0; background: none; } .intro-callout .intro-callout--mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-size: cover; background-position: center center; } .intro-callout .intro__entry { padding: 0 21px; z-index: 9; position: relative; } .intro-callout .intro__entry h4 { margin-bottom: 6px; font-size: 12px; line-height: 1.6; } .intro-callout .intro__entry h2 { font-size: 26px; line-height: 1.2; letter-spacing: 0; } .intro-callout .intro__images { margin-top: 23px; margin-left: 0; } .intro-callout .intro__images img { width: 100%; } .intro-callout .intro__images img + img { margin: 0; } } /* ------------------------------------------------------------ *\ Intro Aside \* ------------------------------------------------------------ */ .intro-aside { padding: 65px 0 110px; margin: 0 0 61px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .intro-aside h2, .intro-aside h1 { padding-left: 50px; font-size: 40px; color: #004d9d; line-height: 1.33; font-weight: 400; letter-spacing: 1px; } /* Mod: Small */ .intro-aside--small { padding-bottom: 173px; margin-top: 0; } /* ------------------------------------------------------------ *\ Intro Contact \* ------------------------------------------------------------ */ .intro-contact h1 { font-size: 40px; font-weight: 400; } /* ------------------------------------------------------------ *\ Intro Diagnostic \* ------------------------------------------------------------ */ .intro-diagnostic h1 { padding: 0 10px; font-size: 40px; color: #004D9D; font-weight: 400; } /* Mobile */ @media (max-width: 767px) { .intro-diagnostic h1 { font-size: 26px; } .intro--large-copy { margin-bottom: 20px; } .intro--large-copy .intro__image { padding-top: 70%; } .intro--large-copy .intro__content { padding: 0; position: absolute; top: 50%; left: 0; text-align: center; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .intro--large-copy .intro__content h1 { font-size: 22px; font-weight: 400; text-align: center; } .intro--large-copy .breadcrumbs-alt { display: none; } } /* ------------------------------------------------------------ *\ Keywords \* ------------------------------------------------------------ */ .keywords { font-size: 16px; line-height: 1.19; letter-spacing: -.05em; } .keywords ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; list-style-type: none; } .keywords li ~ li { position: relative; padding-left: 9px; margin-left: 15px; } .keywords li ~ li:before { content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 18px; background-color: #4A4A4A; } /* Mobile */ @media (max-width: 767px) { .keywords li ~ li { position: relative; padding-left: 9px; margin-left: 15px; } } /* ------------------------------------------------------------ *\ Likes \* ------------------------------------------------------------ */ .likes { margin-right: 36px; font-size: 11px; color: #4A4A4A; font-weight: 500; letter-spacing: 0.11em; text-transform: uppercase; } .likes span { position: relative; top: 3px; display: inline-block; margin-left: 5px; } /* ------------------------------------------------------------ *\ Link \* ------------------------------------------------------------ */ .link { font-size: 11px; color: #46BAEE; font-weight: 500; letter-spacing: 0.11em; text-decoration: none; } .link:hover { opacity: .8; } .link span { position: relative; top: 3px; display: inline-block; margin-left: 6px; } /* ------------------------------------------------------------ *\ Link Back \* ------------------------------------------------------------ */ .link-back { display: inline-block; font-size: 12px; color: #4a4a4a; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none; } .link-back i { position: relative; margin-right: 10px; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Stars \* ------------------------------------------------------------ */ .list-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 21px; } .list-stars li ~ li { margin-left: 1px; } /* Mobile */ @media (max-width: 767px) { .list-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 18px; } } /* ------------------------------------------------------------ *\ List Sponsors \* ------------------------------------------------------------ */ .list-sponsors { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 22px 0; list-style: none; } .list-sponsors li ~ li { margin-left: 32px; } /* Mobile */ @media (max-width: 767px) { .list-sponsors { padding: 15px 0 18px; } } /* ------------------------------------------------------------ *\ List Bullets Blue \* ------------------------------------------------------------ */ .list-bullets-blue { margin: 0 0 19px; list-style-type: none; } .list-bullets-blue li { position: relative; padding-left: 30px; } .list-bullets-blue li:before { content: ''; position: absolute; left: 2px; top: 10px; width: 3px; height: 3px; border-radius: 50%; background-color: #46BAEE; } .list-bullets-blue li ~ li { margin-top: 15px; } /* Mobile */ @media (max-width: 767px) { .list-bullets-blue li { position: relative; padding-left: 24px; } .list-bullets-blue li ~ li { margin-top: 15px; } } /* ------------------------------------------------------------ *\ List Logos \* ------------------------------------------------------------ */ .list-logos { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -13px; } .list-logos li { margin-left: 13px; margin-bottom: 13px; width: 25%; } .list-logos li:last-child { margin-right: 0; } .list-logos a { display: inline-block; width: 100%; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; border: 3px solid #f4f3f1; } .list-logos a:hover { opacity: .8; } .list-logos img { width: 100%; } /* Small Desktop */ @media (max-width: 1200px) { .list-logos a { display: inline-block; width: 100%; height: auto; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } } /* Mobile */ @media (max-width: 767px) { .list-logos { display: block; margin-left: 0; } .list-logos li { margin: 0 0 12px; width: 100%; height: auto; } .list-logos a { position: relative; width: 100%; height: auto; display: block; margin: 0 auto; } .list-logos img { width: 100%; height: 100%; } } /* ------------------------------------------------------------ *\ List Btn Categories \* ------------------------------------------------------------ */ .list-btn-categories ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } .list-btn-categories li { margin-right: 10px; margin-bottom: 8px; } .list-btn-categories li:last-child { margin-right: 0; } .list-btn-categories a { display: inline-block; padding: 16px 29px; text-decoration: none; font-weight: 300; font-size: 12px; text-transform: uppercase; border: 1px solid #F5F2F2; -webkit-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; } .list-btn-categories a:hover { border-color: #000; } /* ------------------------------------------------------------ *\ List Check \* ------------------------------------------------------------ */ .list-check { margin: 0 0 39px; } .list-check li { position: relative; padding: 0 0 0 59px; } .list-check li ~ li { margin-top: 30px; } .list-check li:before { content: ''; position: absolute; left: -1px; top: -7px; width: 40px; height: 40px; background-image : url(../images/sprite.png); background-position : 0% 64.58333333333334%; background-size : 676.7441860465116% 671.4285714285714%; } /* ------------------------------------------------------------ *\ List Cross \* ------------------------------------------------------------ */ .list-cross { letter-spacing: .02em; font-weight: 300; } .list-cross span { font-weight: 500; } .list-cross li { position: relative; padding: 0 0 0 59px; } .list-cross li ~ li { margin-top: 29px; } .list-cross li:before { content: ''; position: absolute; left: -1px; top: -7px; width: 40px; height: 40px; background-image : url(../images/sprite.png); background-position : 18.951612903225808% 64.58333333333334%; background-size : 676.7441860465116% 671.4285714285714%; } .list-cross li ul { margin: 0; padding: 17px 0; list-style: none; } .list-cross li ul li { padding: 0 0 0 33px; } .list-cross li ul li ~ li { margin-top: 19px; } .list-cross li ul p { line-height: 1.19; } .list-cross--alt { margin: 0 auto; max-width: 740px; } .list-cross--alt li { position: relative; padding: 0 0 0 41px; } .list-cross--alt li ~ li { margin-top: 27px; } .list-cross--alt li:before { content: ''; position: absolute; left: 4px; top: 4px; width: 18px; height: 17px; background-image : url(../images/sprite.@2x.png); background-position : 44.02390438247012% 78.52494577006507%; background-size : 1494.4444444444446% 1455.8823529411764%; } .list-cross--alt h5 { margin: 0 0 2px; font-size: 20px; line-height: 1.2; font-weight: 500; letter-spacing: .0em; } .list-cross--alt li p { margin-bottom: 0; letter-spacing: .004em; } .list-cross--in li { padding: 0 0 0 38px; } .list-cross--in li:before { content: ''; position: absolute; left: 4px; top: 4px; width: 17px; height: 17px; background-size: cover; background-image: url(../images/cross.png); } .list-cross--in li h6 { letter-spacing: .0em; } .list-cross--in li h6.list-cross__title { margin-bottom: 19px; } .list-cross--in li p { letter-spacing: 0em; font-weight: 300; line-height: 1.19; } .list-cross--border { display: none; } .list-cross--border li { padding: 28px 5px 27px 40px; border-top: 1px solid #707070; } .list-cross--border li:last-child { border-bottom: 1px solid #707070; } /* Mobile */ @media (max-width: 767px) { .list-cross--alt h5 { font-size: 16px; } .list-cross li { padding-left: 30px; } .list-cross li ~ li { margin-top: 15px; } .list-cross--alt li p { font-size: 14px; } .list-cross--in h6 { margin: 0 0 2px !important; } .list-cross--in p { margin: 0 !important; } .list-cross--in li { padding: 0 0 0 39px; margin: 0 0 20px; } .list-cross li:before { content: ''; position: absolute; left: -14px; top: -6px; width: 40px; height: 40px; background-image : url(../images/sprite.png); background-position : 18.951612903225808% 64.58333333333334%; background-size : 676.7441860465116% 671.4285714285714%; } .list-cross--in li:before { content: ''; position: absolute; left: 4px; top: 0px; width: 17px; height: 17px; background-size: cover; background-image: url(../images/cross.png); } .list-cross--border { display: block; } .list-cross--border li { padding: 32px 5px 9px 40px; } .list-cross--border li:last-child { padding: 32px 5px 30px 40px; } .list-cross--border li p { margin: 0; font-size: 14px; font-weight: 500; letter-spacing: .1em !important; line-height: 1.21; } .list-cross--border li:before { content: ''; position: absolute; left: 9px; top: 38px; width: 17px; height: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; background-image: url(../images/cross.png); } } /* ------------------------------------------------------------ *\ List Check Alt \* ------------------------------------------------------------ */ .list-check-alt { color: #fff; font-size: 16px; font-weight: 300; line-height: 1.19; } .list-check-alt h5 { margin: 0 0 5px; font-size: 20px; line-height: 1.2; font-weight: 400; } .list-check-alt h5 strong { font-weight: 500; } .list-check-alt li p { margin: 0 0 5px; } .list-check-alt li { position: relative; padding: 0 0 0 37px; } .list-check-alt li ~ li { margin-top: 31px; } .list-check-alt li:before { content: ''; position: absolute; left: 0px; top: 6px; width: 18px; height: 15px; background-image : url(../images/sprite.@2x.png); background-position : 0% 91.37931034482759%; background-size : 1494.4444444444446% 1596.774193548387%; } /* Mobile */ @media (max-width: 767px) { .list-check-alt li:before { top: 3px; } .list-check-alt li ~ li { margin-top: 24px; } } /* ------------------------------------------------------------ *\ List Radios \* ------------------------------------------------------------ */ .list-radios li + li { margin-top: 8px; } .list-radios label { padding: 1px 0 0 42px; } .list-radios label:before { top: 4px; width: 22px; height: 22px; border: 1px solid #979797; } .list-radios input:checked + label:before { border-color: #004d9d; background: #004d9d; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); } /* Mobile */ @media (max-width: 767px) { .list-radios label { line-height: 1.5; } .list-radios li + li { margin-top: 15px; } } /* ------------------------------------------------------------ *\ List Checkboxes \* ------------------------------------------------------------ */ .list-checkboxes li + li { margin-top: 10px; } /* Mobile */ @media (max-width: 767px) { .list-checkboxes li + li { margin-top: 15px; } } /* ------------------------------------------------------------ *\ List Contacts \* ------------------------------------------------------------ */ .list-contacts { max-width: 250px; font-size: 16px; line-height: 1.38; font-weight: 400; } .list-contacts li { position: relative; padding-left: 36px; color: #004d9d; } .list-contacts li + li { margin-top: 21px; } .list-contacts li i { position: absolute; top: 0; left: 0; } @media(max-width: 767px){ .list-contacts li { border-top: 0!important; } } /* ------------------------------------------------------------ *\ List Numbered \* ------------------------------------------------------------ */ .list-numbered { list-style-type: none; counter-reset: li; } .list-numbered li { position: relative; padding-left: 15px; } .list-numbered li + li { margin-top: 3px; } .list-numbered li:before { color: #46BAEE; position: absolute; left: 0; counter-increment: li; content: counter(li)"."; } /* ------------------------------------------------------------ *\ Location \* ------------------------------------------------------------ */ .location { position: relative; max-width: 500px; padding: 36px 38px 49px 41px; background: #fff; } .location .location__close { position: absolute; top: 14px; right: 21px; } .location .location__head h3 { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 77, 157, .25); margin-bottom: 23px; font-size: 22px; color: #004d9d; font-weight: 700; } .location .location__body h4 { margin-bottom: 20px; font-size: 18px; color: #004d9d; font-weight: 400; } /* Tablet Portrait */ @media (max-width: 1023px) { .location { max-width: 380px; padding: 25px 20px 35px 20px; } } /* Mobile */ @media (max-width: 767px) { .location { padding: 23px 10px 22px 17px; border: 1px solid rgba(233, 233, 233, .98); } .location .location__close { top: 8px; right: 13px; } .location .location__head h3 { display: none; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { position: relative; display: inline-block; width: 249px; height: 69px; margin: 5px 0 0 -5px; background-size: cover; background-position: center center; } /* Mobile */ @media (max-width: 767px) { .logo { width: 93px; height: 26px; margin: 18px 0 0; } } /* ------------------------------------------------------------ *\ Map Holder \* ------------------------------------------------------------ */ .map-holder h2 { margin: 0 0 2px; font-size: 48px; letter-spacing: .02em; line-height: 1.33; font-weight: 400; color: #004D9D; } .map-holder .form-map { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .map-holder .map-holder__body { position: relative; margin: 28px 73px; } .map-holder .map-holder__footer { padding: 19px 74px; font-weight: 400; font-size: 18px; } .map-holder .map-holder__footer span { letter-spacing: .043em; } .map-holder .map-holder__actions { padding: 2px 0 30px; text-align: center; } .map-holder .map-holder__actions .btn { padding: 14px 82px 13px; border: 1px solid #004D9D; color: #fff; font-size: 14px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .map-holder .map-holder__actions .btn:hover { background: #fff; color: #004D9D; } /* Small Desktop */ @media (max-width: 1200px) { .map-holder .map-holder__body { position: relative; margin: 28px 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .map-holder .map-holder__body { margin: 28px 0px; } .map-holder .map-holder__footer { padding: 19px 10px; } } /* Mobile */ @media (max-width: 767px) { .map-holder h2 { margin: 0 0 7px; font-size: 26px; letter-spacing: .0em; line-height: 1.33; font-weight: 400; color: #004D9D; } .map-holder .form-map { position: relative; top: auto; left: auto; right: auto; margin-bottom: 12px; z-index: 1; } .map-holder .map-holder__body { margin: 0px; } .map-holder .map-holder__footer { padding: 15px 0px; } .map-holder .map-holder__actions { padding: 11px 19px 0px } .map-holder .map-holder__actions .btn { width: 100%; padding: 14px 10px 11px; color: #4A4A4A; border: 1px solid #4A4A4A; background-color: transparent; } } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map { width: 100%; padding-top: 51%; } /* Mobile */ @media (max-width: 767px) { .map { width: 100%; padding-top: 143%; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { font-size: 16px; line-height: 1.19; color: #004D9D; text-transform: uppercase; } .nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav li ~ li a:before { content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; } .nav a { position: relative; display: block; padding: 18px 61px 20px; text-decoration: none; z-index: 1; } .nav a:after { content: ''; position: absolute; bottom: 0px; left: 50%; width: 109px; height: 5px; background-color: #004D9D; -webkit-transform: translate(-50%, 5px); -ms-transform: translate(-50%, 5px); transform: translate(-50%, 5px); opacity: 0; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; -o-transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; } .nav a:hover:after { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media(min-width: 768px){ .nav .has-dd:hover .nav-dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /* Small Desktop */ @media (max-width: 1200px) { .nav a { position: relative; display: block; padding: 20px 20px; text-decoration: none; z-index: 1; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .nav { padding: 0 16px; margin: 0; font-size: 16px; background-color: #F5F2F2; } .nav .has-dd:last-of-type .nav-dropdown { border-bottom: 0; } .nav ul { display: block; } .nav li ~ li { border-top: 1px solid #fff; } .nav a { position: relative; display: block; padding: 20px 0 15px; text-decoration: none; z-index: 1; } .nav a:after { display: none; } .nav li ~ li a:before { display: none;} .nav .has-dd { position: relative; } .nav .has-dd a { margin-right: 40px; } .nav .has-dd span { position: absolute; top: 0; right: -40px; height: 100%; display: inline-block; width: 50px; } .nav .has-dd i { content: ''; position: absolute; right: 0; top: 23px; border: 1px solid #4A4A4A; width: 8px; height: 8px; border-left: 0; border-top: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .nav .has-dd.active i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } /* ------------------------------------------------------------ *\ Nav Secondart \* ------------------------------------------------------------ */ .nav-secondary { display: inline-block; margin: 0 0 20px; font-size: 15px; font-weight: 500; line-height: 1.2; } .nav-secondary ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .nav-secondary li ~ li { margin-left: 31px; } .nav-secondary li:last-child { margin-left: 23px; } .nav-secondary a { display: inline-block; text-decoration: none; } .nav-secondary a:hover { text-decoration: underline; } /* Mobile */ @media (max-width: 767px) { .nav-secondary { padding: 0 18px; } .nav-secondary ul { display: block; } .nav-secondary li ~ li { margin-left: 0; border-top: 1px solid #F5F2F2; } .nav-secondary li:last-child { margin-left: 0px; } .nav-secondary a { display: block; padding: 13px 0; } } /* ------------------------------------------------------------ *\ Nav Holder \* ------------------------------------------------------------ */ .nav-holder .logo { display: none; } .nav-holder .nav-secondary { display: none; } /* Mobile */ @media (max-width: 767px) { .nav-holder { position: fixed; top: 0; left: 0; bottom: 0; width: 83%; background-color: #fff; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .nav-holder .nav-secondary { display: block; } .nav-holder .logo { display: inline-block; margin-left: 17px; margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Nav Dropdown \* ------------------------------------------------------------ */ .nav-dropdown { position: absolute; left: 0; right: 0; top: 100%; padding: 24px 31px 21px 32px; background-color: #fff; z-index: 10; border-bottom: 2px solid #F5F2F2; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; -o-transition: opacity .4s ease, visibility .4s ease, transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease, -webkit-transform .4s ease; } .nav-dropdown .shell { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-dropdown ul { display: block; } .nav-dropdown ul li ~ li { margin-top: 11px; } .nav-dropdown .nav-dropdown__content { -webkit-box-flex: 0; -ms-flex: 0 0 74.5%; flex: 0 0 74.5%; max-width: 74.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 59px; } .nav-dropdown .nav-dropdown__links { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 22px; } .nav-dropdown .nav-dropdown__links ~ .nav-dropdown__links { margin-left: 5px; } .nav-dropdown .nav-dropdown__links h6 { margin: 0 0 12px; } .nav-dropdown .nav-dropdown__links h6 a { letter-spacing: .15em; font-weight: 500; text-transform: uppercase; } .nav-dropdown .nav-dropdown__links h6:hover a { text-decoration: underline; } .nav-dropdown .nav-dropdown__links a { margin: 0; padding: 0 0 0 2px; font-size: 14px; font-weight: 300; text-transform: none; letter-spacing: .06em; } .nav-dropdown .nav-dropdown__links a:after { display: none; } .nav-dropdown .nav-dropdown__links ul a { color: #4A4A4A; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } .nav-dropdown .nav-dropdown__links ul a:hover { color: #004D9D; text-decoration: underline; } .nav-dropdown .nav-dropdown__image { -webkit-box-flex: 0; -ms-flex: 0 0 25.5%; flex: 0 0 25.5%; max-width: 25.5%; } .nav-dropdown .nav-dropdown__image img { width: 100%; } /* Small Desktop */ @media (max-width: 1200px) { .nav-dropdown { padding: 15px; } .nav-dropdown .nav-dropdown__content { padding: 20px 30px 20px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-dropdown .nav-dropdown__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-dropdown .nav-dropdown__links { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .nav-dropdown { position: relative; top: auto; display: none; padding: 10px 0 30px 15px; opacity: 1; visibility: visible; background-color: transparent; } .nav-dropdown .shell { display: block; } .nav-dropdown ul li ~ li { border: none; } .nav-dropdown .nav-dropdown__content { max-width: 100%; display: block; padding: 0; } .nav-dropdown .nav-dropdown__image { display: none; } .nav-dropdown .nav-dropdown__links { max-width: 100%; } .nav-dropdown .nav-dropdown__links ~ .nav-dropdown__links { margin-left: 0; } .nav-dropdown .nav-dropdown__links ul { display: none; } .nav-dropdown h6 { position: relative; } .nav-dropdown .nav-dropdown__links.has-dd:before { display: none; } .nav-dropdown .nav-dropdown__links.has-dd > h6:before { content: ''; position: absolute; right: 0; top: 2px; border: 1px solid #4A4A4A; width: 8px; height: 8px; border-left: 0; border-top: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .nav-dropdown .nav-dropdown__links.has-dd > h6.active:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } /* ------------------------------------------------------------ *\ Nav Trigger \* ------------------------------------------------------------ */ .nav-trigger { position: relative; display: none; width: 54px; height: 62px; background-color: #F5F2F2; } .nav-trigger span { position: absolute; display: block; height: 2px; width: 22px; left: 15px; border-radius: 4px; background: #004D9D; -webkit-transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; } .nav-trigger span:nth-child(1) { top: 23px; } .nav-trigger span:nth-child(2) { top: 30px; } .nav-trigger span:nth-child(3) { top: 37px; } .nav-trigger--active span { -webkit-transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; } .nav-trigger--active span:nth-child(3), .nav-trigger--active span:nth-child(1) { top: 30px; } .nav-trigger--active span:nth-child(2) { opacity: 0; } .nav-trigger--active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-trigger--active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Mobile */ @media (max-width: 767px) { .nav-trigger { display: inline-block; } } /* ------------------------------------------------------------ *\ Nav Filter \* ------------------------------------------------------------ */ .nav-filter ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 14px; line-height: 2; color: #004D9D; } .nav-filter li { position: relative; } .nav-filter li ~ li { padding-left: 26px; } .nav-filter h2 { font-size: inherit; } .nav-filter a { position: relative; display: inline-block; padding: 0 6px 1px; text-align: center; text-decoration: none; overflow: hidden; font-weight: 500; } .nav-filter a:after { content: ''; position: absolute; bottom: 0px; left: 0; right: 0; height: 2px; background-color: #004D9D; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .nav-filter li:hover > h2 a:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .nav-filter .nav-filter__head { display: none; } .nav-filter .active > h2 a:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .nav-filter .nav-filter-dropdonw.active { opacity: 1;visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nav-filter .nav-filter-dropdonw ul { text-align: left; } .nav-filter .nav-filter-dropdonw li { padding: 0 15px; } .nav-filter .nav-filter-dropdonw h2 { line-height: 1; } .nav-filter .nav-filter-dropdonw a { font-weight: 400; text-align: left; word-break: break-word; line-height: 1.33; } .nav-filter--alt ul { font-size: 16px; } .nav-filter--alt a { padding: 0 6px 0px; } .nav-filter--alt a:after { bottom: 2px; height: 3px; } .nav-filter--light-blue ul { color: #46BAEE; } .nav-filter--light-blue a:after { background-color: #46BAEE; } @media(min-width: 768px){ .nav-filter { display: block !important; } .nav-filter--hover .has-dd:hover .nav-filter-dropdonw { opacity: 1; visibility: visible; } } /* Mobile */ @media (max-width: 767px) { .nav-filter { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background-color: #fff; overflow: auto; display: none; } .nav-filter ul { display: block; font-size: 14px; line-height: 1.21; color: #46BAEE; letter-spacing: .16em; } /*.nav-filter li.active { background: $blue-light; }*/ /*.nav-filter li.active > h2 { color: $white; }*/ /*.nav-filter li.active > h2 a:before { border-color: $white; }*/ .nav-filter li ~ li { padding-left: 0; margin-top: 2px; } .nav-filter a { position: relative; display: block; text-align: left; padding: 16px 20px; } .nav-filter a:after { background-color: #46BAEE; } .nav-filter ul .ico-dd { position: absolute; right: 10px; top: 45%; width: 59px; height: 19px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav-filter ul .ico-dd:before { content: ''; position: absolute; right: 10px; top: 36%; width: 9px; height: 9px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: 1px solid #46BAEE; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nav-filter .nav-filter__head { display: block; position: relative; padding: 18px 21px 19px; color: #fff; background-color: #004D9D; text-transform: uppercase; letter-spacing: .05em; } .nav-filter .nav-filter__body { padding: 10px 0; } .nav-filter .nav-filter__close { position: absolute; top: 50%; right: 7px; padding: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav-filter a:after, .nav-filter li:hover > h2 a:after { display: none; } .nav-filter .nav-filter-dropdonw li { padding-left: 0; } .nav-filter h2 { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Nav Filter Secondary \* ------------------------------------------------------------ */ .nav-filter-secondary { padding: 13px 0 16px; font-weight: 300; } .nav-filter-secondary ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .nav-filter-secondary li { position: relative; } .nav-filter-secondary li ~ li { margin-left: 16px; padding-left: 12px; } .nav-filter-secondary li ~ li:before { content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background-color: #4A4A4A; } .nav-filter-secondary a { position: relative; text-decoration: none; } .nav-filter-secondary a:after { content: ''; position: absolute; bottom: 2px; left: 0; right: 0; height: 1px; background-color: #4A4A4A; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .nav-filter-secondary a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .nav-filter-secondary .nav-filter-secondary__content { display: none; } .nav-filter-secondary .nav-filter-secondary__links { display: none; } /* Mobile */ @media (max-width: 767px) { .nav-filter-secondary { position: fixed; top: 63px; left: 0; right: 0; bottom: 0; z-index: 105; background-color: #fff; overflow: auto; opacity: 0; visibility: hidden; } .nav-filter-secondary ul { display: block; padding: 19px 20px; font-size: 14px; line-height: 1.21; letter-spacing: .16em; } .nav-filter-secondary .nav-filter-secondary__content { display: block; padding: 10px 21px; } .nav-filter-secondary.active { visibility: visible; opacity: 1; } .nav-filter-secondary .btn-back { position: relative; padding: 0 20px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 500; color: #46BAEE; } .nav-filter-secondary .btn-back:before { content: ''; position: absolute; left: 0; top: 10%; width: 9px; height: 9px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #46BAEE; border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-filter-secondary .btn-back:after { display: none; } .nav-filter-secondary li ~ li { margin-left: 0; margin-top: 34px; padding-left: 0; } .nav-filter-secondary li ~ li:before { display: none; } } /* ------------------------------------------------------------ *\ Nav Filter Dropdonw \* ------------------------------------------------------------ */ .nav-filter-dropdonw { position: absolute; top: 100%; margin-top: -15px; left: calc(50% + 13px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 330px; padding: 9px 0 0; z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, visibility .4s ease; -o-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; } .nav-filter-dropdonw .nav-filter-dropdonw__content { display: none; } .nav-filter-dropdonw ul { display: block; position: relative; margin: 0; font-weight: 300; font-size: 16px; color: #4A4A4A; text-transform: lowercase; text-align: center; padding: 25px 5px 15px; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.15); } .nav-filter-dropdonw ul:before { content: ''; position: absolute; top: -5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 12px 6px 12px; border-color: transparent transparent #fff transparent; } .nav-filter-dropdonw li ~ li { margin-left: 0; margin-top: 8px; padding-left: 0; } .nav-filter-dropdonw a { padding: 0; line-height: 1; } .nav-filter-dropdonw a:after { bottom: 0px; left: 0; right: 0; height: 1px; background-color: #4A4A4A; } @media (max-width: 767px) { .nav-filter-dropdonw { position: fixed; top: 63px; left: 0; right: 0; bottom: 0; width: 100%; z-index: 105; background-color: #fff; overflow: auto; opacity: 0; visibility: hidden; margin-top: 0; } .nav-filter-dropdonw ul { display: block; padding: 19px 20px; font-size: 14px; line-height: 1.21; letter-spacing: .16em; -webkit-box-shadow: none; box-shadow: none; } .nav-filter-dropdonw .nav-filter-dropdonw__content { display: block; padding: 10px 21px; } .nav-filter-dropdonw ul a:before, .nav-filter-dropdonw ul a:after { display: none; } .nav-filter-dropdonw.active { visibility: visible; opacity: 1; } .nav-filter-dropdonw .btn-back { position: relative; padding: 0 20px; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; font-weight: 500; color: #46BAEE; } .nav-filter-dropdonw .btn-back:before { content: ''; position: absolute; top: 3px; left: 2px; top: 10%; width: 9px; height: 9px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #46BAEE; border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-filter-dropdonw .btn-back:after { display: none; } .nav-filter-dropdonw li ~ li { margin-left: 0; margin-top: 34px; padding-left: 0; } .nav-filter-dropdonw li ~ li:before { display: none; } } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 15px 8px 21px; font-size: 12px; line-height: 1.17; letter-spacing: .1em; } .paging .paging__entry { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paging .paging__entry ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; list-style-type: none; } .paging .paging__entry li { border-left: 1px solid #9B9B9B; } .paging .paging__entry li:last-child { border-right: 1px solid #9B9B9B; } .paging .paging__entry a { display: block; padding: 2px 12px; text-decoration: none; } .paging .paging__entry .paging__prev { position: relative; display: inline-block; margin-left: 4px; padding: 5px 6px; } .paging .paging__entry .paging__prev:after { content: ''; position: absolute; top: 26%; left: 50%; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #9B9B9B; border-top: 0; border-right: 0; -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); transform: rotate(-130deg); } .paging .paging__entry .paging__first { position: relative; display: inline-block; margin-right: 10px; padding: 5px 6px; } .paging .paging__entry .paging__first:after { content: ''; position: absolute; top: 26%; left: 50%; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #9B9B9B; border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Mobile */ @media (max-width: 767px) { .paging { padding: 0; } .paging .paging__content { display: none; } .paging .paging__entry { width: 100%; display: block; } .paging .paging__entry ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .paging .paging__entry .paging__prev { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .paging .paging__entry .paging__first { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .paging .paging__entry ul { margin: 0 29px 0 29px; border: 1px solid #9B9B9B; border-top: 0; border-bottom: 0; } .paging .paging__entry li { border-left: 0; } .paging .paging__entry li:last-child { border-right: 0; } } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { overflow: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; width: 100%; height: 100%; display: table; table-layout: fixed; background-color: rgba(155, 155, 155, .7); z-index: 999; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .popup .popup__inner { margin-top: 20px; display: table-cell; text-align: center; vertical-align: middle; width: 100%; padding: 0 20px; } .popup .popup__content { position: relative; display: inline-block; width: 100%; max-width: 874px; padding: 63px 20px 49px; background: #fff; outline: none; text-align: left; } .popup .popup__close { position: absolute; top: 30px; right: 37px; } /* Visible */ .popup.visible { visibility: visible; opacity: 1; } /* Mobile */ @media (max-width: 767px) { .popup .popup__inner { padding: 0 30px; } .popup .popup__close { top: 13px; right: 19px; } .popup .popup__content { padding: 52px 30px 36px; } } /* ------------------------------------------------------------ *\ Mfp Popup Form \* ------------------------------------------------------------ */ .mfp-bg { background-color: #9B9B9B; opacity: .7; } /* ------------------------------------------------------------ *\ Popup Form \* ------------------------------------------------------------ */ .popup-form { position: relative; display: block; margin: 0 auto; max-width: 874px; background-color: #fff; } .popup-form .popup__inner { width: 402px; margin: 0 auto; } .popup-form .mfp-close { display: none; } .popup-form .link-close { position: absolute; top: 32px; right: 30px; } /* Mobile */ @media (max-width: 767px) { .popup-form { max-width: 260px; } .popup-form .popup__inner { width: 100%; margin: 0 auto; } .popup-form .link-close { position: absolute; top: 10px; right: 15px; } } /* ------------------------------------------------------------ *\ Popup Alt \* ------------------------------------------------------------ */ .popup-alt { position: relative; width: 100%; max-width: 874px; margin: 0 auto; padding: 63px 29px 49px; background: #fcfbfb; text-align: center; } .popup-alt .subscribe { margin-bottom: 87px; } .popup-alt .subscribe + p { font-size: 12px; letter-spacing: 0.1em; } .popup-alt .select { position: relative; width: 100%; max-width: 354px; margin: 0 auto 16px; } .popup-alt .select:after { content: ''; position: absolute; top: 20px; right: 17px; width: 9px; height: 8px; background: url(../images/ico-arrow-select.png) no-repeat; background-size: 100% 100%; background-position: 0 0; pointer-events: none; } .popup-alt .select select { width: 100%; height: 46px; padding: 0 30px 0 17px; border: 1px solid #004D9D; border-radius: 2px; font-size: 14px; color: #9B9B9B; font-weight: 300; letter-spacing: 0.07em; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; -o-text-overflow: ''; text-overflow: ''; } .popup-alt .select select::-ms-expand { display: none; } .popup-alt .select.active select { color: #004D9D; } .popup-alt .mfp-close { position: absolute; top: 30px; right: 36px; width: auto; height: auto; line-height: 0; opacity: 1; } .popup-alt .mfp-close i { pointer-events: none; } .popup-alt h2 { margin-bottom: 87px; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } .popup-alt p { font-size: 16px; color: #4a4a4a; line-height: 1.63; font-weight: 300; } .popup-alt p a { color: #004D9D; } .popup-alt .popup__window { position: absolute; top: -9999px; left: -9999px; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .popup-alt .popup__window.active { position: static; visibility: visible; opacity: 1; } .popup-alt .popup__tab { position: absolute; top: -9999px; left: -9999px; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .popup-alt .popup__tab.active { position: static; visibility: visible; opacity: 1; } .popup-alt .popup__tab > p { margin-bottom: 5px; font-size: 12px; letter-spacing: 0.1em; } .popup-alt .popup__head { margin-bottom: 34px; } .popup-alt .popup__head h2 { margin-bottom: 17px; } .popup-alt .popup__body { margin-bottom: 47px; } .popup-alt .popup__select label { display: block; margin-bottom: 15px; font-size: 16px; color: #4A4A4A; font-weight: 300; } .popup-alt .popup__select p { font-size: 12px; letter-spacing: 0.1em; } .popup-alt .popup__date { margin-bottom: 50px; } .popup-alt .popup__date + .popup__date { margin-top: 54px; } .popup-alt .popup__date--alt { margin-bottom: 45px; } .popup-alt .popup__date .field { display: block; width: 100%; max-width: 160px; height: 46px; padding: 0 10px; border: 1px solid #004D9D; border-radius: 2px; margin: 0 auto; text-align: center; } .popup-alt .popup__date label { display: block; margin-bottom: 16px; font-size: 16px; color: #4A4A4A; font-weight: 300; } .popup-alt .popup__date > a { display: inline-block; margin-top: 15px; font-size: 14px; color: #46BAEE; font-weight: 300; } .popup-alt .popup__btn { padding: 18px 35px 16px; border-radius: 2px; margin-bottom: 11px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .popup-alt .popup__btn:hover { background: #013d7b; } /* Mobile */ @media (max-width: 767px) { .popup-alt { padding-top: 52px; padding-bottom: 37px; } .popup-alt .mfp-close { top: 19px; right: 17px; } .popup-alt .subscribe { margin-bottom: 27px; } .popup-alt .subscribe + p { margin-left: -5px; margin-right: -5px; } .popup-alt .select { margin-bottom: 18px; } .popup-alt h2 { margin-bottom: 13px; font-size: 24px; line-height: 1.17; } .popup-alt p { margin-left: -10px; margin-right: -10px; } .popup-alt .popup__head { margin-bottom: 25px; } .popup-alt .popup__head h2 { margin-bottom: 22px; } .popup-alt .popup__body { margin-bottom: 49px; } .popup-alt .popup__select label { margin-left: -10px; margin-right: -10px; margin-bottom: 11px; } .popup-alt .popup__tab > p { margin-bottom: 0; } .popup-alt .popup__date { margin-top: -20px; margin-bottom: 40px; } .popup-alt .popup__date + .popup__date { margin-top: -5px; } .popup-alt .popup__date--alt { margin-bottom: 36px; } .popup-alt .popup__date label { margin-left: -10px; margin-right: -10px; margin-bottom: 11px; } .popup-alt .popup__btn { width: 100%; margin-bottom: 3px; } } /* ------------------------------------------------------------ *\ Products \* ------------------------------------------------------------ */ .products { padding: 35px 0 6px; } .products .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .products .col { padding: 0 14px; } .products .col--1of4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .products .products__arrows { display: none; } .products h4 { text-align: center; } .products--alt { padding: 35px 0 0; } .products--alt + .products--alt { padding-top: 12px; } /* Products Wide */ .products--wide { padding-bottom: 0; margin-bottom: 34px; } .products--wide .product .product__content { padding-left: 0; padding-right: 0; } .products--wide h4 { margin-bottom: 56px; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } .products--wide .products__inner { max-width: 1245px; margin: 0 auto; } .products--sliders h2 { font-size: 32px; font-weight: 400; color: #004D9D; text-align: center; } /* Small Desktop */ @media (max-width: 1360px) { .products .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .products .col { padding: 0 10px; } } /* Tablet */ @media (max-width: 1023px) { .products--sliders h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .products { position: relative; padding: 20px 20px; } .products .cols { display: block; margin: 0; } .products .col { padding: 0; max-width: 100%; } .products .products__arrows { position: absolute; top: 192px; left: 10px; right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-tabs--large .products .products__arrows { margin-top: -22px; } .products--alt .col + .col { margin-top: 66px; } .products--wide { margin-bottom: 7px; } .products--wide h4 { margin-bottom: 38px; font-size: 26px; line-height: 1.19; } .products--wide .product .product__image { padding-bottom: 7px; } .products--sliders h2 { font-size: 26px; } .products--slider .shell { padding: 0; } .products--slider .products__arrows { display: none; } .products--slider .slick-arrow { position: absolute; top: 50%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; display: inline-block; width: 21px; height: 38px; border: 0; margin-top: -92px; background: none; background: url(../images/slider-arrow.png) no-repeat; background-size: 100% 100%; background-position: 0 0; font-size: 0; line-height: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .products--slider .slick-arrow:hover { opacity: .8; } .products--slider .slick-arrow.slick-next { left: auto; right: -10px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } } /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ .product { padding-top: 20px; text-align: center; font-size: 18px; line-height: 1.22; } .product a { position: relative; display: block; text-decoration: none; padding-bottom: 45px; } .product span:not(.btn) { display: block; margin: 0 1px 10px; font-weight: 400; } .product h3 { display: block; margin: 0 1px 10px; font-weight: 400; font-size: 18px; text-align: center; line-height: 1.22; } .product .product__content { padding: 0 20px 10px; } .product .product__image { padding: 0 0 12px; border-bottom: 1px solid rgba(155,155,155, .2); text-align: center; } .product .product__image img { margin: auto; } .product .product__entry { padding: 24px 0px 30px; } .product .product__actions { position: absolute; bottom: 40px; left: 20px; right: 20px; padding-top: 0px; } .product .btn--border-blue { width: 100%; padding: 16px 46px 15px; font-size: 12px; font-weight: 500; letter-spacing: .2em; } .product:hover { -webkit-box-shadow: 0 0 10px 0 rgba(0,4,0,0.12); box-shadow: 0 0 10px 0 rgba(0,4,0,0.12); } .product:hover .btn--border-blue { color: #fff; background-color: #004D9D; } .product:hover .product__image { border-bottom: 1px solid #004D9D; } .slick-slide .col--1of4 { max-width: 100%; padding-top: 10px; padding-bottom: 10px; } @media(min-width: 768px){ .products .slick-arrow { background: url(../images/ico-arrow-blue.png) no-repeat 0 0; background-size: 100% auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; margin-top: -10px; width: 19px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0px; border: 0; z-index: 9; cursor: pointer; } .products .slick-next { left: auto; right: 0; } .products .slick-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; margin-top: -30px; } .products .slick-slider { position: relative; } } /* Small Desktop */ @media (max-width: 1360px) { .product h3 { display: block; } } @media(max-width: 1159px){ .product a { padding-bottom: 57px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .product .btn--border-blue { width: 100%; padding: 16px 10px 15px; font-size: 12px; font-weight: 500; letter-spacing: .2em; } .product a { padding-bottom: 45px; } } @media(max-width: 871px){ .product a { padding-bottom: 57px; } } /* Mobile */ @media (max-width: 767px) { .product a { height: auto!important; padding-bottom: 0; } .product .product__image { text-align: center; } .product .product__image img { display: inline-block; } .product .product__entry { position: relative; top: auto; left: auto; right: auto; padding: 21px 0px 0px; } .product .product__actions { position: static; } .product .btn--border-blue { font-size: 14px; color: #004D9D; letter-spacing: .08em; } } /* ------------------------------------------------------------ *\ Products View \* ------------------------------------------------------------ */ .products-view { overflow: hidden; } /* ------------------------------------------------------------ *\ Product View \* ------------------------------------------------------------ */ .product-view .socials-alt { padding-top: 10px; right: 0; padding-right: 0; } .product-view .product-view__links .socials-alt a i { left: 0; } .product-view .product-view__links .socials-alt ul { right: 0px; } .product-view { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-view .slider-product-view-main { -webkit-box-flex: 0; -ms-flex: 0 0 87%; flex: 0 0 87%; max-width: 87%; } .product-view .slider-product-view-nav { -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; max-width: 55px; } .product-view .product-view__sliders { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; max-width: 41%; padding: 8px 0 0 20px; } .product-view .product-view__content { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 59%; flex: 0 0 59%; max-width: 59%; padding: 0 20px 0 45px; } .product-view .product-view__content h1 { color: #004D9D; line-height: 1.19; margin: 0 0 8px; font-size: 40px; font-weight: 300; letter-spacing: .0em; } .product-view .product-view__content h6 { margin: 0 0 10px; font-size: 14px; font-weight: 500; color: #46BAEE; text-transform: uppercase; letter-spacing: .1em; } .product-view .product-view__content h2 { margin: 0 0 10px; font-size: 14px; font-weight: 500; color: #46BAEE; text-transform: uppercase; letter-spacing: .1em; } .product-view .product-view__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11px; font-weight: 500; line-height: 1; } .product-view .product-view__rating-content { position: relative; padding-left: 28px; margin-left: 32px; letter-spacing: .1em; } .product-view .product-view__rating-content:before { content: ''; position: absolute; left: 0; top: 0; height: 12px; width: 1px; background-color: #4A4A4A; } .product-view .list-stars { margin-bottom: 0; } .product-view .list-stars li ~ li { margin-left: 2px; } .product-view .product-view__info { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0 5px; } .product-view .product-view__info-content { -webkit-box-flex: 0; -ms-flex: 0 0 495px; flex: 0 0 495px; max-width: 495px; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: .004em; } .product-view .product-view__info-content p { max-height: 96px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 0; } .product-view .product-view__info-location { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 6px 0 0 0; text-align: right; } .product-view .product-view__links { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; } .product-view .product-view__links a { display: block; position: relative; text-decoration: none; } .product-view .product-view__links a i { position: relative; left: -7px; } .product-view .product-view__links a ~ a { margin-top: 13px; } .product-view .product-view__sponsors { padding: 7px 0; font-size: 11px; line-height: 1.18; font-weight: 400; letter-spacing: .12em; font-size: 11px; -webkit-box-flex: 0; -ms-flex: 0 0 495px; flex: 0 0 495px; max-width: 495px; } .product-view .product-view__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 0 0; -webkit-transition: bottom 0.4s; -o-transition: bottom 0.4s; transition: bottom 0.4s; } .product-view .product-view__actions .btn { padding: 16px 70px; font-size: 12px; font-weight: 500; letter-spacing: .2em; } .product-view .product-view__link { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .11em; } .product-view .product-view__actions a ~ a { margin-left: 30px; } .product-view .product-view__sliders__links { display: none; } .product-view .product-view__logos { display: none; width: 100%; padding: 3px 0 45px; text-align: right; } .product-view .product-view__close { display: inline-block; position: relative; padding: 9px; right: -2px; } .product-view .product-view__close:before { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 16px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #B1B1B1; border-radius: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .product-view .product-view__close:after { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 16px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #B1B1B1; border-radius: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .product-view .list-logos { padding: 10px 0 36px; } .product-view__wrapper { min-height: 397px; } /* Small Desktop */ @media (max-width: 1360px) { .product-view .product-view__sliders { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; padding: 8px 0 0 60px; } .product-view .product-view__info-content { -ms-flex-preferred-size: 73%; flex-basis: 73%; } .product-view .product-view__sponsors { -ms-flex-preferred-size: 74%; flex-basis: 74%; max-width: 74%; } .product-view .product-view__content { -ms-flex-preferred-size: 53%; flex-basis: 53%; } } /* Small Desktop */ @media (max-width: 1200px) { .product-view .product-view__sliders { padding: 8px 0 0 10px; } .product-view .product-view__info-location { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 6px 10px 0 0; text-align: right; } .product-view .product-view__actions .btn { padding: 16px 30px; } .product-view .product-view__logos { width: 100%; } .product-view .product-view__info-content { -ms-flex-preferred-size: 68%; flex-basis: 68%; } .product-view .product-view__sponsors { -ms-flex-preferred-size: 68%; flex-basis: 68%; max-width: 68%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .product-view .socials-alt { left: -7px; right: 0; min-width: auto; max-width: 200px; text-align: left; } .product-view .product-view__links .socials-alt ul { right: 0; } .product-view .socials-alt .socials__link > a > i { margin-right: 3px; } .product-view .product-view__content { -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; padding: 0 0 0 20px; } .product-view .product-view__content h1 { margin: 0 0 8px; font-size: 28px; font-weight: 300; letter-spacing: .0em; } .product-view .product-view__info { display: block; padding: 30px 0 5px; } .product-view .product-view__info-location { padding: 20px 5px; text-align: left; } .product-view .product-view__actions { position: static; display: block; padding-top: 13px; } .product-view .product-view__actions a { display: block; text-align: center; } .product-view .product-view__actions a ~ a { margin-left: 0; margin-top: 10px; } .product-view .product-view__sponsors { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .product-view .product-view__logos { padding-bottom: 0; } .product-view .list-logos { padding-bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .product-view .socials-alt { max-width: none; padding-left: 0; } .product-view .socials-alt .socials__link { min-width: 130px; margin-left: -10px; } .product-view .socials-alt .socials__link i { display: inline-block; } .product-view { display: block; } .product-view .slider-product-view-main { max-width: 100%; } .product-view .slider-product-view-nav { max-width: 100%; } .product-view .product-view__sliders { display: block; max-width: 100%; padding: 8px 0 6px; border-bottom: 1px solid #E9E9E9; } .product-view .product-view__sliders__links { display: block; padding: 11px 18px; font-size: 14px; color: #004D9D; font-weight: 300; letter-spacing: .14em; } .product-view .product-view__content { max-width: 100%; padding: 21px 17px; text-align: left; } .product-view .product-view__content h1 { margin: 0 0 12px; font-size: 26px; text-align: left; } .product-view .product-view__content h6 { margin: 0 0 10px; font-size: 12px; } .product-view .product-view__content h2 { margin: 0 0 10px; font-size: 12px; } .product-view .product-view__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11px; font-weight: 500; line-height: 1; } .product-view .product-view__rating-content { position: relative; padding-left: 8px; margin-left: 6px; letter-spacing: .18em; text-transform: lowercase; } .product-view .product-view__rating-content:before { content: ''; position: absolute; left: 0; top: 0; height: 12px; width: 1px; background-color: #4A4A4A; } .product-view .list-stars i { width: 9px; height: 9px; } .product-view .list-stars li ~ li { margin-left: 2px; } .product-view .product-view__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0 5px; } .product-view .product-view__info-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .product-view .product-view__links { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 0 24px 6px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .product-view .product-view__links a ~ a { margin-top: 21px; } .product-view .product-view__links a i { position: relative; left: -10px; } .product-view .product-view__actions .btn { padding: 12px 10px; font-size: 14px; font-weight: 500; letter-spacing: .1em; } .product-view .product-view__actions a ~ a { margin-left: 0; margin-top: 26px; } .product-view .list-logos { text-align: center; } .product-view .list-logos img { width: auto; height: auto; max-width: 80%; } .product-view .product-view__content h1 { font-weight: 400; } } /* ------------------------------------------------------------ *\ Products Small \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Product Small \* ------------------------------------------------------------ */ .product-small { font-size: 18px; line-height: 1.22; color: #4A4A4A; font-weight: 400; } .product-small a { text-decoration: none; } .product-small ~ .product-small { margin-top: 30px; } .product-small p { margin: 0 0 5px; } .product-small .btn { width: 100%; padding: 17px 10px 15px; font-size: 12px; font-weight: 500; } .product-small .product-small__image { padding: 0 0 4px 0; border-bottom: 1px solid rgba(155,155,155, .2); text-align: center; } .product-small .product-small__image img { max-width: 100%; display: inline-block; } .product-small .product-small__content { padding: 24px 0 10px; } .product-small .product-small__content h3 { font-size: inherit; font-weight: 400; } .product-small:hover { -webkit-box-shadow: 4px 0px 10px 0px rgba(0,4,0,0.12); box-shadow: 4px 0px 10px 0px rgba(0,4,0,0.12); } .product-small:hover .product-small__image { border-bottom: 1px solid #004D9D; } .product-small:hover .btn--border-blue { color: #fff; background-color: #004D9D; } /* Tablet Portrait */ @media (max-width: 1023px) { .product-small { font-size: 14px; } } /* ------------------------------------------------------------ *\ Profile \* ------------------------------------------------------------ */ .profile { width: 100%; max-width: 214px; text-align: center; } .profile .profile__image { margin-bottom: 21px; } .profile .profile__content h4 { margin-bottom: -2px; font-size: 17px; color: #46BAEE; font-weight: 700; letter-spacing: 0.06em; } .profile .profile__content p { font-size: 16px; color: #46BAEE; line-height: 1.5; font-weight: 400; letter-spacing: 0.052em; } /* Mobile */ @media (max-width: 767px) { .profile .profile__image { margin-bottom: 11px; } .profile .profile__content h4 { font-size: 17px; } } /* ------------------------------------------------------------ *\ Profile Name \* ------------------------------------------------------------ */ .profile-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profile-name .profile__image { max-width: 75px; } .profile-name .profile__entry { padding-left: 12px; } .profile-name .profile__entry h4 { margin-bottom: -2px; font-size: 17px; color: #4A4A4A; font-weight: 700; letter-spacing: 0.06em; } .profile-name .profile__entry p { font-size: 16px; color: #4A4A4A; letter-spacing: 0.055em; } /* Mobile */ @media (max-width: 767px) { .profile-name .profile__image { width: 100%; } .profile-name .profile__entry { padding-left: 11px; } .profile-name .profile__entry h4 { margin-bottom: 3px; font-size: 16px; } .profile-name .profile__entry p { font-size: 14px; } } /* ------------------------------------------------------------ *\ Question \* ------------------------------------------------------------ */ .question { padding: 25px 20px 37px 2px; border-top: 2px solid #f5f2f2; } .question h4 { margin-bottom: 7px; font-size: 12px; color: #46baee; font-weight: 500; letter-spacing: 1.25px; text-transform: uppercase; } .question h2 { margin-bottom: 27px; font-size: 32px; color: #004d9d; line-height: 1.26; font-weight: 400; letter-spacing: 1px; } .question h2 + h6 { margin: -22px 0 19px; } .question h6 { font-size: 14px; color: #4a4a4a; font-weight: 300; font-style: italic; } .question h5 { padding-right: 20px; margin: 42px 0 20px; font-size: 16px; color: #4a4a4a; line-height: 1.38; font-weight: 300; } .question.disabled { pointer-events: none; } .question.disabled .list-radios label { color: #b1b1b1; } .question.disabled .list-radios label:before { border: 1px solid #b1b1b1; opacity: .75; } .question.disabled .list-checkboxes label { color: #b1b1b1; } .question.disabled .list-checkboxes label:before { border: 1px solid #b1b1b1; opacity: .75; } .question.disabled h4 { color: #b1b1b1; } .question.disabled h2 { color: #b1b1b1; } .question.disabled h6 { color: #b1b1b1; } /* Mobile */ @media (max-width: 767px) { .question { padding: 18px 0 29px 0px; } .question h4 { margin-bottom: 13px; } .question h2 { margin-right: -5px; margin-bottom: 21px; font-size: 22px; line-height: 1.23; letter-spacing: 0; } .question h2 + h6 { margin: -11px 0 23px 0; line-height: 1.29; } .question h5 { padding-right: 0; margin: 27px 0 27px; font-size: 16px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ Rate \* ------------------------------------------------------------ */ .rating-stars { max-width: 85px; margin: 0 -4px; } .rating-stars input { display: none; } .rating-stars input:checked ~ label i:nth-child(1) { opacity: 0; } .rating-stars input:checked ~ label i:nth-child(2) { opacity: 1; } .rating-stars label { float: right; position: relative; display: inline-block; width: 17px; height: 17px; padding: 0 4px; margin-bottom: 0; } .rating-stars label i { position: absolute; top: 0; left: 4px; width: 15px; height: 14px; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; } .rating-stars label i:nth-child(2) { opacity: 0; } .rating-stars, .rating-stars label:hover i { opacity: 0; } .rating-stars, .rating-stars label:hover i:nth-child(2) { opacity: 1; } .rating-stars:after { content: ''; display: table; line-height: 0; clear: both;} /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; text-align: right; font-size: 14px; font-weight: 300; color: #9B9B9B; } .search form { display: inline-block; width: 220px; } .search .search__field { width: 100%; height: 30px; padding: 0 30px 0 11px; letter-spacing: .06em; border: 1px solid #E9E9E9; border-radius: 2px; font-size: inherit; font-weight: 300 } .search .search__btn { position: absolute; top: 1px; right: -1px; bottom: 0; width: 30px; background-color: transparent; border: 0; } .search .close { position: absolute; top: 15px; right: 0px; padding: 10px; display: none; } .search .close:before, .search .close:after { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 15px; background-color: #000; } .search .close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search .close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Mobile */ @media (max-width: 767px) { .search form { width: 100%; position: relative; } .search .search__field { height: 40px; } .search .close { display: inline-block; } } /* ------------------------------------------------------------ *\ Search Alt \* ------------------------------------------------------------ */ .search-alt { width: 100%; margin: 0 0 20px; } .search-alt .search-alt__label { display: block; margin: 0 0 16px; font-size: 12px; font-weight: 700; color: #46BAEE; letter-spacing: .1em; } .search-alt form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-alt .search__field { -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; max-width: 230px; height: 46px; padding: 0 14px; border: 1px solid #004D9D; border-radius: 2px; font-size: 14px; font-weight: 300; color: #9B9B9B; letter-spacing: .05em; } .search-alt .search__btn { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; letter-spacing: .2em; background-color: #004D9D; color: #fff; font-size: 10px; font-weight: 500; text-transform: uppercase; border: 0; } /* Mobile */ @media (max-width: 767px) { .search-alt { width: 100%; margin: 0 0 20px; padding: 17px 20px 24px; background-color: #F5F2F2; } .search-alt .search-alt__label { margin: 0 0 11px; } .search-alt .search__field { -webkit-box-flex: 0; -ms-flex: 0 0 171px; flex: 0 0 171px; max-width: 171px; height: 46px; padding: 0 21px; } .search-alt .search__btn { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; max-width: 110px; } .search-alt .search__btn span { display: none; } } /* ------------------------------------------------------------ *\ Search Large \* ------------------------------------------------------------ */ .search-large { padding: 37px 0 20px; margin: 12px 0 86px; background-repeat: no-repeat; background-size: cover; background-position: 88% 50%; } .search-large .search__head { margin-bottom: 24px; text-align: center; } .search-large .search__head h2 { margin-bottom: 23px; font-family: 'Helvetica Neue'; font-size: 36px; color: #004D9D; font-weight: 300; letter-spacing: 0.07em; } .search-large .search__head p { font-size: 16px; color: #004D9D; line-height: 1.38; font-weight: 500; letter-spacing: 0.08em; } .search-large .search__body { max-width: 1000px; border: 1px solid #F0F0F0; padding: 38px 20px; margin: 0 auto -57px; background: #fff; } .search-large .search__controls { position: relative; max-width: 603px; margin: 0 auto; } .search-large .search__field { display: block; width: 100%; height: 53px; padding: 0 66px 0 25px; border: 1px solid #9E9E9E; border-radius: 3px; font-size: 15px; color: #000; font-weight: 400; letter-spacing: 0.015em; } .search-large .search__field::-webkit-input-placeholder { color: #9B9B9B; font-weight: 500; } .search-large .search__field:-ms-input-placeholder { color: #9B9B9B; font-weight: 500; } .search-large .search__field::-ms-input-placeholder { color: #9B9B9B; font-weight: 500; } .search-large .search__field::placeholder { color: #9B9B9B; font-weight: 500; } .search-large .search__btn { position: absolute; top: 6px; right: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 41px; height: 41px; border: 0; border-radius: 50%; background: #004D9D; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .search-large .search__btn:hover { opacity: .8; } .search-large .search__dropdown { position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; padding: 13px 20px 14px 24px; border: 1px solid #9E9E9E; border-radius: 2px; background: #fff; font-size: 15px; color: #000; letter-spacing: 0.016em; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .search-large .search__dropdown ul { list-style: none; } .search-large .search__dropdown li + li { margin-top: 3px; } .search-large .search__dropdown a { text-decoration: none; } .search-large.active .search__dropdown { visibility: visible; opacity: 1; } /* Mod: Alt */ .search-large--alt { padding: 78px 0 53px; margin-bottom: 70px; } /* Mobile */ @media (max-width: 767px) { .search-large { padding-top: 30px; margin-top: 0; margin-bottom: 67px; background-position: 20% 50%; } .search-large .search__head { margin-bottom: 25px; } .search-large .search__head h2 { margin-bottom: 20px; font-family: 'Rubik', sans-serif; padding: 0 40px; font-size: 26px; line-height: 1.19; font-weight: 400; letter-spacing: 0; } .search-large .search__head p { font-size: 14px; line-height: 1.57; font-weight: 500; } .search-large .search__body { padding: 10px 10px; border: 0; margin: 0 6px -72px; } .search-large .search__field { padding-left: 13px; font-size: 15px; letter-spacing: 0.02em; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .search-large .search__btn { right: 9px; } .search-large .search__dropdown { padding-top: 15px; padding-bottom: 23px; line-height: 1.2; } .search-large .search__dropdown li + li { margin-top: 15px; } .search-large--alt { padding-bottom: 21px; margin-bottom: 21px; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 35px 0; font-size: 16px; line-height: 1.63; font-weight: 300; } .section h4 { margin: 0 0 40px; color: #004D9D; line-height: 1.19; font-weight: 400; letter-spacing: .01em; } .section p { margin: 0 0 11px; } .section .section__inner { padding: 0 21px; position: relative; } .section .section__entry { background-size: cover; background-position: center center; height: 456px; max-height: 456px; } .section .section__entry-bg { position: absolute; top: 0; left: 21px; right: 21px; height: 100%; background-size: cover; background-position: center center; height: 456px; max-height: 456px; z-index: -1; } .section .section__content--small { max-width: 590px; margin: 0 auto; padding: 32px 20px 60px; } .section .section__content--small ul { text-align: left; max-width: 456px; margin-left: auto; margin-right: auto; } .section .section__actions { padding-top: 75px; } .section .section__image-box { position: absolute; right: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section--center { text-align: center; } .section--small { padding: 18px 0; } .section--last { padding-bottom: 76px; } .section--tools { padding: 35px 0 85px; } .section--tools h2 { font-size: 32px; color: #004D9D; line-height: 1.19; font-weight: 400; letter-spacing: .01em; margin: 0 0 33px; } .section--padding-small { padding: 0px 0; } /* Small Desktop */ @media (max-width: 1200px) { .section .section__image-box { width: 180px; right: 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section--tools h2 { font-size: 28px; } .section .section__image-box { position: static; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 auto; } .section .section__entry { max-height: inherit; height: auto; } } /* Mobile */ @media (max-width: 767px) { .section { padding: 8px 0; font-size: 16px; line-height: 1.63; font-weight: 300; } .section .shell { padding: 0; } .section h4 { margin: 0 0px 17px; color: #004D9D; line-height: 1.19; font-weight: 400; letter-spacing: .01em; text-align: center; } .section .section__inner { padding: 0 0px; } .section .section__entry { margin: 0 15px; } .section .section__content--small { max-width: 100%; margin: 0; padding: 24px 21px 31px; text-align: left; } .section .section__actions { padding-top: 20px; position: relative; z-index: 3; } .section .section__actions .btn { width: 100%; } .section--tools { padding: 8px 0 52px; } .section--tools h2 { font-size: 26px; } } /* ------------------------------------------------------------ *\ Section Slider \* ------------------------------------------------------------ */ .section-slider { padding: 44px 0; } .section-slider .section-slider__inner { padding: 0 10px; } .section-slider--alt { padding: 9px 0 44px; } .section-slider--small-offset { padding: 0 0 44px; } .section-slider--last { padding-bottom: 76px; } .section-slider--banner { padding: 0; margin-bottom: 72px; } .section-slider--banner .section-slider__inner { padding: 0; } .section-slider--banner .slider-box .slider-box__slide { padding: 0; } /* Mobile */ @media (max-width: 767px) { .section-slider { padding: 30px 0; } .section-slider .section-slider__inner { padding: 0; } .section-slider--banner { padding-top: 0; margin-top: 11px; margin-bottom: 42px; } .section-slider--banner .shell { padding: 0; } .section-slider--banner .slider-box .slider-box__slide-entry { border: 0; -webkit-box-shadow: none; box-shadow: none; } .section-slider--banner .slider-box .slider-box__slide-inner { padding: 0; } .section-slider--banner .slider-box { padding: 0; } .section-slider--banner .slider-box h4 { padding: 0 50px; margin-bottom: 19px; font-size: 26px; line-height: 1.2; letter-spacing: 0; } .section-slider--banner .slider-box img { width: 100%; margin-bottom: 20px; } .section-slider--banner .slider-box p { margin: 0 17px; } .section-slider--banner .slider-box .slider-box__actions { padding-left: 17px; padding-right: 17px; } .section-slider--banner .slider-box .slider-box__actions .btn { font-size: 14px; font-weight: 500; letter-spacing: 1.25px; } } /* ------------------------------------------------------------ *\ Section Articles \* ------------------------------------------------------------ */ .section-articles { padding: 0 0 13px; } .section-articles .section-articles__head { letter-spacing: -.01em; } .section-articles .section-articles__head p { font-weight: 300; } .section-articles .section-articles__head-entry { padding: 42px 278px 53px 0; } .section-articles .section-articles__title { margin: 0 0 8px; font-weight: 400; color: #004D9D; letter-spacing: .024em; font-size: 40px; } .section-articles--no-offset { padding: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-articles .section-articles__head-entry { padding-left: 0; } .section-articles .section-articles__title { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .section-articles .section-articles__head { font-size: 16px; } .section-articles .section-articles__head p { font-size: 16px; line-height: 1.5; } .section-articles .section-articles__head-entry { padding: 8px 0; } .section-articles .section-articles__title { margin: 0 0 2px; letter-spacing: .008em; font-size: 26px; } } /* ------------------------------------------------------------ *\ Section Groups \* ------------------------------------------------------------ */ .section-groups { padding: 36px 0 0px; } /* Mobile */ @media (max-width: 767px) { .section-groups { padding: 19px 0 30px; } } /* ------------------------------------------------------------ *\ Section Tabs \* ------------------------------------------------------------ */ .section-tabs { position: relative; padding: 70px 0 86px; color: #004D9D; font-size: 16px; line-height: 1.31; } .section-tabs h2 { font-size: 32px; margin: 0 0 13px; font-weight: 400; } .section-tabs h2 span { font-weight: 500; } .section-tabs .section-tabs__head { position: relative; max-width: 55%; margin: 0 auto; z-index: 1; } .section-tabs .section-tabs__image { position: absolute; opacity: .5; } .section-tabs .section-tabs__image:nth-child(1) { top: 0; right: 0; } .section-tabs .section-tabs__image:nth-child(2) { bottom: 0; right: 0; } .section-tabs .section-tabs__image:nth-child(3) { top: 100px; bottom: 0; left: 0; } .section-tabs--alt { padding: 70px 0 53px; } .section__content--small ul, .tabs__body ul { list-style-type: none; } .section__content--small li:before, .tabs__body li:before { position: relative; content: ''; width: 5px; height: 5px; background-color: #4A4A4A; border-radius: 50%; display: inline-block; top: -4px; margin-right: 5px; } .section-tabs .tabs__head, .section-tabs--alt .tabs__head, .section-tabs--alt .section-tabs__head { text-align: center; } .section-tabs--large { padding: 10px 0 10px; } .section-tabs--large + .section-slider { margin: 13px 0 -17px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tabs .section-tabs__head { max-width: 90%; margin: 0 auto; } } /* Mobile */ @media (max-width: 767px) { .section-tabs { position: relative; padding: 21px 0 19px; } .section-tabs h2 { margin: 0 0 18px; font-size: 26px; color: #004D9D; } .section-tabs .section-tabs__image { display: none; } .section-tabs--large { padding: 0; } } /* ------------------------------------------------------------ *\ Section Media \* ------------------------------------------------------------ */ .section-media { padding: 24px 0 0px; } /* Mobile */ @media (max-width: 767px) { .section-media { padding: 37px 0 0px; } } /* ------------------------------------------------------------ *\ Section Info \* ------------------------------------------------------------ */ .section-info { position: relative; margin: 30px 0 33px; padding: 73px 0 155px; font-size: 14px; line-height: 1.5; color: #9B9B9B; background-size: cover; background-position: center center; } .section-info h2 { font-size: 32px; margin: 0 0 19px; font-weight: 400; color: #004D9D; line-height: 1.13; letter-spacing: -.01em; } .section-info .section-info__content { max-width: 536px; margin: 68px auto 0; padding: 0 83px 0 0; } .section-info .section__group { display: inline-block; position: absolute; right: 4.8%; bottom: 39.5%; max-width: 170px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); font-size: 12px; line-height: 1.25; } .section-info .section__group:before { content: ''; position: absolute; top: 35px; left: -66px; width: 67px; height: 1px; background-color: #004D9D; -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); transform: rotate(54deg); } .section-info .section__group:after { content: ''; position: absolute; bottom: -18px; left: -13px; width: 150px; height: 1px; background-color: #004D9D; } .section-info .section__image { display: none; } @media(min-width: 1367px){ .section-info { background-repeat: no-repeat; background-size: auto 100%; } } /* large Desktop */ @media (max-width: 1360px) { .section-info .section__group { right: 0; bottom: 39.5%; } } /* Small Desktop */ @media (max-width: 1200px) { .section-info .section__group { right: 0; bottom: 17.5%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-info { padding: 40px 0; background-size: 0; text-align: center; } .section-info .section__group { display: none; } .section-info .section-info__content { max-width: 90%; margin: 0; padding: 0; } .section-info .section__image { display: block; background-color: #FCFCFC; text-align: center; } } /* Mobile */ @media (max-width: 767px) { .section-info { padding: 20px 10px 27px; text-align: center; background-size: 0; text-align: center; } .section-info h2 { margin: 0 0 16px; font-size: 26px; line-height: 1.15; } .section-info .section-info__content { max-width: 100%; margin: 0; padding: 0; } .section-info .section__image { display: block; margin-top: 29px; background-color: #FCFCFC; text-align: center; } } /* ------------------------------------------------------------ *\ Section Testimonials \* ------------------------------------------------------------ */ .section-testimonials { padding: 48px 0 98px; } .section-testimonials .section-testimonials__inner { max-width: 955px; margin: 0 auto; } /* Mobile */ @media (max-width: 767px) { .section-testimonials { padding: 16px 0 98px; } } /* ------------------------------------------------------------ *\ Section Products \* ------------------------------------------------------------ */ .section-products .section-products__footer { padding: 10px 0 34px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-products .form-select { padding-bottom: 0; margin-bottom: 0; } .section-products .section-products__footer { padding: 20px 5px; text-align: center; } .section-products .section-products__footer .btn { padding: 16px 20px 12px; width: 100%; } } /* ------------------------------------------------------------ *\ Section Small Articles \* ------------------------------------------------------------ */ .section-small-articles .section-small-articles__head { padding: 49px 0 55px; border-bottom: 2px solid #D8D8D8; } .section-small-articles .section-small-articles__head h1 { margin: 0 0 14px; font-weight: 400; color: #004D9D; line-height: 1.31; letter-spacing: .028em; font-size: 40px; } .section-small-articles .section-small-articles__head p { margin: 0 0 10px; font-weight: 300; line-height: 1.63; } .section-small-articles .section-small-articles__head-entry { padding: 0 21px 0 0; max-width: 50%; } .section-small-articles .section-small-articles__body { padding: 32px 0; } .section-small-articles .section-small-articles__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-small-articles .section-small-articles__content { -webkit-box-flex: 0; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; } .section-small-articles .section-small-articles__aside { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; padding: 5px 11px; } .section-small-articles--alt .section-small-articles__head { padding: 49px 0 43px; border-bottom: 2px solid #F5F2F2; } .section-small-articles--alt .section-small-articles__head-entry { max-width: 86%; } .section-small-articles--widget .section-small-articles__head { padding: 49px 0 0px; border-bottom: 0; } .section-small-articles--widget .section-small-articles__head-entry { max-width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-small-articles--alt .section-small-articles__head h1 { font-size: 28px; } .section-small-articles .section-small-articles__head-entry { padding: 0 21px; max-width: 90%; } .section-small-articles .section-small-articles__aside { padding: 5px 0px; } .section-small-articles--widget .articles-hover .cols { display: block; margin: 0; } .section-small-articles--widget .articles-hover .col { max-width: 100%; padding: 0; width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-small-articles .section-small-articles__inner { display: block; } .section-small-articles .section-small-articles__content { max-width: 100%; } .section-small-articles .section-small-articles__aside { max-width: 100%; padding: 50px 20px 100px; } .section-small-articles--alt .section-small-articles__head { position: relative; padding-top: 12px; padding-bottom: 14px; border-bottom: 0; } .section-small-articles--alt + .section-slider { padding-top: 9px; } .section-small-articles--alt .section-small-articles__head:after { content: ''; position: absolute; left: 18px; right: 18px; bottom: 0; height: 2px; background: #F5F2F2; } .section-small-articles--alt .section-small-articles__head h1 { font-size: 26px; margin-bottom: 7px; letter-spacing: 0; } .section-small-articles--alt .section-small-articles__head p { line-height: 1.5; } .section-small-articles--alt .section-small-articles__head-entry { max-width: none; padding: 0 7px; } .section-small-articles--alt .section-small-articles__body { padding-top: 29px; padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Inner Page \* ------------------------------------------------------------ */ .section-inner-page { padding: 30px 0 56px; font-size: 16px; line-height: 1.6; font-weight: 300; } .section-inner-page .section-inner-page__entry h1, .section-inner-page .section-inner-page__entry h2 { margin: 0 0 21px; font-size: 32px; line-height: 1.19; font-weight: 400; color: #004D9D; } .section-inner-page .section-inner-page__entry h3 { font-size: 24px; } .section-inner-page .section-inner-page__entry h4 { font-size: 20px; } .section-inner-page .section-inner-page__entry h3, .section-inner-page .section-inner-page__entry h4 { margin: 0 0 1px; line-height: 1.33; font-weight: 500; } .section-inner-page p { margin: 0 0 30px; } .section-inner-page .section-inner-page__entry ul { padding-left: 24px; list-style: none; } .section-inner-page .section-inner-page__entry li { position: relative; padding-left: 25px; } .section-inner-page .section-inner-page__entry li ~ li { margin-top: 15px; } .section-inner-page .section-inner-page__entry li:before { content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background-color: #4A4A4A; border-radius: 50%; } .section-inner-page .section-inner-page__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-inner-page .section-inner-page__content { -webkit-box-flex: 0; -ms-flex: 0 0 837px; flex: 0 0 837px; max-width: 837px; padding: 10px 0px 0 0; } .section-inner-page .section-inner-page__entry { margin: 11px 0px 33px 0; padding: 33px 80px 3px 3px; border: 1px solid #E9E9E9; border-left: 0; border-right: 0; } .section-inner-page .section-inner-page__group { margin: 0 0 73px; font-size: 20px; line-height: 1.4; font-weight: 400; } .section-inner-page .section-inner-page__image { margin: 0px 0 51px; text-align: center; } .section-inner-page .section-inner-page__aside { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; } .section-inner-page .articles-small { padding-top: 101px; } .section-inner-page .articles-small .articles-small__head { margin: 0 0 43px; } .section-inner-page .articles-small .articles-small__head h2 { font-size: 32px; font-weight: 400; color: #004D9D; letter-spacing: .02em; } .section-inner-page .articles-small .articles-small__body { padding: 0; } /* Small Desktop */ @media (max-width: 1200px) { .section-inner-page .section-inner-page__content { -webkit-box-flex: 0; -ms-flex: 0 0 670px; flex: 0 0 670px; max-width: 670px; padding: 10px 0px 0 0; } .section-inner-page .section-inner-page__entry { margin: 11px 0px 33px 0; padding: 33px 20px 3px 10px; border: 1px solid #E9E9E9; border-left: 0; border-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-inner-page { padding: 30px 0 56px; font-size: 15px; } .section-inner-page h1, .section-inner-page h2 { font-size: 26px; } .section-inner-page h3 { font-size: 20px; } .section-inner-page p { margin: 0 0 30px; } .section-inner-page .section-inner-page__group { margin: 0 0 40px; font-size: 15px; } .section-inner-page .section-inner-page__content { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; max-width: 500px; padding: 10px 0px 0 0; } .section-inner-page .section-inner-page__aside { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } .section-inner-page .article-small .article-small__content { padding: 10px 5px 7px; } .section-inner-page .article-small .article-small__content p { margin-bottom: 0; } .section-inner-page .socials-alt { margin-bottom: 28px; } } /* Mobile */ @media (max-width: 767px) { .section-inner-page { padding: 27px 0 56px; font-size: 16px; letter-spacing: .03em; line-height: 1.5; letter-spacing: .0em; } .section-inner-page h3 { margin: 0 0 9px; } .section-inner-page p { margin: 0 0 12px; } .section-inner-page .hidden { display: block !important; } .section-inner-page .section-inner-page__content { max-width: 100%; } .section-inner-page .section-inner-page__aside { display: none; } .section-inner-page .section-inner-page__image { margin: 0px 0 38px; text-align: center; } .section-inner-page .section-inner-page__inner { display: block; border-top: 1px solid #E9E9E9; } .section-inner-page .section-inner-page__entry { margin: 6px 0px 9px 0; padding: 19px 10px 3px 8px; border: 1px solid #E9E9E9; border-left: 0; border-right: 0; } .section-inner-page .section-inner-page__group { margin: 0 0 27px; font-size: 16px; line-height: 1.5; letter-spacing: .0em; } .section-inner-page .section-inner-page__group p { margin: 0 0 5px; } .section-inner-page .section-inner-page__entry ul { padding-left: 17px; list-style: none; } .section-inner-page .section-inner-page__entry li { position: relative; padding-left: 25px; } .section-inner-page .section-inner-page__entry li ~ li { margin-top: 15px; } .section-inner-page .section-inner-page__entry li:before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: #4A4A4A; border-radius: 50%; } .section-inner-page .socials-alt { margin-bottom: 0; overflow: hidden; background-color: #fff; border-top: 1px solid #e9e9e9; padding-top: 6px; } .section-inner-page .section-inner-page__entry h2 { font-size: 22px; } .section-inner-page .section-inner-page__entry h3 { font-size: 18px; color: #4a4a4a; font-weight: 400; } .section-inner-page .section-inner-page__entry h4 { font-size: 16px; color: #4a4a4a; font-weight: 400; } } /* ------------------------------------------------------------ *\ Section Map \* ------------------------------------------------------------ */ .section-map { padding: 4px 0; font-size: 18px; font-weight: 300; line-height: 1.22; } .section-map h1 { font-size: 32px; font-weight: 400; color: #004D9D; } .section-map h2 { margin: 0 0 2px; font-size: 32px; letter-spacing: .02em; line-height: 1.33; font-weight: 400; color: #004D9D; } .section-map a { color: #46BAEE; } .section-map .section-map__head { padding: 35px 20px 46px; border-bottom: 1px solid #E9E9E9; } .section-map .section-map__head p { font-size: 16px; letter-spacing: .055em; } .section-map .section-map__body { padding: 37px 20px 22px; border-bottom: 1px solid #E9E9E9; } /* Mobile */ @media (max-width: 767px) { .section-map { font-size: 16px; line-height: 1.5; } .section-map h1, .section-map h2 { margin: 0 0 7px; font-size: 26px; letter-spacing: .0em; line-height: 1.33; font-weight: 400; color: #004D9D; } .section-map .section-map__head { padding: 8px 7px 26px; border-top: 0; border-bottom: 1px solid #E9E9E9; } .section-map .section-map__head p { letter-spacing: 0; } .section-map .section-map__body { padding: 22px 7px 22px; border-bottom: 1px solid #E9E9E9; } } /* ------------------------------------------------------------ *\ Section Logos \* ------------------------------------------------------------ */ .section-logos { padding: 32px 0 21px; } .section-logos h1 { margin: 0 0 2px; font-size: 32px; letter-spacing: .02em; line-height: 1.33; font-weight: 400; color: #004D9D; } .section-logos .section__head { padding: 0 20px; margin: 0 0 24px; } .section-logos .section__body { padding: 0 20px; } /* Mobile */ @media (max-width: 767px) { .section-logos { padding: 20px 0 21px; } .section-logos h1 { margin: 0 0 7px; font-size: 26px; letter-spacing: .0em; line-height: 1.33; font-weight: 400; color: #004D9D; } .section-logos .section__head { padding: 0 4px; margin: 0 0 18px; } .section-logos .section__head h2 { font-size: 26px; color: #004D9D; font-weight: 400; } .section-logos .section__body { padding: 0 5px; } } /* ------------------------------------------------------------ *\ Section Tiles \* ------------------------------------------------------------ */ .section-tiles { padding: 50px 0; } /* ------------------------------------------------------------ *\ Section List \* ------------------------------------------------------------ */ .section-list { background: rgba(109,180,62, .1); font-size: 16px; font-weight: 300; line-height: 1.63; } .section-list h4 { margin: 0 0 48px; color: #004D9D; line-height: 1.19; font-size: 36px; letter-spacing: .016em; font-weight: 400; text-transform: uppercase; text-align: center; } .section-list p { margin: 0 0 38px; letter-spacing: -.001em; } .section-list strong { font-weight: 500; } .section-list .section-list__content { max-width: 960px; margin: 0 auto; padding: 63px 4px 119px; } .section-list .section-list__actions a { font-weight: 500; font-style: 16px; } .section-list .section-list__entry { position: relative; max-width: 800px; top: -102px; margin: 0 auto -102px; padding: 32px 80px 21px; text-align: center; background-color: #fff; } .section-list .section-list__entry h2 { line-height: 1.19; font-size: 32px; letter-spacing: .016em; font-weight: 400; text-transform: uppercase; text-align: center; margin: 0 0 2px; color: #6BA539; font-weight: 400; text-transform: none; } .section-list .section-list__entry h6 { margin: 0 0 18px; color: #828818; font-weight: 700; font-size: 16px; letter-spacing: .03em; } .section-list .section-list__entry p { margin: 0 0 10px; } .section-list--dark { background-color: #828818; } .section-list--dark .section-list__content { max-width: 740px; margin: 0 auto; padding: 64px 4px 62px; } .section-list--green-dark { background-color: #6BA539; } .section-list--green-dark .section-list__entry { padding: 32px 80px 21px; } .section-list--green-dark .section-list__entry h4 { color: #6BA539; font-weight: 400; font-size: 40px; } .section-list--green-dark .section-list__entry h6 { margin: 0 0 14px; color: #6BA539; font-weight: 400; } .section-list--green-dark .section-list__content { max-width: 1126px; margin: 0 auto; padding: 76px 4px 40px; } .section-list--green-dark .section-list__content .cols { margin: 0 -50px; } .section-list--green-dark .section-list__content .col { padding: 0 50px; } .section-list--green-dark .list-check-alt li ~ li { margin-top: 44px; } /* Mobile */ @media (max-width: 767px) { .section-list .section-list__entry { padding: 32px 10px 21px; } .section-list--green-dark .section-list__entry { position: relative; margin: 0 -10px; top: auto; padding: 35px 10px 21px; } .section-list--green-dark .section-list__entry h4 { margin: 0 0 0px; font-weight: 400; font-size: 26px; } .section-list--green-dark .section-list__entry h6 { margin: 0 0 21px; } .section-list--green-dark .section-list__entry p { font-size: 16px; } .section-list--green-dark .section-list__content { max-width: 1126px;; margin: 0 auto; padding: 41px 11px 40px; } .section-list--green-dark .section-list__content .cols { display: block; margin: 0; } .section-list--green-dark .section-list__content .col { max-width: 100%; padding: 0; } .section-list--green-dark .list-check-alt li ~ li { margin-top: 23px; } .section-list--green-dark .list-check-alt { font-size: 16px; } .section-list--green-dark .list-check-alt h5 { font-size: 16px; } .section-list .section-list__entry h2 { font-size: 26px; color: #004d9d; } } /* ------------------------------------------------------------ *\ Section Tiles \* ------------------------------------------------------------ */ .section-tiles-alt { text-align: center; } .section-tiles-alt .section-tiles__head--offset-top { position: relative; margin-top: -41px; } .section-tiles-alt .section-tiles__title { position: relative; margin: 0px; padding: 23px 35px; font-size: 32px; display: inline-block; background-color: #fff; font-weight: 400; line-height: 1.19; color: #004D9D; letter-spacing: .02em; } .section-tiles-alt .section-tiles__body { padding: 101px 0 6px; } .section-tiles-alt .section-tiles__title--green { padding: 62px 35px 0; color: #828818; font-weight: 400; } .section-tiles-alt .section-tiles__title--green-new { color: #6BA539; } .section-tiles-alt--offset { padding-bottom: 188px; } .section-tiles-alt--new { padding: 48px 0 50px; } .section-tiles-alt--new .section-tiles__body { padding: 11px 0 154px; } /* Mobile */ @media (max-width: 767px) { .section-tiles-alt--new { display: none; } } /* ------------------------------------------------------------ *\ Section Grey \* ------------------------------------------------------------ */ .section-grey { padding: 62px 0 48px; background-color: #545353; color: #fff; } .section-grey h4 { margin: 0 0 48px; line-height: 1.19; font-size: 36px; letter-spacing: .016em; font-weight: 400; text-transform: uppercase; text-align: center; } .section-grey h6 { margin: 16px 0px 10px 148px; font-size: 20px; font-weight: 500; line-height: 1.2; } .section-grey p { margin: 0 0 40px; letter-spacing: -.012em; } .section-grey .border-bottom span { position: relative; display: inline-block; } .section-grey .border-bottom span:after { content: ''; position: absolute; bottom: -73px; left: 40px; right: 40px; border-top: 1px solid #fff; } .section-grey .section-grey__head { max-width: 1126px; margin: 0 auto; padding: 0 11px 78px; border-bottom: 1px solid rgba(233,233,233, .25); } .section-grey .section-grey__actions { padding-top: 13px; } .section-grey .section-grey__actions a { font-weight: 500; font-style: 16px; } .section-grey .section-grey__body { padding: 53px 0 0; } .section-grey .section-grey__entry { max-width: 800px; margin: -149px auto 79px; padding: 31px 80px 23px; text-align: center; background-color: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); color: #4A4A4A; } .section-grey .section-grey__entry h4 { margin: 0 0 16px; font-weight: 700; text-transform: none; color: #4A4A4A; } .section-grey .section-grey__entry p { margin: 0 0 10px; } .section-grey--alt .section-grey__head { max-width: 100%; padding: 0 23px 26px; } .section-grey--alt .section-grey__head h4 { text-align: right; text-transform: none; } .section-grey--new { padding: 62px 0 0; } .section-grey--new .tiles-circle { padding-bottom: 9px; } .section-grey--new .section-grey__entry { margin: -149px auto 58px; } .section-grey--new .section-grey__entry h2 { color: #4A4A4A; text-transform: none; font-size: 32px; margin: 0 0 12px; font-weight: 400; } .section-grey--new .section-grey__entry h4 { margin: 0 0 12px; font-weight: 400; font-size: 40px; } .section-grey--new .section-grey__head { border: none; padding: 0 11px 83px; } .section-grey--new .section-grey__head h6 { margin-left: 0; margin-bottom: 3px; } .section-grey--new .section-grey__head .cols { margin: 0 -48px; } .section-grey--new .section-grey__head .col { padding: 0 48px; } .section-grey--new .section-grey__body { padding: 17px 0 0; } .section-grey--new .section-grey__body h2, .section-grey .section__title { text-align: center; font-size: 32px; text-align: center; font-weight: 400; line-height: 1.19; } .section-grey .section__title { margin-top: 10px; } /* Mobile */ @media (max-width: 767px) { .section-grey h6 { margin: 16px 0px 10px 0px; font-size: 16px; font-weight: 500; line-height: 1.2; } .section-grey .section-grey__entry { margin: -149px auto 40px; padding: 20px 10px; } .section-grey .section-grey__entry h4 { font-size: 26px; margin: 0 0 16px; font-weight: 700; text-transform: none; color: #4A4A4A; } .section-grey .section-grey__entry p { margin: 0 0 10px; font-size: 14px; } .section-grey--new { padding: 0; } .section-grey--new h3 { margin: 0 0 35px; font-size: 26px; line-height: 1.23; } .section-grey--new .section-grey__body h2, .section-grey .section__title { font-size: 26px; } .section-grey--new .section-grey__body h2 { font-size: 22px; } .section-grey--new .section-grey__head { padding: 0; margin: 0 -10px; } .section-grey--new .section-grey__head .cols { display: block; margin: 0; padding: 0px 16px; } .section-grey--new .section-grey__head .col { padding: 0; max-width: 100%; } .section-grey--new .section-grey__body { padding: 67px 0 20px; } .section-grey--new .section-grey__entry { position: relative; display: block; max-width: 100%; width: 100%; padding: 5px 20px 13px; margin: 0 0 39px; -webkit-box-shadow: none; box-shadow: none; } .section-grey--new .section-grey__entry h2 { font-size: 26px; color: #004d9d; margin: 0 0 24px; font-weight: 400; } .section-grey--new .section-grey__entry h4 { margin: 0 0 24px; font-weight: 400; } .section-grey--new .section-grey__entry p { font-size: 16px; } .section-grey .border-bottom span:after { bottom: -58px; left: 50%; width: 200px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } /* ------------------------------------------------------------ *\ Section Text \* ------------------------------------------------------------ */ .section-text { padding: 7px 0 65px; text-align: center; } .section-text h4 { margin: 0 0 10px; letter-spacing: .015em; font-weight: 400; color: #004D9D; } .section-text p { margin: 0 0 21px; letter-spacing: -.015em; } .section-text .section-text__entry { max-width: 620px; margin: 0 auto; } .section-text--new { margin: 41px 0; padding: 7px 0 0; } .section-text--new h2 { margin: 0 0 10px; letter-spacing: .015em; font-weight: 400; color: #004D9D; font-size: 32px; margin: 0 0 2px; } .section-text--new .section__ico { display: inline-block; margin: 0 0 17px; } .section-text--new .section-text__entry { padding: 47px 0 62px; max-width: unset;} .section-text--new .section-text__entry ~ .section-text__entry { margin: 21px 0 0; padding: 47px 0 39px; } .section-text--new .section-text__entry--background { position: relative; } .section-text--new .section-text__entry-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; } .section-text--new .section-text__content { position: relative; max-width: 555px; margin: 0 auto; } .section-text--new .section-text__content .section-text__entry-image { display: none; } /* Tablet */ @media (max-width: 1023px) { .section-text--new h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .section-text--new { margin: 0; } .section-text--new .section__ico { display: none; } .section-text--new .section-text__entry { padding: 15px 0 0px; max-width: unset;} .section-text--new .section-text__entry ~ .section-text__entry { margin: 0px 0 0; padding: 18px 0 39px; } .section-text--new .section-text__entry-image { display: none; } .section-text--new .section-text__content { max-width: 95%; padding: 24px 20px 20px; } .section-text--new .section-text__content h2 { font-size: 26px; margin: 0 0 24px; line-height: 1.23; } .section-text--new .section-text__content .btn { padding-left: 2px; padding-right: 2px; width: 100%; } .section-text--new .section-text__entry .section__actions { margin: 0 -20px; } .section-text--new .section-text__entry--background .section__actions { margin: 0 0px; } .section-text--new .section-text__entry--background .section-text__content { margin: 0 0 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); width: 100%; max-width: 100%; } .section-text--new .section-text__content .section-text__entry-image { display: block; position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 125px; margin: 0 -20px 15px; } } /* ------------------------------------------------------------ *\ Section Filter \* ------------------------------------------------------------ */ .section-filter .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 201px; flex: 0 0 201px; max-width: 201px; } .section-filter .section-filter__head-actions { display: none; } .section-filter .section-filter__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 85px 58px 85px 50px; background-color: #fff; } .section-filter .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 845px; flex: 0 0 845px; max-width: 845px; } .section-filter .section__group { padding: 16px 41px; background: rgba(245,242,242, .3); border-bottom: 1px solid #E9E9E9; } .section-filter .section__group ~ .section__group { margin-top: 39px; } .section-filter .section__group h5 { margin: 0 22px 5px 0; font-size: 24px; font-weight: 400; } .section-filter .section__group span { color: #979797; letter-spacing: .2em; font-size: 12px; } .section-filter .section__group .error { margin-left: 10px; color: #FF0032; } .section-filter .section__group p { margin: 0 0 10px; } .section-filter .section__group-entry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-filter .section__group-actions { padding: 17px 0 0; } .section-filter .section__group-actions a { font-size: 14px; color: #46BAEE; text-transform: uppercase; text-decoration: none; letter-spacing: .04em; } .section-filter .section__group-actions .ico-arrow-right-blue { position: relative; right: -11px; } /* Small Desktop */ @media (max-width: 1360px) { .section-filter .section-filter__body { padding: 85px 20px 85px 50px; } } /* Small Desktop */ @media (max-width: 1200px) { .section-filter .section-filter__body { padding: 85px 20px 85px 20px; } .section-filter .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 645px; flex: 0 0 645px; max-width: 645px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-filter .section__aside { max-width: 100%; } .section-filter .section-filter__body { display: block; padding: 85px 30px; background-color: #fff; } .section-filter .section__content { max-width: 100%; padding: 50px 0; } } /* Mobile */ @media (max-width: 767px) { .section-filter { padding: 20px 0; } .section-filter .section-filter__head-actions { display: block; padding: 0 10px; text-align: center; } .section-filter .section-filter__head-actions .btn { width: 100%; } .section-filter .section-filter__body { display: block; padding: 39px 12px; background-color: #fff; } .section-filter .section__content { max-width: 100%; padding: 30px 0; } .section-filter .section__group { padding: 24px 14px; border-bottom: 1px solid #E9E9E9; } .section-filter .section__group h5 { margin: 0 0px 1px 0; line-height: 1; font-size: 24px; font-weight: 400; } .section-filter .section__group-entry { display: block; margin: 0 0 11px; } .section-filter .section__group .error { display: block; margin-left: 0; color: #FF0032; } .section-filter .section__group ~ .section__group { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Section Small \* ------------------------------------------------------------ */ .section-small .link-back { position: relative; display: block; margin: 0 0 18px; padding: 0 0 0 18px; letter-spacing: .14em; text-decoration: none; font-size: 14px; } .section-small .link-back:before { content: ''; position: absolute; left: 0px; top: 6px; width: 8px; height: 8px; border: 1px solid #4A4A4A; border-right: 0; border-bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .section-small .section-small__inner { max-width: 842px; margin: -44px auto 0; background-color: #fff; } .section-small .section__head { padding: 17px 36px 37px; border-bottom: 1px solid #E9E9E9; } .section-small .section__head span.red { color: #FF0032; } .section-small .section__head h2 { margin: 0 0 -2px; line-height: 1.33; font-weight: 300; font-size: 48px; color: #004D9D; } .section-small .section__head span { font-size: 14px; letter-spacing: .11em; color: #979797; } .section-small .section__head--alt { padding: 17px 36px 10px; } .section-small .section__head--alt h2 { margin: 0 0 30px; } .section-small .section__body { padding: 21px 35px 51px; } .section-small .section__body h5 { margin: 0 0 8px; font-size: 18px; line-height: 1.33; font-weight: 400; } .section-small .section__body p { margin: 0 0 30px; letter-spacing: -.01em; } .section-small .section__group { position: relative; margin: 72px 0 20px; padding: 25px 25px 19px; border: 5px solid #CBE4AD; } .section-small .section__group .ico-feuilles { position: absolute; top: -43px; left: -6px; } .section-small .section__group p { margin: 0 0 5px; } .section-small .section__group h5 { color: #6DB43E; } /* Mobile */ @media (max-width: 767px) { .section-small .section-small__inner { max-width: 95%; margin: -22px auto 0; background-color: #fff; } .section-small .section__head { padding: 17px 20px 18px; border-bottom: 1px solid #E9E9E9; } .section-small .section__head h2 { margin: 0 0 5px; line-height: 1.33; font-weight: 300; font-size: 26px; color: #004D9D; } .section-small .section__head span { font-size: 14px; letter-spacing: .11em; color: #979797; } .section-small .section__body { padding: 27px 20px 51px; } } /* ------------------------------------------------------------ *\ Section Widgets \* ------------------------------------------------------------ */ .section-widgets { margin-bottom: 68px; } .section-widgets .section__head { text-align: center; margin-bottom: 21px; } .section-widgets .section__head h2 { margin-bottom: 0; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } .section-widgets .section__body { padding: 0 28px; } .section-widgets .section__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px -30px; } .section-widgets .section__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 0 15px 30px; } .section-widgets .section__actions { margin: 40px 0 -16px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-widgets { margin-bottom: 16px; } .section-widgets .section__items { overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 20px; margin: 0 -5px; } .section-widgets .section__item { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; max-width: 290px; padding: 0 5px; } .section-widgets .section__head { margin-bottom: 23px; } .section-widgets .section__head h2 { font-size: 26px; line-height: 1.19; } .section-widgets .section__body { padding: 0 10px; margin-right: -10px; } .section-widgets .section__actions { margin-top: 0; } .section-widgets .section__actions .btn-dark { width: 100%; } .section-widgets--responsive { margin-bottom: 60px; } .section-widgets--responsive .section__body { margin-right: 0; } .section-widgets--responsive .section__items { display: block; } .section-widgets--responsive .section__item { max-width: 100%; } .section-widgets--responsive .section__item + .section__item { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Section Callout \* ------------------------------------------------------------ */ .section-callout { margin-bottom: 53px; } .section-callout .cols { margin: 0 -15px; } .section-callout .col { padding: 0 15px; } .section-callout .section__head { margin-bottom: 21px; text-align: center; } .section-callout .section__head h2 { margin-bottom: 0; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } .section-callout .section__body { padding: 0 18px; } /* Mobile */ @media (max-width: 767px) { .section-callout { margin-bottom: 46px; } .section-callout .cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-callout .col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .section-callout .col + .col { margin-top: 20px; } .section-callout .section__head { margin-bottom: 24px; } .section-callout .section__head h2 { font-size: 26px; line-height: 1.19; } .section-callout .section__body { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Section Quiz \* ------------------------------------------------------------ */ .section-quiz { margin-bottom: 70px; } .section-quiz .section__inner { max-width: 957px; margin: 0 auto; } .section-quiz .section__inner > h3 { margin-bottom: 5px; font-size: 24px; line-height: 1.34; font-weight: 400; } .section-quiz .section__notice { margin-bottom: 44px; } .section-quiz .section__notice p { font-size: 16px; color: #9b9b9b; font-weight: 300; } .section-quiz .section__actions { margin-top: -12px; text-align: center; } .section-quiz .section__actions .btn:hover { background: #fff; color: #004D9D; } /* Mobile */ @media (max-width: 767px) { .section-quiz { margin-bottom: 61px; } .section-quiz .section__inner { padding: 0 10px; } .section-quiz .section__inner > h3 { margin-bottom: 2px; font-size: 18px; line-height: 1.67; } .section-quiz .section__notice { margin-bottom: 33px; } .section-quiz .section__notice p { font-size: 14px; } .section-quiz .section__actions .btn { width: 100%; padding: 14px 15px 11px; } } /* ------------------------------------------------------------ *\ Section Entry \* ------------------------------------------------------------ */ .section-entry { margin-bottom: 22px; } .section-entry + .products { margin-bottom: 50px; } .section-entry + .products h4 { margin-bottom: 52px; } .section-entry .link-back { margin-bottom: 14px; } .section-entry .video { padding-bottom: 42%; } .section-entry .video .play { margin-left: -26px; margin-top: -26px; } .section-entry .btn { padding: 14px 16px 10px; margin-right: 46px; font-size: 14px; font-weight: 500; letter-spacing: 1.56px; } .section-entry .btn:last-child { margin-right: 0; } .section-entry .section__inner { max-width: 956px; margin: 0 auto; } .section-entry .section__inner h2 { margin-bottom: 12px; font-size: 36px; color: #46baee; font-weight: 400; letter-spacing: 1px; } .section-entry .section__inner p { font-size: 16px; font-weight: 300; } .section-entry .section__inner p a { color: #46baee; font-weight: 400; text-decoration: none; } .section-entry .section__actions { margin: 51px 0 60px; } .section-entry .section__actions--center { text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-entry { margin-bottom: 34px; } .section-entry .link-back { margin-bottom: 19px; } .section-entry .btn { width: 100%; margin-right: 0; margin-bottom: 30px; } .section-entry .video { padding-bottom: 50%; } .section-entry .video .play { width: 39px; height: 39px; margin-left: -20px; margin-top: -21px; } .section-entry .section__inner { padding: 0 9px; } .section-entry .section__inner h2 { margin-bottom: 21px; font-size: 30px; line-height: 1.33; letter-spacing: .015em; } .section-entry .section__actions { margin: 30px 0 10px; } } /* ------------------------------------------------------------ *\ Section Split \* ------------------------------------------------------------ */ .section-split { margin-bottom: 81px; } .section-split .btn-scroll-top { position: fixed; top: 50%; right: 20px; z-index: 20; margin-top: 93px; } .section-split .socials--fill ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .section-split .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1188px; margin: 0 auto; } .section-split .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; max-width: 20%; padding-top: 26px; padding-right: 70px; } .section-split .section__aside h1, .section-split .section__aside h5 { margin-bottom: 38px; font-size: 14px; color: #4a4a4a; font-weight: 400; letter-spacing: 1.25px; } .section-split .section__aside ul { list-style: none; font-size: 14px; color: #9b9b9b; line-height: 1.28; font-weight: 500; letter-spacing: 1.25px; } .section-split .section__aside li + li { margin-top: 21px; } .section-split .section__aside li.current { color: #004d9d; } .section-split .section__aside a { text-decoration: none; } .section-split .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 80%; flex: 0 1 80%; max-width: 80%; padding-left: 96px; } /* Mod: Long */ .section-split--long { margin: 20px 0 59px; } .section-split--long .section__content { padding-left: 46px; } .section-split--long .section__aside { padding: 1px 48px 0 11px; } .section-split--long .section__aside li + li { margin-top: 30px; } .section-split--long .section__foot { margin: 28px 0 0 45px; } .section-split--long .section__foot p { font-size: 12px; color: #9b9b9b; font-weight: 400; letter-spacing: 1.25px; } /* Mod: Contact */ .section-split--contact { margin-top: 76px; margin-bottom: 73px; } .section-split--contact .form-long { margin: 5px 50px 0 0; } .section-split--contact .section__inner { padding-left: 10px; max-width: 1202px; } .section-split--contact .section__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-split--contact .section__group + .section__group { padding-top: 46px; border-top: 1px solid #e9e9e9; margin-top: 21px; } .section-split--contact .section__aside { padding-top: 1px; } .section-split--contact .section__aside h5 { margin-bottom: 41px; font-size: 14px; color: #4a4a4a; line-height: 1.3; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase; } .section-split--contact .section__content { padding-left: 23px; } .section-split--contact .section__group-aside { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding-right: 20px; font-size: 24px; color: #4a4a4a; line-height: 1.33; font-weight: 400; } .section-split--contact .section__group-aside h2 { margin-bottom: 10px; font-size: 22px; color: #4a4a4a; line-height: 1.33; font-weight: 400; } .section-split--contact .section__group-aside p { margin-bottom: 21px; font-size: 16px; line-height: 1.63; font-weight: 300; } .section-split--contact .section__group-aside p a { color: #004d9d; } .section-split--contact .section__group-content { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding-left: 15px; font-size: 24px; color: #4a4a4a; line-height: 1.33; font-weight: 400; } .section-split--contact .section__group-content h6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 21px; } .section-split--contact .section__group-content h6:first-child { margin-top: 6px; } .section-split--contact .section__group-content h6 strong { margin-right: 19px; margin-bottom: 0; font-size: 14px; line-height: 1.64; font-weight: 300; letter-spacing: 1px; } .section-split--contact .section__group-content h6 a { font-size: 14px; color: #000000; font-weight: 400; letter-spacing: 1.25px; text-decoration: none; } .section-split--contact .section__group-content p { margin-bottom: 7px; font-size: 14px; color: #4a4a4a; line-height: 1.86; font-weight: 300; letter-spacing: 1px; } .section-split--contact .section__group-content p + h6 { margin-top: 22px; } /* Small Desktop */ @media (max-width: 1200px) { .section-split .section__aside { padding-right: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-split .section__content { padding-left: 20px; } .section-split--contact .form-long { margin-right: 0; } .section-split--contact .section__inner { padding-left: 0; } .section-split--contact .section__group-content { padding-left: 0; padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-split { overflow: hidden; margin-bottom: 65px; } .section-split .btn-scroll-top { margin-top: 0; } .section-split .socials--fill { padding: 7px 0 25px; } .section-split .socials--fill ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-split .section__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-split .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 20px 10px 10px; text-align: center; } .section-split .section__aside h1 { margin-bottom: 38px; font-size: 14px; color: #4a4a4a; font-weight: 400; letter-spacing: 1.25px; margin-bottom: 7px; text-align: center; } .section-split .section__aside h5 { margin-bottom: 7px; text-align: center; } /*.section-split .section__aside ul { margin-bottom: 20px; }*/ .section-split .section__aside .mobile-head { font-size: 26px; color: #004D9D; text-align: left; } .section-split .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-top: 18px; padding-left: 9px; padding-right: 10px; } .section-split .section__aside img { max-width: none; margin-left: -20px; margin-right: -20px; } .section-split .section__aside li { display: none; } .section-split .section__aside--btn li + li { margin-top: 0; } .section-split .section__aside--btn li.current { display: block; padding: 19px 14px 16px; border: 1px solid #d5d5d5; border-radius: 2px; font-size: 14px; color: #46baee; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .section-split .section__aside .list-menu { padding-top: 54px; position: relative; border: 1px solid #d5d5d5; border-radius: 2px; } .section-split .section__aside .list-menu .current { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 0; border: 0; padding: 0; display: block; } .section-split .section__aside .list-menu .current a { padding: 19px 40px 16px 16px; } .section-split .section__aside .list-menu .current:after { content: ''; position: absolute; right: 20px; top: 45%; width: 8px; height: 8px; border: 1px solid #46baee; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); pointer-events: none; } .section-split .section__aside .list-menu li { padding: 0; font-size: 14px; color: #46baee; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase; text-align: center; margin: 0!important; } .section-split .section__aside .list-menu a { padding: 19px 14px 16px; display: block; } .section-split .section__aside .list-menu.open li { display: block; } .section-split .section__aside .list-menu.open .current:after { -webkit-transform: rotate(224deg) translateY(-50%); -ms-transform: rotate(224deg) translateY(-50%); transform: rotate(224deg) translateY(-50%); margin-right: -5px; } .section-split--long { margin-top: 0; } .section-split--long .section__aside ul { margin-bottom: 0; } .section-split--long .section__content { padding-top: 3px; } .section-split--long .section__foot { margin-left: 0; } .section-split--contact { margin-top: 2px; } .section-split--contact .form-long { margin-top: -1px; } .section-split--contact .section__aside img { margin-top: 3px; } .section-split .section__content { padding-top: 23px; } .section-split--contact .section__group { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-split--contact .section__group + .section__group { padding-top: 25px; border-top: 1px solid #e9e9e9; margin-top: 5px; } .section-split--contact .section__group-aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .section-split--contact .section__group-aside h2 { margin-bottom: 7px; } .section-split--contact .section__group-content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } } /* ------------------------------------------------------------ *\ Section Intro \* ------------------------------------------------------------ */ .section-intro { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-intro .btn { padding: 15px 62px 14px; border: 1px solid #004d9d; border-radius: 2px; margin-left: 4px; background: transparent; font-size: 14px; color: #004d9d; font-weight: 500; letter-spacing: 1.25px; } .section-intro .section__entry { padding: 130px 0 138px 43px; } .section-intro .section__entry h2 { margin-bottom: 26px; font-size: 45px; color: #004d9d; line-height: 1.07; font-weight: 700; } .section-intro .section__entry p { margin-left: 3px; font-size: 16px; color: #4a4a4a; line-height: 1.31; font-weight: 400; } /* Mobile */ @media (max-width: 767px) { .section-intro { margin-top: 0; } .section-intro .section__entry { padding: 25px 0 101px 14px; } .section-intro-entry { padding: 26px 5px 20px 27px; line-height: 1.34; margin-bottom: 41px; } .section-intro-entry .btn { display: block; padding: 17px 46px 12px; border: 1px solid #004d9d; margin: 0 15px 0 -7px; background: none; font-size: 14px; color: #004d9d; font-weight: 500; letter-spacing: 1.25px; } .section-intro-entry p { margin-bottom: 24px; } } /* ------------------------------------------------------------ *\ Section Full \* ------------------------------------------------------------ */ .section-full { overflow-x: hidden; overflow-y: auto; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-full:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100%; background: rgba(0, 0, 0, .55); } .section-full .shell { position: relative; z-index: 5; max-width: 1060px; } .section-full .cols { margin: 0 -35px; } .section-full .col { padding: 0 35px; } .section-full .col .cols { margin: 0 -12px; } .section-full .col .cols .col { padding: 0 12px; } .section-full .section__inner { padding-top: 65px; padding-bottom: 100px; color: #fff; } .section-full .section__image { margin-bottom: 70px; text-align: center; } .section-full .section__inner .cols + h4 { margin-top: 38px; } .section-full .section__inner h4 { padding-bottom: 6px; border-bottom: 3px solid #fff; margin-bottom: 30px; font-size: 22px; line-height: 1; font-weight: 700; } .section-full .section__inner ul { font-size: 14px; line-height: 1.2; font-weight: 400; list-style: none; } .section-full .section__inner li + li { margin-top: 14px; } .section-full .section__inner a { text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .section-full .section__inner a:hover { opacity: .8; } /* Small Desktop */ @media (max-width: 1200px) { .section-full .cols { margin: 0 -20px; } .section-full .col { padding: 0 20px; } } /* Mobile */ @media (max-width: 767px) { .section-full .section__inner { padding-top: 100px; } .section-full .section__inner > .cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-full .section__inner > .cols > .col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .section-full .section__inner > .cols > .col + .col { margin-top: 40px; } } /* ------------------------------------------------------------ *\ Section Loactions \* ------------------------------------------------------------ */ .section-locations { margin-top: -11px; margin-bottom: 90px; } .section-locations .location { margin: 0 auto; } .section-locations .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 19px 0 51px; } .section-locations .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 33.8%; flex: 0 1 33.8%; max-width: 33.8%; padding-top: 5px; } .section-locations .section__content { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 66.2%; flex: 0 1 66.2%; max-width: 66.2%; padding-left: 59px; } .section-locations .section__content img { width: 100%; } .section-locations .section__content-tabs { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .section-locations .section__content-tab { position: absolute; top: -9999px; left: -9999px; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .section-locations .section__content-tab.active { position: static; visibility: visible; opacity: 1; } .section-locations .section__image { position: relative; padding: 130px 3px 129px 20px; background: #f4f5f7; } .section-locations .section__tab { position: absolute; top: -9999px; left: -9999px; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .section-locations .section__tab.active { position: static; visibility: visible; opacity: 1; } .section-locations .section__tab ul { font-size: 22px; color: #004d9d; font-weight: 700; list-style: none; } .section-locations .section__tab li + li { padding-top: 19px; border-top: 1px solid rgba(0, 77, 157, .25); margin-top: 21px; } .section-locations .section__tab a { position: relative; display: block; padding-right: 20px; text-decoration: none; } .section-locations .section__tab a i { position: absolute; top: 12px; right: 0; } .section-locations .section__tab .section__back { margin: -4px 0 23px; font-size: 16px; color: #004d9d; font-weight: 400; } .section-locations .section__tab .section__back i { position: static; margin-right: 8px; } .section-locations .section__tab--alt h3 { margin-bottom: 20px; font-size: 22px; color: #004d9d; font-weight: 700; } .section-locations .section__tab--alt ul { margin-top: 20px; font-size: 18px; font-weight: 400; } .section-locations .section__tab--alt ul li:first-child { margin-top: 0; } @media(min-width: 768px){ .section-locations .section__tab--alt ul { height: 250px; overflow-y: scroll; } .section-locations .section__tab--alt ul::-webkit-scrollbar { width:9px; } .section-locations .section__tab--alt ul::-webkit-scrollbar-track { border-radius:0; background:rgba(0,0,0,0); } .section-locations .section__tab--alt ul::-webkit-scrollbar-thumb { border-radius:5px; background:rgba(0,0,0,0.2); } .section-locations .section__tab--alt ul::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.4); } .section-locations .section__tab--alt ul::-webkit-scrollbar-thumb:window-inactive { background:rgba(0,0,0,0.05); } } .section-locations .section__tab--alt li { padding-top: 18px; border-top: 1px solid rgba(0, 77, 157, .25); margin-top: 16px; } .section-locations .section__tab--alt ul li a { position: relative; display: inline-block; padding-right: 0; } .section-locations .section__tab--alt ul li.active a:after { content: ''; position: absolute; left: 0; bottom: 4px; right: 0; height: 2px; background: #004d9d; } .section-locations .section__tab--alt .location { display: none; } /* Small Desktop */ @media (max-width: 1200px) { .section-locations .section__inner { padding-left: 0; padding-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-locations .section__tab ul { font-size: 20px; } .section-locations .section__tab--alt ul { font-size: 16px; } } /* Mobile */ @media (max-width: 767px) { .section-locations { overflow: hidden; margin-top: 19px; } .section-locations .location { margin: 11px auto 30px; } .section-locations .section__inner { display: block; text-align: center; } .section-locations .section__inner > h1 { margin-bottom: 0; margin-top: 5px; font-size: 14px; color: #4a4a4a; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase; text-align: center; } .section-locations .section__inner > img { max-width: none; margin-left: -10px; margin-right: -10px; } .section-locations .section__aside { max-width: none; padding: 22px 10px 0 10px; text-align: left; } .section-locations .section__content { display: none; } .section-locations .section__tab ul { font-size: 18px; letter-spacing: 0; } .section-locations .section__tab li + li { padding-top: 25px; } .section-locations .section__tab a i { top: 6px; } .section-locations .section__tab .section__back { margin: 1px 0 17px; } .section-locations .section__tab--alt h3 { margin-bottom: 21px; font-size: 18px; letter-spacing: 0; } .section-locations .section__tab--alt li + li { padding-top: 18px; } .section-locations .section__tab--alt .location__close { position: absolute; } .section-locations .section__tab--alt .location ul { border: 0; } .section-locations .section__tab--alt .location li { padding-top: 0; } .section-locations .section__tab--alt .location li + li { border: 0; margin-top: 21px; } .section-locations .section__tab--alt .list-contacts { padding-top: 0; margin-top: 0; font-size: 16px; font-weight: 400; } .section-locations .section__tab--alt .list-contacts a { text-decoration: underline; } .section-locations .section__tab--alt .list-contacts li a:after { display: none; } .section-locations .section__tab--alt li.active .location { display: block; } .section-locations .section__inner > .mobile-head { font-size: 26px; color: #004D9D; text-align: left; padding-left: 10px; padding-right: 10px; } .section-locations .section__tab--alt ul { height: auto!important; } } /* ------------------------------------------------------------ *\ Section Accordions Tile \* ------------------------------------------------------------ */ .section-accordions-tile { display: none; } /* Mobile */ @media (max-width: 767px) { .section-accordions-tile { display: block; padding: 29px 0 15px; } .section-accordions-tile h4 { color: #6BA539; text-align: center; font-size: 22px; font-weight: 400; } } /* ------------------------------------------------------------ *\ Section Site Map \* ------------------------------------------------------------ */ .section-site-map { padding: 50px 0; min-height: 100vh; position: relative; } .section-site-map .logo { width: 216px; height: 60px; } .section-site-map .section-site-map__image { position: absolute; top: 0; left: 0; display: inline-block; width: 292px; height: 190px; background-size: cover; background-position: center center; } .section-site-map .section-site-map__image--bottom { top: auto; bottom: 0; right: 0; left: auto; width: 361px; height: 268px; } .section-site-map .section-site-map__head { padding: 30px 0 30px; text-align: center; } .section-site-map .section-site-map__body { padding: 45px 0px; } .section-site-map .section-site-map__links { padding: 0 58px 50px; } .section-site-map .section-site-map__links .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -60px; } .section-site-map .section-site-map__links .col { padding: 0 60px; } .section-site-map .section-site-map__nav h6 { margin: 0 0 13px; font-size: 22px; text-align: center; } .section-site-map .section-site-map__nav ul { list-style-type: none; text-align: center; } .section-site-map .section-site-map__nav li ~ li { margin-top: -1px; } .section-site-map .section-site-map__nav a { text-decoration: none; font-size: 14px; color: #4A4A4A; line-height: 1.79; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } .section-site-map .section-site-map__nav a:hover { color: #004D9D; text-decoration: underline; } .section-site-map .section-site-map__nav--blue h6, .section-site-map .section-site-map__nav--blue a { color: #004D9D; } /* Small Desktop */ @media (max-width: 1200px) { .section-site-map .section-site-map__links { padding: 0 0px; } } /* Mobile */ @media (max-width: 767px) { .section-site-map { padding: 21px 0 50px; min-height: auto; position: relative; } .section-site-map .logo { width: 138px; height: 38px; } .section-site-map .section-site-map__head { padding: 30px 0 26px; text-align: center; } .section-site-map .section-site-map__image { position: absolute; top: 0; left: 0; display: inline-block; width: 98px; height: 95px; background-size: cover; background-position: center center; } .section-site-map .section-site-map__image--bottom { top: auto; bottom: 0; right: 0; left: auto; } .section-site-map .section-site-map__body { padding: 0px 0px 45px; } .section-site-map .section-site-map__links .cols { display: block; margin: 0; } .section-site-map .section-site-map__links .col { padding: 0; max-width: 100%; } .section-site-map .section-site-map__nav { margin: 0 0 11px; text-align: center; } .section-site-map .section-site-map__nav ul { display: none; text-align: center; padding-left: 15px; margin-bottom: 45px; } .section-site-map .section-site-map__nav h6 { position: relative; display: inline-block; margin: 0 0 29px; line-height: 0; font-size: 18px; } .section-site-map .section-site-map__nav h6:after { content: ''; position: absolute; right: -17px; top: 1px; width: 12px; height: 12px; border: 3px solid #4A4A4A; border-top: 0; border-left: 0; border-radius: 1px; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .section-site-map .section-site-map__nav h6.active:after { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); top: 1px; right: -22px; } } /* ------------------------------------------------------------ *\ Section Visual \* ------------------------------------------------------------ */ .section--visual h2 { font-size: 32px; font-weight: 400; color: #004D9D; } /* Small Desktop */ @media (max-width: 1200px) { .section--visual h4 { margin-bottom: 20px; } .section .section__entry-bg, .section--visual .section__entry { background-position: 10% 100%; } .section--visual .section__content p { max-width: 310px; margin: auto; line-height: 1.92; } .section--visual .section__actions { padding-top: 19px; } } /* Tablet */ @media (max-width: 1023px) { .section--visual h2 { font-size: 28px; } .section .section__entry-bg { height: 100%; max-height: 100%; z-index: 1; height: 50%; top: auto; bottom: 0; } .section .section__entry-bg, .section--visual .section__entry { background-color: #faf7f2; background-position: 0% 94%; background-size: 900px; background-repeat: no-repeat; } .section--visual .section__image-box { text-align: right; z-index: 2; position: relative; right: 0; } .section--visual .section__content--small { max-width: 100%; } .section--visual .section__content p { max-width: 85%; } } /* Mobile */ @media (max-width: 767px) { .section--visual h2 { font-size: 26px; } .section--visual .section__image-box { text-align: center; } .section--visual .section__entry { padding-top: 36%; padding-bottom: 40px; background-size: 100% auto; background-repeat: no-repeat; background-position: 31vw 0; background-color: #faf7f2;} .section--visual .section__content p { max-width: 100%; } .section--visual .section__actions .btn:hover { background: #004D9D; color: #fff; } .section .section__entry-bg { bottom: auto; top: 0; height: 37vw; background-position: center center; right: 15px; left: 15px; background-size: cover; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section--services h2 { font-size: 32px; font-weight: 400; color: #004D9D; text-align: center; margin-bottom: 1em; } /* Tablet */ @media (max-width: 1023px) { .section--services h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .section--services h2 { font-size: 26px; } } .section-content .section-inner-page__entry { border: 0; padding: 0; max-width: 883px; margin: auto; } .section-content .section-inner-page__entry p { font-size: 20px; } .section-content .section-inner-page__entry p strong { font-weight: 400; } .section-content .section-inner-page__entry h1 { font-size: 40px; } .section-content .section-inner-page__entry h2 { font-size: 32px; } .section-content .section-inner-page__entry h3 { font-size: 24px; line-height: 1.33; color: #4A4A4A; font-weight: 500; margin-bottom: 3px; } .section-content .section-inner-page__entry h4 { font-size: 20px; line-height: 1.33; color: #4A4A4A; font-weight: 500; margin-bottom: 3px; } .section-content .section-inner-page__entry ul { padding-left: 0; margin-bottom: 40px; } .section-content .section-inner-page__entry li { font-size: 20px; } .section-content .articles-small { padding-top: 52px; } .section-content .articles-small .articles-small__head { margin-bottom: 30px; } .section-content .articles-small .articles-small__head h2 { font-size: 36px; } .section-content .fig-center { text-align: center; padding: 10px 10px 70px; } .section-content .copy-video { max-width: 800px; margin: 0 auto 50px; padding-top: 51%; position: relative; } .section-content .copy-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .section-content { padding-top: 0; } } /* ------------------------------------------------------------ *\ Services \* ------------------------------------------------------------ */ .services { padding: 0 128px 5px 128px; } .services .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -17px; } .services .col { padding: 0 17px; } /* Tablet Portrait */ @media (max-width: 1023px) { .services { padding: 0; } .services .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .services .col { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .services { padding: 8px 20px; } .services .cols { display: block; margin: 0; } .services .col { padding: 0; max-width: 100%; } } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .service { position: relative; text-align: left; font-size: 18px; line-height: 1.22; color: #000; letter-spacing: .01em; } .service a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .service a:hover { opacity: .3; } .service .service__image { width: 100%; padding-top: 57%; background-size: cover; background-position: center center; } .service .service__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 13px 19px; min-height: 68px; background-color: #F6F6F6; font-weight: 400; } /* Mobile */ @media (max-width: 767px) { .service { position: relative; text-align: left; font-size: 16px; margin-bottom: 9px; line-height: 1.19; color: #000; letter-spacing: .01em; } .service .service__content { padding: 10px 16px; min-height: 68px; background-color: #F6F6F6; } } /* ------------------------------------------------------------ *\ Services Alt \* ------------------------------------------------------------ */ .services-alt .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -34px; } .services-alt .col { padding: 0 38px; } .services-alt .col--1of2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /* Tablet Portrait */ @media (max-width: 1023px) { .services-alt .cols { margin: 0 -15px; } .services-alt .col { padding: 0 15px; } } /* Mobile */ @media (max-width: 767px) { .services-alt .cols { display: block; margin: 0; } .services-alt .col { padding: 0; max-width: 100%; } } /* ------------------------------------------------------------ *\ Service Alt \* ------------------------------------------------------------ */ .service-alt .list-numbered { margin-top: 20px; } .service-alt .service-alt__head { position: relative; padding-top: 31.5%; } .service-alt .service-alt__image { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center; background-repeat: no-repeat; } .service-alt .service-alt__title { position: relative; width: 100%; display: block; padding: 12px 21px; background: rgba(255,255,255, .9); z-index: 1; font-size: 20px; line-height: 1.42; font-weight: 400; text-align: left; } .service-alt .service-alt__body { padding: 30px 0px 20px; text-align: left; font-size: 16px; font-weight: 300; line-height: 1.63; } .service-alt .service-alt__body h6 { margin: 0 0 10px; font-size: 16px; font-weight: 500; line-height: 1.63; } .service-alt .service-alt__body p { margin: 0 0 10px; } .service-alt .service-alt__body span { color: #9B9B9B; font-size: 14px; font-weight: 300; letter-spacing: .07em; } .service-alt .service-alt__body h2 { font-size: 20px; margin: 0 0 5px; font-weight: 500; } .service-alt .service-alt__body h3 { font-size: 16px; margin: 0 0 13px; font-weight: 500; } .service-alt .service-alt__body h4 { font-size: 14px; font-weight: 500; } .service-alt .service-alt__body h5 { font-size: 14px; font-weight: bold; } .service-alt .service-alt__body h6 { font-size: 14px; font-weight: 500; } /* Mobile */ @media (max-width: 767px) { .service-alt { margin-bottom: 22px; } .service-alt .service-alt__head { position: relative; padding-top: 0; } .service-alt .service-alt__image { position: relative; width: 100%; padding-top: 45%; top: auto; bottom: auto; left: auto; } .service-alt .service-alt__title { padding: 11px 0px; } .service-alt .service-alt__body { padding: 3px 0px; } } /* ------------------------------------------------------------ *\ Services Gallery \* ------------------------------------------------------------ */ .services-gallery { margin-bottom: 66px; } .services-gallery .cols { margin: 0 -15px; } .services-gallery .col { padding: 0 15px; } .services-gallery h2 { margin-bottom: 21px; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; text-align: center; } .services-gallery .service__image a { display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .services-gallery .service__image a:hover { opacity: .8; } .services-gallery .service__image img { width: 100%; } /* Mobile */ @media (max-width: 767px) { .services-gallery { overflow: hidden; margin-bottom: 45px; } .services-gallery .cols { overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 10px; margin: 0; } .services-gallery .col { -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; padding: 0; margin-right: 6px; } .services-gallery h2 { margin-bottom: 10px; font-size: 26px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider { position: relative; margin: 0 0 26px; color: #004D9D; } .slider .video--full-width { height: auto; padding: 0; } .slider .video--full-width .video__placeholder { position: static; } .slider .video-holder { padding: 0; } .video__placeholder img, .slider .video-holder img { width: 100%; } .slider .video-holder .video-holder__body { position: static; } .slider h2 { margin: 0 30px 20px 0; font-weight: 400; letter-spacing: -.054em; } .slider .slider__slide { position: relative; } .slider .slider__slide-image--mobile { display: none; } .slider .slider__slide-content { position: relative; display: block; max-width: 80%; padding: 31px 25px 50px; text-align: right; } .slider .slider__slide-actions { padding: 330px 0 12px; } .slider .slider__slide-actions .btn--border-blue { display: none; } .slider .slick-dots { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -16px; } .slider .slick-dots li { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #7CCEF3; cursor: pointer; -webkit-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .slider .slick-dots li ~ li { margin-left: 11px; } .slider .slick-dots button { display: none; } .slider .slick-dots .slick-active { background-color: #004D9D; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider .slider__slide-content { position: relative; display: block; max-width: 100%; padding: 31px 15px 50px; text-align: right; } } /* Mobile */ @media (max-width: 767px) { .slider { margin: 0 0 15px; } .slider h2 { margin: 0 0 10px; font-size: 26px; letter-spacing: 0; line-height: 1.19; } .slider .slider__slide-content { max-width: 100%; padding: 16px 17px; text-align: center; } .slider .slider__slide-actions { padding: 1px 0 12px; } /*.slider .slider__slide { min-height: 291px; }*/ /*.slider .slider__slide-image { display: none; }*/ /*.slider .slider__slide-image--mobile { display: block; }*/ .slider .slider__slide-actions .btn { display: none; } .slider .slider__slide-actions .btn--border-blue { display: block; background-color: transparent; } .slider .slick-dots { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -12px; } .slider .slick-dots li { width: 8px; height: 8px; } .slider .slick-dots li ~ li { margin-left: 7px; } } /* ------------------------------------------------------------ *\ Slider Box \* ------------------------------------------------------------ */ .slider-box { position: relative; } .slider-box h2 { font-size: 32px; } .slider-box h2, .slider-box h4 { margin: 0 0 3px; letter-spacing: .02em; color: #004D9D; font-weight: 400; } .slider-box p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 13px; letter-spacing: -.01em; } .slider-box .slider__ico { display: inline-block; margin-bottom: 18px; } .slider-box .slider-box__slide-image { display: none; } .slider-box .slider-box__slide { padding: 0 10px; text-align: center; } .slider-box .slider-box__slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 423px; min-height: 423px; position: relative; padding: 27px 0; background-size: cover; background-position: center; } .slider-box .slider-box__slide-entry { display: block; max-width: 547px; min-width: 547px; margin: 0 auto; padding: 22px 30px 30px; background-color: #fff; } .slider-box .slider-box__actions { padding: 8px 0; } .slider-box .slider-box__actions .btn { padding: 14px 33px 10px; } .slider-box .slider-box__arrows { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 50%; left: -28px; right: -28px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media(min-width: 767px){ .slider-box .slider-box__arrows { top: 50%!important; } .slider-box .slider-box__slide-entry { height: 306px; overflow: hidden; } .slider-box .slider-box__slide-entry h2 { height: 52px; overflow: hidden; } .slider-box .slider-box__slide-entry p { max-height: 53px } } .slider-box .slider-box__arrows a { text-decoration: none; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .slider-box .slider-box__arrows a:hover { opacity: .8; } @media (max-width: 1360px) { .slider-box { padding: 0 20px; } .slider-box .slider-box__arrows { left: 0px; right: 0px; } } /* Tablet */ @media (max-width: 1023px) { .slider-box h2 { font-size: 28px; } } /* Mobile */ @media (max-width: 767px) { .slider-box { padding: 5px 2px 5px; } .slider-box h2 { font-size: 26px; color: #004d9d; font-weight: 400; } .slider-box h2, .slider-box h4 { margin-bottom: 22px; line-height: 1.2; text-align: center; max-height: 62px; overflow: hidden; } .slider-box p { display: block; margin: 0 20px; overflow: auto; } .slider-box .slider__ico { display: none; } .slider-box .slider-box__slide-image { display: block; width: 100%; padding-top: 43%; margin-bottom: 13px; background-size: cover; background-position: center center; } .slider-box .slider-box__slide-inner { max-height: none; padding: 4px 0; background-image: none !important; min-height: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .slider-box .slider-box__slide-entry { min-width: 0; max-width: 100%; width: 100%; padding: 25px 0px 20px; text-align: left; } .slider-box .slider-box__slide { padding: 0; } .slider-box .slick-list { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); } .slider-box .slider-box__actions { padding: 21px 20px 0; width: 100%; } .slider-box .slider-box__actions .btn { width: 100%; padding: 14px 5px 10px; font-size: 14px; } .slider-box .slider-box__arrows { top: 31.3%; left: -12px; right: -12px; padding: 117px 7px 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-box .slick-dots { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 16px; } .slider-box .slick-dots li { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #7CCEF3; cursor: pointer; -webkit-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .slider-box .slick-dots li ~ li { margin-left: 8px; } .slider-box .slick-dots button { display: none; } .slider-box .slick-dots .slick-active { background-color: #004D9D; } } /* ------------------------------------------------------------ *\ Slider Main \* ------------------------------------------------------------ */ .slider-main { position: relative; } .slider-main h2 { font-size: 32px; color: #004D9D; margin: 0 0 23px; line-height: 1.13; font-weight: 400; } .slider-main h2 strong { font-weight: 500; letter-spacing: -.025em; } .slider-main p { display: block; max-width: 60%; margin-left: 2px; margin-bottom: 0; font-size: 14px; line-height: 1.5; letter-spacing: -.01em; } .slider-main .slider__slide { position: relative; padding-top: 31.30%; } .slider-main .slider__slide-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; } .slider-main .slider__slide-content { position: relative; display: block; max-width: 540px; min-height: 0; padding: 0 0px 0 64px; z-index: 1; color: #004D9D; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-main .slider-main__arrows { position: absolute; top: 50%; left: 15px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media(min-width: 1367px){ /*.slider-main .slider__slide-content { }*/ } /* Tablet Portrait */ @media (max-width: 1023px) { /*.slider-main .slider__slide-content { min-height: 400px; }*/ } /* Mobile */ @media (max-width: 767px) { .slider-main h2 { margin: 0 0 14px; font-size: 26px; line-height: 1.15; font-weight: 400; } .slider-main p { max-width: 100%; font-size: 14px; line-height: 1.5; } .slider-main .slider__slide-image { right: auto; bottom: auto; width: 100%; height: 100%; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; } .slider-main .slider__slide-content { position: static; display: block; max-width: 100%; min-height: auto; padding: 16px 20px 25px; text-align: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider-main .slider-main__arrows { position: absolute; top: 48px; left: 5px; right: 5px; } .slider-main .slider-main__arrows i { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } } /* ------------------------------------------------------------ *\ Slider Nav \* ------------------------------------------------------------ */ .slider-nav img { width: 100%; } .slider-nav .mobile { display: none; } .slider-nav .slider__slide { border: 1px solid #fff; border-top: 0; border-bottom: 0; opacity: .55; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .slider-nav .slick-current .slider__slide { opacity: 1; } /* Mobile */ @media (max-width: 767px) { .slider-nav img { display: none; } .slider-nav .mobile { display: block; } } /* ------------------------------------------------------------ *\ Slider Product View Main \* ------------------------------------------------------------ */ .slider-product-view-main .slick-slider { border: 1px solid #f7f7f7; } .slider-product-view-main .slider__slide { position: relative; width: 100%; height: 100%; padding: 0; text-align: center; background-color: #FEFEFE; } .slider-product-view-main .slider__slide a { display: block; } .slider-product-view-main .slider__slide img { display: inline-block; max-width: 100%; margin-top: 5px; height: 437px; } .slider-product-view-main .slider__slide-actions { display: none; } .slider-product-view-main .btn-zoom { padding: 8px; border: 1px solid #f7f7f7; border-bottom: 0; border-right: 0; pointer-events: none; background-color: #fff; } .slider-product-view-main .slick-slide > div { height: 100%; } .slider-product-view-main .slider-product-view-main__links { padding: 11px 3px; font-size: 14px; color: #004D9D; font-weight: 300; letter-spacing: .14em; } .slider-product-view-main .slider__slide-image { width: 100%; height: 437px; text-align: center; } .slider-product-view-main #video1 { width: 100%; height: 0; padding-top: 56%; position: relative; } .slider-product-view-main #video1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Mobile */ @media (max-width: 767px) { .slider-product-view-main .slider__slide { height: auto; border: 0; } .slider-product-view-main .slick-slide { height: calc(100vw - 29px)!important; } .slider-product-view-main .slider__slide img { height: calc(100vw - 29px); } .slider-product-view-main .slider__slide-actions { display: none; } .slider-product-view-main .slider-product-view-main__links { display: none; } .slider-product-view-main .slider__slide-image { pointer-events: none; } .slider-product-view-main #video1 { pointer-events: inherit; } .slider-product-view-main .slick-dots { text-align: center; } .slider-product-view-main .slick-dots li { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 7px; background: #46BAEE; } .slider-product-view-main .slick-dots li.slick-active { background: #004D9D; } .slider-product-view-main .slick-dots li button { display: none; } } /* ------------------------------------------------------------ *\ Slider Product View Nav \* ------------------------------------------------------------ */ .slider-product-view-nav .slider__slide { width: 55px; height: 94px; text-align: center; cursor: pointer; } .slider-product-view-nav .slider__slide-video { position: relative; } .slider-product-view-nav .slider__slide-video:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); } .slider-product-view-nav .slider__slide-video:after { position: absolute; content: ''; background: url(../images/ico-play-small.png) no-repeat 0 0; background-size: 100% 100%; width: 18px; height: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slider-product-view-nav .slider__slide img { display: inline-block; height: 53px; width: auto; } /* Mobile */ @media (max-width: 767px) { .slider-product-view-nav { display: none; width: 195px; margin-left: 10px; margin-bottom: 3px; } .slider-product-view-nav .slider__slide { width: 55px; height: 55px; } .slider-product-view-nav .slider__slide img { max-width: 100%; } } /* ------------------------------------------------------------ *\ Slider Videos \* ------------------------------------------------------------ */ .slider-videos .slider__head { text-align: center; } .slider-videos .slider__head h2 { font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } /* ------------------------------------------------------------ *\ Slider Videos \* ------------------------------------------------------------ */ .slider-videos { margin-bottom: 60px; } .slider-videos .slick-arrow { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 21px; height: 38px; border: 0; margin-top: -22px; background: none; background: url(../images/slider-arrow.png) no-repeat; background-size: 100% 100%; background-position: 0 0; font-size: 0; line-height: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .slider-videos .slick-arrow:hover { opacity: .8; } .slider-videos .slick-arrow.slick-next { left: auto; right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .slider-videos .slick-slide { padding: 0 15px; } .slider-videos .slider__head { margin-bottom: 22px; } .slider-videos .slider__slides { max-width: 1077px; padding: 0 45px; margin: 0 auto; } /* Mobile */ @media (max-width: 767px) { .slider-videos { margin-bottom: 37px; } .slider-videos .slick-slide { padding: 0 9px; } .slider-videos .slick-arrow { margin-top: -4px; } .slider-videos .play { display: none; } .slider-videos .slider__head { padding: 0 20px; margin-bottom: 14px; } .slider-videos .slider__head h2 { font-size: 26px; line-height: 1.19; } .slider-videos .slider__slides { padding: 0; } } /* ------------------------------------------------------------ *\ Slider Profiles \* ------------------------------------------------------------ */ .slider-profiles { margin-bottom: 74px; } .slider-profiles .slick-arrow { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 21px; height: 38px; border: 0; margin-top: -8px; background: none; background: url(../images/slider-arrow.png) no-repeat; background-size: 100% 100%; background-position: 0 0; font-size: 0; line-height: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .slider-profiles .slick-arrow:hover { opacity: .8; } .slider-profiles .slick-arrow.slick-next { left: auto; right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .slider-profiles .slick-slide img { display: inline-block; } .slider-profiles .profile { margin: 0 auto; } .slider-profiles .slider__head { margin-bottom: 38px; text-align: center; } .slider-profiles .slider__head h2 { margin-bottom: 0; font-size: 36px; color: #004D9D; font-weight: 400; letter-spacing: 0.01em; } .slider-profiles .slider__body { position: relative; max-width: 1160px; padding: 0 50px; margin: 0 auto; } .slider-profiles .slider__slides { position: static; } /* Mobile */ @media (max-width: 767px) { .slider-profiles { margin-bottom: 30px; } .slider-profiles .slick-arrow { margin-top: -52px; } .slider-profiles .slider__head { margin-bottom: 21px; } .slider-profiles .slider__head h2 { font-size: 26px; line-height: 1.19; } } /* ------------------------------------------------------------ *\ Slider Video \* ------------------------------------------------------------ */ /*.slider .video-holder { min-height: 450px; }*/ .slider .video-holder__footer, .slider .video-holder__head { display: none; } @media (max-width: 767px) { /*.slider .video-holder { min-height: 291px; }*/ /*.slider .video-holder .video-holder__body { height: 291px; }*/ } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { padding: 0 0 0 2px; } .socials h6 { margin: 0 0 27px; letter-spacing: .1em; font-size: 12px; font-weight: 700; color: #46BAEE; } .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .socials li ~ li { margin-left: 36px; } .socials a { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .socials a:hover { opacity: .7; } /* Mod: Fill */ .socials--fill li ~ li { margin-left: 77px; } .socials--fill a { position: relative; display: block; width: 55px; height: 55px; border-radius: 50%; background: #d9e7fb; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;} .socials--fill a img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .socials--fill a img + img { opacity: 0; } .socials--fill a:hover { background: #004d9d; opacity: 1; } .socials--fill a:hover img { opacity: 0; } .socials--fill a:hover img + img { opacity: 1; } /* Small Desktop */ @media (max-width: 1200px) { .socials--fill li ~ li { margin-left: 40px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .socials--fill li ~ li { margin-left: 20px; } } /* Mobile */ @media (max-width: 767px) { .socials { padding: 9px 20px 0; } .socials h6 { margin: 0 0 24px; } .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .socials li.hidden { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Socials Alt \* ------------------------------------------------------------ */ .socials-alt { position: relative; z-index: 1; } .socials-alt:hover ul { opacity: 1; visibility: visible; } .socials-alt ul { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: -31px; left: 106px; padding: 5px 5px; list-style-type: none; background-color: #fff; border-radius: 2px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; list-style: none; } .socials-alt li { position: relative; padding: 3px 4px; margin-top: 0; } .socials-alt li:before { display: none; } .socials-alt li ~ li { margin-left: 9px; margin-top: 0; padding-left: 12px; } .socials-alt li ~ li:after { content: ''; position: absolute; left: 0; top: 10px; height: 20px; width: 1px; background-color: #E9E9E9; } .socials-alt .socials__link { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; } .socials-alt .socials__link a { text-decoration: none; } .socials-alt .socials__link i { position: relative; display: inline-block; margin-right: 10px; } .socials-alt .ico-facebook, .socials-alt .ico-twitter-small, .socials-alt .ico-pinterest-small, .socials-alt .ico-enveloppe-small { display: none; } .socials-alt--right { position: relative; right: -100px; padding-right: 100px; text-align: right; } .socials-alt--right .socials__link i { margin-right: 0; left: -7px } .socials-alt--right ul { right: -80px; left: auto; } .socials-alt--padding { padding-top: 40px; margin-top: -40px; } .socials-alt--padding ul { top: 9px; } /* Mobile */ @media (max-width: 767px) { .socials-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px 0 12px; } .socials-alt ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; top: auto; left: auto; padding: 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; opacity: 1; visibility: visible; } .socials-alt .socials__link { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .socials-alt .socials__link i { display: none; } .socials-alt li ~ li { margin-left: 13px; padding-left: 15px; } .socials-alt li ~ li:after { top: 8px; height: 13px; width: 1px; background-color: #004D9D; } .socials-alt--right { position: static; text-align: left; } .socials-alt--right ul { right: auto; left: auto; } .socials-alt .ico-facebook-alt, .socials-alt .ico-twitter-alt, .socials-alt .ico-pinterest-alt, .socials-alt .ico-enveloppe { display: none; } .socials-alt .ico-facebook, .socials-alt .ico-twitter-small, .socials-alt .ico-pinterest-small, .socials-alt .ico-enveloppe-small { display: inline-block; } } /* ------------------------------------------------------------ *\ Sponsors \* ------------------------------------------------------------ */ .sponsors .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -14px; } .sponsors .col { padding: 0 14px; } .sponsors .col--1of4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } /* Tablet Portrait */ @media (max-width: 1023px) { .sponsors .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } /* Mobile */ @media (max-width: 767px) { .sponsors .cols { display: block; margin: 0; } .sponsors .col { max-width: 100%; padding: 0; } } /* ------------------------------------------------------------ *\ Sponsor \* ------------------------------------------------------------ */ .sponsor { padding: 12px 5px 26px; margin: 0 0 29px; border: 3px solid #F5F2F2; text-align: center; font-size: 12px; font-weight: 500; text-transform: uppercase; -webkit-transition: -webkit-box-shadow .4s ease; transition: -webkit-box-shadow .4s ease; -o-transition: box-shadow .4s ease; transition: box-shadow .4s ease; transition: box-shadow .4s ease, -webkit-box-shadow .4s ease; } .sponsor a { text-decoration: none; letter-spacing: .1em; } .sponsor a i { position: relative; right: -5px; top: -1px; } .sponsor .sponsor__image { height: 120px; margin: 0 0 22px; line-height: 120px; } .sponsor:hover { -webkit-box-shadow: 4px 0px 10px 0px rgba(0,4,0, .12); box-shadow: 4px 0px 10px 0px rgba(0,4,0, .12); } /* Mobile */ @media (max-width: 767px) { .sponsor { padding: 5px 5px 26px; margin: 0 0 17px; } .sponsor .sponsor__image { height: 120px; margin: 0 0 -9px; line-height: 120px; } } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe { text-align: center; } .subscribe h2 { margin-bottom: 85px; font-size: 36px; color: #004d9d; font-weight: 400; letter-spacing: 0.5px; } .subscribe label { display: block; margin-bottom: 20px; font-size: 16px; color: #4a4a4a; line-height: 1.63; font-weight: 300; } .subscribe p { margin-top: 88px; font-size: 12px; color: #4a4a4a; font-weight: 300; letter-spacing: 1.25px; } .subscribe p a { color: #004d9d; } .subscribe .subscribe__controls { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 354px; margin: 0 auto; } .subscribe .subscribe__field { -webkit-box-flex: 0; -ms-flex: 0 1 56%; flex: 0 1 56%; max-width: 56%; height: 46px; padding: 0 18px; border: 1px solid #004d9d; border-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 14px; color: #9b9b9b; font-weight: 300; letter-spacing: 1px; } .subscribe .subscribe__btn { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 1 44%; flex: 0 1 44%; max-width: 44%; padding-top: 3px; border: 0; border-radius: 0 2px 2px 0; background: #004d9d; font-size: 12px; color: #fff; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .subscribe .subscribe__btn:hover { background: #024488; } /* Mod: Alt */ .subscribe--alt label { margin-bottom: 19px; } /* Mobile */ @media (max-width: 767px) { .subscribe h2 { margin-bottom: 13px; font-size: 24px; line-height: 1.2; font-weight: 400; letter-spacing: 0.33px; } .subscribe label { margin-bottom: 22px; } .subscribe .subscribe__controls { -ms-flex-wrap: wrap; flex-wrap: wrap; } .subscribe .subscribe__field { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .subscribe .subscribe__btn { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 16px 10px 16px; margin-top: 9px; } .subscribe p { margin: 27px -10px 0; font-size: 12px; } .subscribe--alt label { margin-bottom: 21px; } } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs { position: relative; padding: 62px 0 0; z-index: 1; } /* Mobile */ @media (max-width: 767px) { .tabs { position: relative; padding: 0; z-index: 1; } } /* ------------------------------------------------------------ *\ Tab \* ------------------------------------------------------------ */ .tab { display: none; max-width: 80%; margin: 0 auto; padding: 49px 50px; color: #4A4A4A; font-size: 16px; line-height: 1.19; } .tab p { margin-bottom: 19px; } .tab.current { display: block; } .tab .accordion__entry { text-align: left; } .tab .accordion__entry h6 { margin: 0 0 14px; font-weight: 500; font-size: 14px; } .tab .accordion__entry p { margin: 0 0 13px; letter-spacing: -.008em; line-height: 1.63; } .tab .accordion__entry p.uppercase { margin: 0 0 40px; } .tab .accordion__entry span { display: block; margin: 0 0 17px; color: #9B9B9B; font-size: 14px; font-weight: 300; letter-spacing: .07em; } .tab .accordion__entry span em { font-size: 13px; letter-spacing: 0; } .tab .list-bullets-blue { margin: 0 0 24px; letter-spacing: -.01em; } .tab .list-bullets-blue li { padding-left: 26px; } .tab .list-bullets-blue li ~ li { margin-top: 13px; } .tab .cols { margin: 0 -34px; } .tab .col { padding: 0 34px; } .tab--alt { padding: 28px 40px 0px; } /* Tablet Portrait */ @media (max-width: 1023px) { .tab { display: none; max-width: 90%; } .tab--alt { padding: 28px 0px 0px; } } /* Mobile */ @media (max-width: 767px) { .tab { display: none !important; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Testimonials \* ------------------------------------------------------------ */ .testimonials .testimonials__head { padding: 0 0 8px; text-align: center; border-bottom: 2px solid #E9E9E9; } .testimonials .testimonials__head h6 { font-size: 14px; letter-spacing: .15em; color: #46BAEE; font-weight: 500; text-transform: uppercase; } .testimonials .testimonials__body { padding: 30px 0 32px; } .testimonials__footer { border: 2px solid #E9E9E9; } /* Mobile */ @media (max-width: 767px) { .testimonials .testimonials__head h6 { margin: 0 0 0px; } .testimonials .testimonials__head { padding: 0 0 0px; text-align: center; border-bottom: 0; } .testimonials .testimonials__body { padding: 23px 10px 32px; } .testimonials__footer { border: 0; } } /* ------------------------------------------------------------ *\ Testimonial Main \* ------------------------------------------------------------ */ .testimonial-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 9px 20px 27px; border: 2px solid #E9E9E9; } .testimonial-main h6 { margin: 5px 31px 0 0; font-size: 18px; letter-spacing: .08em; font-weight: 400; line-height: 1.22; text-transform: uppercase; } .testimonial-main .list-stars { margin-bottom: 0; } .testimonial-main .list-stars li ~ li { margin-left: 2px; } .testimonial-main .testimonial-main__entry { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 18px 4px; } .testimonial-main .testimonial-main__entry-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .testimonial-main .testimonial-main__entry-content span { display: inline-block; position: relative; margin-left: 9px; padding-left: 12px; } .testimonial-main .testimonial-main__entry-content span:before { content: ''; position: absolute; left: 0; top: 4px; height: 19px; width: 2px; background-color: #4A4A4A; } .testimonial-main .testimonial-main__content { padding: 1px 2px; text-align: right; } .testimonial-main .testimonial-main__content a { display: block; margin: 0 16px 12px 0; letter-spacing: .02em; color: #004D9D; font-size: 16px; } /* Mobile */ @media (max-width: 767px) { .testimonial-main { display: block; padding: 5px 9px 9px 14px; } .testimonial-main h6 { margin: 0px 0 9px 0; } .testimonial-main .testimonial-main__entry { display: block; padding: 15px 4px; } .testimonial-main .testimonial-main__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1px 2px; text-align: left; } } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { margin: 0 33px; padding: 23px 3px; border-bottom: 2px solid #E9E9E9; font-weight: 300; } .testimonial .list-stars { margin-bottom: 0; } .testimonial .keywords { margin-left: 31px; padding-top: 5px; } .testimonial .testimonial__entry { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; } /* Mobile */ @media (max-width: 767px) { .testimonial { margin: 0; padding: 21px 0px; border-bottom: 2px solid #E9E9E9; } .testimonial .testimonial__entry { display: block; margin-bottom: 16px; text-align: left; } .testimonial .list-stars { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .testimonial .keywords { margin-left: 0px; padding-top: 8px; } } /* ------------------------------------------------------------ *\ Tiles \* ------------------------------------------------------------ */ .tiles { padding: 0 0 27px; } .tiles .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -14px; } .tiles .col { padding: 0 14px; } .tiles .col--1of2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /* Mobile */ @media (max-width: 767px) { .tiles { padding: 2px 16px 27px; } .tiles .cols { display: block; margin: 0; } .tiles .col { padding: 0; max-width: 100%; } } /* ------------------------------------------------------------ *\ Tile \* ------------------------------------------------------------ */ .tile { padding: 218px 10px 65px; background-size: cover; background-position: center center; border: 2px solid #F5F2F2; text-align: center; } .tile .tile__title { font-size: 32px; margin: 0 0 5px; font-weight: 400; color: #004D9D; } .tile .tile__actions { padding-top: 5px; } .tile--large { padding-bottom: 55px; } .tile--large .tile__title { font-size: 38px; } /* Mobile */ @media (max-width: 767px) { .tile { margin: 0 0 18px; padding: 182px 16px 20px; } .tile .tile__title { font-size: 26px; font-weight: 400; color: #004d9d; } .tile .tile__actions .btn{ width: 100%; } } /* ------------------------------------------------------------ *\ Tiles Alt \* ------------------------------------------------------------ */ .tiles-alt { padding: 32px 19px; } .tiles-alt .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } .tiles-alt .col { padding: 0 15px; } .tiles-alt .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } /* Small Desktop */ @media (max-width: 1200px) { .tiles-alt .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .tiles-alt .col { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .tiles-alt .cols { display: block; margin: 0; } .tiles-alt .col { max-width: 100%; } } /* ------------------------------------------------------------ *\ Tile Alt \* ------------------------------------------------------------ */ .tile-alt { font-size: 20px; font-weight: 500; line-height: 1.3; } .tile-alt a { position: relative; font-weight: 400; font-size: 12px; color: #004D9D; text-decoration: none; text-transform: uppercase; } .tile-alt .tile-alt__image { width: 100%; padding-top: 75%; background-size: cover; background-position: center center; } .tile-alt .tile-alt__content { position: relative; width: 335px; margin: -66px auto 0; padding: 24px 10px; background: rgba(255,255,255, .7); text-align: center; } .tile-alt .tile-alt__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 12px; } .tile-alt .tile-alt__links a ~ a { margin-left: 10px; padding-left: 11px; } .tile-alt .tile-alt__links a ~ a:before { content: '/'; position: absolute; left: 0; top: 0; } /* Small Desktop */ @media (max-width: 1200px) { .tile-alt .tile-alt__content { position: relative; width: 280px; margin: -66px auto 0; padding: 24px 10px; background: rgba(255,255,255, .7); text-align: center; } } /* Tablet Portrait */ @media (max-width: 1023px) { .tile-alt { font-size: 14px; font-weight: 500; line-height: 1.3; } .tile-alt a { font-size: 11px; } .tile-alt .tile-alt__content { position: relative; width: 200px; margin: -36px auto 0; padding: 24px 10px; background: rgba(255,255,255, .7); text-align: center; } } /* Mobile */ @media (max-width: 767px) { .tile-alt { margin-bottom: 50px; } .tile-alt .tile-alt__content { width: 90%; margin: -36px auto 0; } } /* ------------------------------------------------------------ *\ Tiles Image \* ------------------------------------------------------------ */ .tiles-image { padding: 0 109px; } .tiles-image .cols { margin: 0 -44px; } .tiles-image .col { padding: 0 44px; } .tiles-image .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } /* Small Desktop */ @media (max-width: 1200px) { .tiles-image { padding: 0 20px; } .tiles-image .cols { margin: 0 -10px; } .tiles-image .col { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .tiles-image .cols { display: block; margin: 0; } .tiles-image .col { padding: 0; max-width: 100% } } /* ------------------------------------------------------------ *\ Tile Image \* ------------------------------------------------------------ */ .tile-image { position: relative; margin: 0 0 128px; text-align: center; font-size: 16px; font-weight: 300; line-height: 1.38; } .tile-image h6 { margin: 0 0 24px; font-size: 20px; font-weight: 500; } .tile-image p { margin: 0 0px; } .tile-image .tile-image__image { height: 193px; line-height: 193px; } .tile-image .tile-image__image img { max-width: 100%; overflow: hidden; } .tile-image .tile-image__content { position: absolute; top: 0; left: 0; right: 0; padding: 38px 40px; z-index: 1; background: rgba(255,255,255, .95); opacity: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -webkit-transition: visibility .35s, opacity .35s; -o-transition: visibility .35s, opacity .35s; transition: visibility .35s, opacity .35s; } .tile-image .green { color: #828818; } .tile-image .green-alt { color: #6BA539; } .tile-image--large { margin: 0 0 0px; } .tile-image--large .tile-image__image { height: 300px; line-height: 300px; } .tile-image--circle .tile-image__background { display: inline-block; width: 209px; height: 209px; background-size: cover; background-position: center center; } .tile-image--circle .tile-image__content { background: #3E3E3E!important; padding: 44px 20px; } .tile-image--circle .tile-image__content strong { margin-bottom: 20px; word-break: break-all; } .tile-image--circle .tile-image__content-visible { padding: 0; color: #fff; position: absolute; bottom: 50%; left: 0; right: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: visibility .35s, opacity .35s; -o-transition: visibility .35s, opacity .35s; transition: visibility .35s, opacity .35s; } .tile-image--circle .tile-image__content-visible strong { margin: 0; padding: 0 55px; } .tile-image--circle .tile-image__content strong, .tile-image--circle .tile-image__content-visible strong { display: inline-block; font-size: 20px; font-weight: 500; line-height: 1.19; word-break: break-all; } .tile-image--circle .tile-image__content-visible strong { max-height: 140px; overflow: hidden; } @media(min-width: 1025px){ .tile-image--large.has-hover:hover .tile-image__content, .tile-image.has-hover:hover .tile-image__content { opacity: 1; } .tile-image--large.has-hover:hover .tile-image__content-visible, .tile-image--circle.has-hover:hover .tile-image__content-visible { opacity: 0; visibility: hidden; } } /* Small Desktop */ @media (max-width: 1200px) { .tile-image .tile-image__content { padding: 20px 10px; z-index: 1; background: rgba(255,255,255, .95); opacity: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); } .tile-image--large .tile-image__content { padding: 70px 40px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .tile-image--large .tile-image__content { padding: 20px 20px; } .tile-image--circle .tile-image__content { margin: 0 -20px; } .tile-image--circle .tile-image__content-visible span { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .tiles-circle { padding: 0 0 20px!important; } .tile-image { position: relative; margin: 0 0 40px; } .tile-image .tile-image__image { height: auto; margin-bottom: 20px; line-height: 1; } .tile-image .tile-image__content { position: relative; top: auto; left: auto; right: auto; padding: 20px 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); opacity: 1; } .tile-image--circle { margin-bottom: 0; } .tile-image--circle:last-child { border-bottom: 1px solid #707070; } .tile-image--circle .tile-image__background { display: none; } .tile-image--circle .tile-image__content { background: #545353!important; text-align: left; padding: 0 30px 30px; font-size: 14px; -webkit-box-shadow: none; box-shadow: none; display: none; } .tile-image--circle .tile-image__content span { display: none; } .tile-image--circle .tile-image__content-visible { position: relative; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 28px 5px 20px 40px; text-align: left; } .tile-image--circle .tile-image__content-visible:before { content: ''; position: absolute; left: 9px; top: 39px; width: 17px; height: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; background-image: url(../images/ico-x.png); } .tile-image--circle.has-content .tile-image__content-visible:after { content: ''; position: absolute; right: 20px; top: 36px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px; height: 12px; border: 1px solid #fff; border-left: 0; border-bottom: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .tile-image--circle .tile-image__content-visible span { font-size: 14px; font-weight: 500; letter-spacing: .1em !important; line-height: 1.21; } .tile-image--circle.accordion__section--current .tile-image__content-visible:after{ -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .tile-image--circle br { display: none; } .tile-image--circle .tile-image__content-visible:before { top: 35px; } .tile-image--circle .tile-image__content-visible strong { max-width: 100%; padding-left: 0; padding-right: 25px; word-break: normal; font-size: 14px; font-weight: 400; } .section-grey--new .tiles-circle { border-top: 1px solid #707070; } } /* ------------------------------------------------------------ *\ Tiles Circle \* ------------------------------------------------------------ */ .tiles-circle { padding: 20px 142px; } .tiles-circle .cols { margin: 0 -26px; } .tiles-circle .col { padding: 0 26px; } .tiles-circle .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } /* Small Desktop */ @media (max-width: 1200px) { .tiles-circle .cols { margin: 0 -20px; } .tiles-circle .col { padding: 0 20px; } } /* Mobile */ @media (max-width: 767px) { .tiles-circle .cols { display: block; margin: 0; } .tiles-circle .col { max-width: 100%; padding: 0; } } /* ------------------------------------------------------------ *\ Tile Circle \* ------------------------------------------------------------ */ .tile-circle { position: relative; margin: 0 0 74px; height: 209px; text-align: center; } .tile-circle span { display: inline-block; margin: 0; font-size: 32px; font-weight: 500; line-height: 1.19; } .tile-circle p { margin: 0; font-size: 24px; font-weight: 500; line-height: 1.17; } .tile-circle .tile-circle__image { display: inline-block; width: 209px; height: 209px; background-size: cover; background-position: center center; } .tile-circle .tile-circle__content { position: absolute; bottom: 50%; left: 0; right: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .tile-circle--new { margin: 0 0 70px; } .tile-circle--new span { font-size: 20px; } .tile-circle--new p { font-size: 18px; } /* Small Desktop */ @media (max-width: 1200px) { .tiles-circle { padding: 20px 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .tile-circle { position: relative; margin: 0 0 74px; height: 209px; text-align: center; } .tile-circle span { display: inline-block; margin: 0; font-size: 26px; font-weight: 500; line-height: 1.19; } .tile-circle p { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.17; } .tile-circle .tile-circle__image { display: inline-block; width: 209px; height: 209px; background-size: cover; background-position: center center; } .tile-circle .tile-circle__content { position: absolute; bottom: 50%; left: 0; right: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } } /* ------------------------------------------------------------ *\ Tools \* ------------------------------------------------------------ */ .tools { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 955px; margin: 0 auto; background-color: #D6D4DF; } .tools .tools__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 703px; flex: 0 0 703px; max-width: 703px; padding: 13px 14px 17px; } /* Tablet Portrait */ @media (max-width: 1023px) { .tools { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; } } /* Mobile */ @media (max-width: 767px) { .tools { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 280px; margin: 0 auto; background-color: #D6D4DF; } .tools .tools__links { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 10px 14px 0px; } .tools .tools__actions { margin-top: -2px; } .tools .tools__actions .btn { padding: 8px 15px; font-size: 7px; letter-spacing: .02em; } } /* ------------------------------------------------------------ *\ Tool \* ------------------------------------------------------------ */ .tool { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 157px; flex: 0 0 157px; max-width: 157px; height: 81px; background-size: cover; background-position: center center; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .tool a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tool:hover { opacity: .6; } /* Tablet Portrait */ @media (max-width: 1023px) { .tool { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; max-width: 110px; height: 56px; margin-bottom: 7px; background-size: 100%; background-repeat: no-repeat; } } /* ------------------------------------------------------------ *\ Video Holder \* ------------------------------------------------------------ */ .video-holder { position: relative; padding: 139px 0 137px; color: #fff; text-align: center; } .video-holder .video-holder__head { position: relative; max-width: 450px; margin: 0 auto 144px; z-index: 1; } .is-playing .video-holder__footer, .is-playing .video-holder__head { opacity: 0; visibility: hidden; } .video-holder .video-holder__head h3 { line-height: 1.13; font-weight: 400; } .video-holder .video-holder__head h2 { font-size: 32px; line-height: 1.13; font-weight: 400; } .video-holder .video-holder__body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .video-holder .video-holder__footer { position: relative; max-width: 465px; margin: 0 auto; z-index: 1; font-weight: 700; font-size: 15px; line-height: 1.4; } .video-holder .video-holder__actions { display: none; } .video-holder.is-playing .video-holder__head, .video-holder.is-playing .video-holder__footer { opacity: 0; pointer-events: none; } /* Mobile */ @media (max-width: 767px) { .video-holder { position: relative; padding: 0; color: #004D9D; } .video-holder .video-holder__head { position: relative; max-width: 100%; margin: 0 0 16px; z-index: 1; } .video-holder .video-holder__head h2 { font-size: 26px; line-height: 1.15; font-weight: 400; } .video-holder .video-holder__body { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 158px; margin-bottom: 18px; z-index: 0; } .video-holder .video-holder__footer { padding: 0 20px; font-size: 14px; font-weight: 400; } .video-holder .video-holder__actions { display: block; } .video-holder .video-holder__actions .btn { width: 100%; } .video-holder.is-playing .video-holder__head, .video-holder.is-playing .video-holder__footer { opacity: 1; pointer-events: auto; } .video-holder .video-holder__footer .field__item { padding-bottom: 20px; } } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video { padding-bottom: 56.25%; position: relative; overflow: hidden; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: 1; cursor: pointer; } .video:hover { opacity: .9; } .video iframe, .video .video__inner, .video .video__placeholder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .video .video__inner { opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, visibility .4s ease; -o-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; z-index: 2; } .video .video__placeholder { background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; } .video .play { position: absolute; left: 50%; top: 50%; margin-left: -39px; margin-top: -39px; width: 77px; height: 77px; border-radius: 50%; z-index: 3; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; cursor: pointer; pointer-events: auto; } .video--full-width { height: 100%; padding: 0; } /* Video Playing */ .video.is-playing .video__inner { opacity: 1; visibility: visible; } .video.is-playing .play { opacity: 0; pointer-events: none; } .video--iframe.is-playing .video__placeholder { opacity: 0; pointer-events: none; } .video--iframe.is-playing .video__inner { visibility: visible; opacity: 1; } /* Mod: Alt */ .video--alt { min-height: 242px; padding-bottom: 0; } .video--alt .play { width: 70px; height: 70px; margin-left: -32px; margin-top: -81px; } .video--alt .video__entry { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 5px 11px 11px; background: rgba(255, 255, 255, .9); } .video--alt .video__entry p { font-size: 18px; color: #4A4A4A; line-height: 1.33; } .video .play--custom { display: inline-block; width: 53px; height: 53px; border-radius: 50%; background: url(../images/ico-play-small.png) no-repeat; background-size: 100% 100%; background-position: 0 0; } /* Mobile */ @media (max-width: 767px) { .video--full-width .play { width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -21px; margin-top: -18px; } .video--full-width .play i { width: 100%; height: 100%; } .video--alt { min-height: 226px; } .video--alt .video__entry { bottom: 0; padding: 16px 5px 5px 11px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { padding: 2px 0px; list-style: none outside none; } /* ------------------------------------------------------------ *\ Widgets Wide \* ------------------------------------------------------------ */ .widgets-wide { border-top: 1px solid #f5f2f2; border-bottom: 3px solid #f5f2f2; margin-bottom: 80px; } .widgets-wide .cols { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .widgets-wide .col .widget-product { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-right: 3px solid #f5f2f2; } .widgets-wide .col:last-child .widget-product { border-right: 0; } /* Mobile */ @media (max-width: 767px) { .widgets-wide { border-bottom: 0; margin-bottom: 45px; } .widgets-wide .cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .widgets-wide .col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .widgets-wide .col .widget-product { border-right: 0; border-bottom: 3px solid #f5f2f2; } .widgets-wide .col:last-child .widget-product .widget__image { -webkit-box-flex: 0; -ms-flex: 0 0 79px; flex: 0 0 79px; max-width: 79px; margin-left: 0; } .widgets-wide .col:last-child .widget-product .widget__entry { padding-left: 15px; margin-left: 0; } } /* ------------------------------------------------------------ *\ Widget Categories \* ------------------------------------------------------------ */ .widget-categories { margin: 0 0 36px; } .widget-categories .widget-categories__title { text-transform: uppercase; font-weight: 500; font-size: 14px; } .widget-categories .widget-categories__head { margin-bottom: 12px; } /* ------------------------------------------------------------ *\ Widget Articles \* ------------------------------------------------------------ */ .widget-articles .widget-articles__title { text-transform: uppercase; font-weight: 500; font-size: 14px; } .widget-articles .widget-articles__head { margin-bottom: 12px; } /* ------------------------------------------------------------ *\ Widget Products \* ------------------------------------------------------------ */ .widget-products { list-style: none; text-align: center; } .widget-products .widget-products__title { font-size: 32px; font-weight: 400; line-height: 1.19; color: #004D9D; } .widget-products .widget-products__head { margin: 0 0 39px; } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-products .widget-products__title { font-size: 24px; } } /* ------------------------------------------------------------ *\ Widget Card \* ------------------------------------------------------------ */ .widget-card { border: 1px solid #A6A6A6; } .widget-card .btn { min-width: 236px; padding: 13px 10px 11px; border: 1px solid #004D9D; border-radius: 2px; margin-right: 24px; font-size: 14px; color: #004D9D; font-weight: 500; letter-spacing: 0.09em; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .widget-card .btn:hover { background: #004D9D; color: #fff; } .widget-card .widget__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 4px 3px; margin-bottom: -10px; background: #F8F2F3; } .widget-card .widget__image { -ms-flex-negative: 0; flex-shrink: 0; } .widget-card .widget__entry { padding-left: 26px; } .widget-card .widget__entry h3 { font-size: 26px; color: #4A4A4A; line-height: 1.38; font-weight: 400; } .widget-card .widget__body { padding: 0 8px 14px; } .widget-card .widget__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget-card .widget__info-entry { margin: 14px 0 0 10px; } .widget-card .widget__info-entry h5 { margin-bottom: -2px; font-size: 17px; color: #4A4A4A; letter-spacing: 0.06em; } .widget-card .widget__info-entry p { font-size: 16px; color: #4A4A4A; letter-spacing: 0.055em; } .widget-card .widget__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 31px 10px 0 24px; } /* Small Desktop */ @media (max-width: 1200px) { .widget-card .btn { min-width: 200px; margin-right: 12px; } .widget-card .likes { margin-right: 12px; } .widget-card .widget__image { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .widget-card .widget__entry { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .widget-card .widget__entry h3 { font-size: 22px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-card .btn { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin: 0 0 10px 0; } .widget-card .widget__head { -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-card .widget__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .widget-card .widget__image img { width: 100%; } .widget-card .widget__entry { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-top: 20px; padding-bottom: 20px; } .widget-card .widget__info-entry h5 { font-size: 16px; } .widget-card .widget__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px; padding-right: 10px; } } /* Mobile */ @media (max-width: 767px) { .widget-card .btn { margin-bottom: 15px; } .widget-card .likes { position: relative; left: -10px; } .widget-card .widget__head { padding: 0; } .widget-card .widget__body { padding-bottom: 28px; } .widget-card .widget__entry { padding-left: 18px; padding-right: 20px; padding-bottom: 37px; } .widget-card .widget__entry h3 { font-size: 20px; line-height: 1.2; } .widget-card .widget__info img { position: relative; top: -12px; left: 9px; max-width: 60px; } .widget-card .widget__info-entry { margin-top: 28px; margin-left: 22px; } .widget-card .widget__info-entry h5 { margin-bottom: 1px; font-size: 14px; } .widget-card .widget__info-entry p { font-size: 13px; line-height: 1.15; } .widget-card .widget__actions { padding-top: 19px; padding-left: 13px; padding-right: 13px; } } /* ------------------------------------------------------------ *\ Widget Product \* ------------------------------------------------------------ */ .widget-product { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget-product .video { min-height: 163px; padding-bottom: 0; } .widget-product .video .play--custom { margin-left: -22px; margin-top: -25px; opacity: .7; } .widget-product .video.is-playing .play--custom { opacity: 0; } .widget-product .widget__image { -webkit-box-flex: 0; -ms-flex: 0 0 163px; flex: 0 0 163px; max-width: 163px; } .widget-product .widget__entry { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 41px 34px 0 20px; } .widget-product .widget__entry h4 { margin-bottom: 6px; font-size: 18px; line-height: 1.22; color: #df4662; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase; } .widget-product .widget__entry p { font-size: 16px; color: #4a4a4a; line-height: 1.63; font-weight: 300; } .widget-product .widget__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* Large Desktop */ @media (max-width: 1360px) { .widget-product .widget__entry { padding-top: 24px; } } /* Small Desktop */ @media (max-width: 1200px) { .widget-product .widget__image { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; } .widget-product .widget__entry { padding-left: 16px; padding-right: 16px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .widget-product { -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-product .widget__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; text-align: center; } .widget-product .widget__entry { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 10px; } } /* Mobile */ @media (max-width: 767px) { .widget-product { overflow: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .widget-product .video .play--custom { width: 45px; height: 45px; } .widget-product .widget__image { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; max-width: 160px; margin-left: -40px; } .widget-product .widget__entry { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: none; padding-top: 44px; margin-left: -35px; } } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */