/* Theme Name: DDA Theme URI: https://www.domaindesignagency.com/ Description: Domain Design Agency Blog Version: 1.4.3 Author: DDA Robbie Author URI: https://www.domaindesignagency.com/ Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /* Table of Contents 01. Plugins ----------------------------------- Fix of Webkit flickering ----------------- Auto Height ------------------------------ IE10 Windows Phone 8 Fixes --------------- Common Styles ---------------------------- Bullets ---------------------------------- Progress --------------------------------- Scrollbar -------------------------------- Preloader -------------------------------- Windows 8 IE 10 fix ---------------------- 02. Settings ---------------------------------- 03. Sprite ------------------------------------ 04. Generic ----------------------------------- 05. Base -------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 06. Fonts ------------------------------------- 07. Helpers ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 08. Reset ------------------------------------- 09. Regions ----------------------------------- 10. Container --------------------------------- 11. Content ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 12. Footer ------------------------------------ Footer Top ------------------------------- Footer Content --------------------------- Footer Bottom ---------------------------- Footer Callout --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 13. Header ------------------------------------ Header Aside ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 14. Main -------------------------------------- 15. Shell ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 16. Sidebar ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 17. Wrapper ----------------------------------- 18. Modules ----------------------------------- 19. Article ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Article Single ---------------------------- Article Single Arrows -------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 21. Article Fancy ----------------------------- Article Fancy Type 2 --------------------- Article Fancy Type 3 --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile Portrait -------------------------- 22. Banner Cookie ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 23. Breadcrumbs ------------------------------- 24. Breadcrumbs Dash -------------------------- 25. Button ------------------------------------ Button Block ----------------------------- Button small ----------------------------- Button Narrow ---------------------------- Button Fluid ----------------------------- Button Warning --------------------------- Button Default --------------------------- Button White ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 26. Callout ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 27. Callout Small ----------------------------- Mobile ----------------------------------- 28. Case Study -------------------------------- Case Study Head -------------------------- Case Study Body -------------------------- Mobile ----------------------------------- 29. Contacts ---------------------------------- Contacts Large --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 30. Contacts Small ---------------------------- Contact ---------------------------------- Contact Small Large ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Contact Simple ---------------------------- Mobile ----------------------------------- 32. Date -------------------------------------- Small Desktop ---------------------------- 33. Feature Simple ---------------------------- Mobile ----------------------------------- 34. Form Elements ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 35. Checkboxes -------------------------------- CHeckbox --------------------------------- Mobile ----------------------------------- 36. Form Contact ------------------------------ Mobile ----------------------------------- 37. Icons ------------------------------------- 38. Intro ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 39. Intro Small ------------------------------- Intro Small Service ---------------------- Intro Small About ------------------------ Intro Small Contact ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 40. List -------------------------------------- 41. List Rating ------------------------------- 42. List Features ----------------------------- 43. List Features Simple ---------------------- 44. Logo -------------------------------------- Mobile ----------------------------------- 45. Members ----------------------------------- Mobile ----------------------------------- 46. Member ------------------------------------ Member Socials --------------------------- Member Hover ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 47. Modal ------------------------------------- Modal Button Close ----------------------- Modal Active ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. Nav Trigger ------------------------------- Small Desktop ---------------------------- 49. Nav Trigger Close ------------------------- 50. Nav --------------------------------------- Nav Dropdown ----------------------------- Tablet Portrait -------------------------- 51. Nav Aside --------------------------------- Nav Aside Dropdown ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 52. Nav Secitons ------------------------------ Nav Sections Fixed ----------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile Portrait -------------------------- 53. Nav Thumbs -------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 54. News -------------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 55. News Item --------------------------------- Small Desktop ---------------------------- 56. Note -------------------------------------- Mobile ----------------------------------- 57. Partners ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 58. Review Single ----------------------------- Review Cite ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 59. Search ------------------------------------ 60. Section ----------------------------------- Section ---------------------------------- Section Even ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 61. Section Solid ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 62. Section Features -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 63. Slider Testimonials ----------------------- 64. Slider Logos ------------------------------ 65. Socials ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 66. Steps ------------------------------------- Steps Contact ---------------------------- Mobile ----------------------------------- 67. Step -------------------------------------- Step Head -------------------------------- Step Body -------------------------------- Step Active ------------------------------ Step Contact ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 68. Table ------------------------------------- 69. Testimonial ------------------------------- Testimonial ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Testimonial ------------------------------ 70. Text -------------------------------------- 71. Thumbs Cases ------------------------------ Thumbs Cases With Nav -------------------- Mobile ----------------------------------- Thumbs Cases With Nav -------------------- 72. Thumb Case -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Thumb ------------------------------------ 73. Thumb Image ------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 74. Well -------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 75. Widget ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 76. Widget Nav -------------------------------- 77. Widget Socials ---------------------------- 78. Widget Callout ---------------------------- Mobile ----------------------------------- 79. Themes ------------------------------------ 80. Malihu ------------------------------------ Mobile ----------------------------------- 81. Swiper ------------------------------------ Swiper Pagination Large ------------------ Swiper Pagination Orange ----------------- Swiper Scrollbar ------------------------- Mobile ----------------------------------- */ /* ------------------------------------------------------------ *\ Plugins \* ------------------------------------------------------------ */ /** * Swiper 4.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 13, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -o-linear-gradient( right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; -o-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: 0.55s; -o-transition-duration: 0.55s; transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: 0.65s; -o-transition-duration: 0.65s; transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: 0.85s; -o-transition-duration: 0.85s; transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: 0.85s; -o-transition-delay: 0.85s; transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: 0.95s; -o-transition-duration: 0.95s; transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: 0.95s; -o-transition-delay: 0.95s; transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; -o-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; -o-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; -o-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; -o-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; -o-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; -o-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; -o-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; -o-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; -o-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; -o-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; -o-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; -o-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; -o-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; -o-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; -o-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; -o-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; -o-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; -o-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; -o-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; -o-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; -o-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; -o-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; -o-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; -o-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; -o-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; -o-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; -o-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; -o-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; -o-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; -o-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; -o-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; -o-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; -o-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; -o-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; -o-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; -o-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; -o-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; -o-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; -o-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; -o-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; -o-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; -o-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; -o-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; -o-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; -o-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; -o-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; -o-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; -o-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; -o-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; -o-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; -o-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; -o-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; -o-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; -o-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } [data-aos="fade-up"] { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } [data-aos="fade-down"] { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } [data-aos="fade-right"] { -webkit-transform: translate(-100px); -ms-transform: translate(-100px); transform: translate(-100px); } [data-aos="fade-left"] { -webkit-transform: translate(100px); -ms-transform: translate(100px); transform: translate(100px); } [data-aos="fade-up-right"] { -webkit-transform: translate(-100px, 100px); -ms-transform: translate(-100px, 100px); transform: translate(-100px, 100px); } [data-aos="fade-up-left"] { -webkit-transform: translate(100px, 100px); -ms-transform: translate(100px, 100px); transform: translate(100px, 100px); } [data-aos="fade-down-right"] { -webkit-transform: translate(-100px, -100px); -ms-transform: translate(-100px, -100px); transform: translate(-100px, -100px); } [data-aos="fade-down-left"] { -webkit-transform: translate(100px, -100px); -ms-transform: translate(100px, -100px); transform: translate(100px, -100px); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; -webkit-transform: translate(0) scale(1); -ms-transform: translate(0) scale(1); transform: translate(0) scale(1); } [data-aos="zoom-in"] { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } [data-aos="zoom-in-up"] { -webkit-transform: translateY(100px) scale(0.6); -ms-transform: translateY(100px) scale(0.6); transform: translateY(100px) scale(0.6); } [data-aos="zoom-in-down"] { -webkit-transform: translateY(-100px) scale(0.6); -ms-transform: translateY(-100px) scale(0.6); transform: translateY(-100px) scale(0.6); } [data-aos="zoom-in-right"] { -webkit-transform: translate(-100px) scale(0.6); -ms-transform: translate(-100px) scale(0.6); transform: translate(-100px) scale(0.6); } [data-aos="zoom-in-left"] { -webkit-transform: translate(100px) scale(0.6); -ms-transform: translate(100px) scale(0.6); transform: translate(100px) scale(0.6); } [data-aos="zoom-out"] { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } [data-aos="zoom-out-up"] { -webkit-transform: translateY(100px) scale(1.2); -ms-transform: translateY(100px) scale(1.2); transform: translateY(100px) scale(1.2); } [data-aos="zoom-out-down"] { -webkit-transform: translateY(-100px) scale(1.2); -ms-transform: translateY(-100px) scale(1.2); transform: translateY(-100px) scale(1.2); } [data-aos="zoom-out-right"] { -webkit-transform: translate(-100px) scale(1.2); -ms-transform: translate(-100px) scale(1.2); transform: translate(-100px) scale(1.2); } [data-aos="zoom-out-left"] { -webkit-transform: translate(100px) scale(1.2); -ms-transform: translate(100px) scale(1.2); transform: translate(100px) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } [data-aos="slide-up"] { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } [data-aos="slide-down"] { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } [data-aos="slide-right"] { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } [data-aos="slide-left"] { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos="flip-left"] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos="flip-up"] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos="flip-down"] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-star { background-image: url(assets/images/sprite.png); background-position: 0% 0%; background-size: 100% 100%; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0px; } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ html { font-size: 1.04vw; } body { min-width: 320px; background: #fff; font-family: "Gotham", sans-serif; font-size: 1.04vw; line-height: 1.5; letter-spacing: -0.028em; color: #777777; } body.modal-open { overflow: hidden; } a { color: inherit; text-decoration: underline; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } a:hover, a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75em; } h1 { font-size: 3.76rem; line-height: 1; letter-spacing: -0.025em; } h2 { font-size: 2.6rem; font-weight: 300; line-height: 1.15; letter-spacing: -0.029em; } h3 { font-size: 1.85rem; font-weight: 300; letter-spacing: -0.025em; } h4 { margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 300; line-height: 1; letter-spacing: -0.028em; color: #0073aa; } h5 { font-size: 1rem; } h6 { font-size: 0.8rem; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.5em; } 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; } /* Small Desktop */ @media (max-width: 1199px) { html, body { font-size: 1.3vw; } } /* Tablet Portrait */ @media (max-width: 1023px) { html, body { font-size: 1.5vw; } } /* Mobile */ @media (max-width: 767px) { html, body { font-size: 16px; } h1 { font-size: 40px; } h2 { font-size: 36px; } h3 { margin-bottom: 12px; font-size: 33px; line-height: 1.15; } h4 { margin-bottom: 11px; font-size: 24px; line-height: 1.2; } h5 { font-size: 16px; } h6 { font-size: 14px; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: "Gotham"; src: url("assets/fonts/src/assets/fonts/Gotham-Bold.woff2") format("woff2"), url("assets/fonts/src/assets/fonts/Gotham-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Gotham"; src: url("assets/fonts/src/assets/fonts/Gotham-MediumItalic.woff2") format("woff2"), url("assets/fonts/src/assets/fonts/Gotham-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: "Gotham"; src: url("assets/fonts/src/assets/fonts/Gotham-Light.woff2") format("woff2"), url("assets/fonts/src/assets/fonts/Gotham-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Gotham"; src: url("assets/fonts/src/assets/fonts/Gotham-Medium.woff2") format("woff2"), url("assets/fonts/src/assets/fonts/Gotham-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Gotham"; src: url("assets/fonts/src/assets/fonts/Gotham-Book.woff2") format("woff2"), url("assets/fonts/src/assets/fonts/Gotham-Book.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Gotham"; src: url("assets/fonts/src/assets/fonts/Gotham-Thin.woff2") format("woff2"), url("assets/fonts/src/assets/fonts/Gotham-Thin.woff") format("woff"); font-weight: 100; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* 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%; } /* 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: 1199px) { .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: 1200px) { .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; } } .scroll-disabled { overflow: hidden; height: 100%; margin: 0; } /* ------------------------------------------------------------ *\ 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 \* ------------------------------------------------------------ */ .container { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -1.6rem; } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content { width: calc(100% - 320px); padding: 0 1.6rem; } /* Tablet Portrait */ @media (max-width: 1023px) { .content { width: 100%; padding-top: 3rem; } } /* Mobile */ @media (max-width: 767px) { .content { padding-top: 0; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { position: relative; z-index: 5; background: #fff; padding: 3.26rem 5.01rem 1.5rem; background: -webkit-gradient( linear, left top, left bottom, from(#ededed), color-stop(50%, #fefefe), to(#fff) ); background: -o-linear-gradient(top, #ededed 0%, #fefefe 50%, #fff 100%); background: linear-gradient(to bottom, #ededed 0%, #fefefe 50%, #fff 100%); color: #000; } /* Footer Top */ .footer .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin-bottom: 3.26rem; } /* Footer Content */ .footer .footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin-bottom: 5.01rem; } .footer .footer__bottom { position: relative; } .footer .footer__bottom-entry { max-width: 34.3rem; margin: 0 auto; font-size: 0.7rem; font-weight: 300; line-height: 1.38; letter-spacing: -0.024em; text-align: center; padding-top: 20px; } .footer .footer__copyright { position: absolute; bottom: 5px; left: 0; max-width: 14.52rem; font-size: 0.5rem; font-weight: 300; line-height: 1.29; letter-spacing: -0.024em; } .footer__copyright img { width: 120px; } .footer .google-parter-badge { position: absolute; right: 0; top: 0; } .footer .callout { max-width: 30.05rem; margin-top: 0.25rem; } .footer .callout-small { /*position:absolute;right:0;bottom:0.35rem;*/ margin-top: 30px; text-align: right; } .footer .contacts-small { width: 46%; } .footer .footer__socials { padding: 0 0.6rem 0.45rem 0; } @media (max-width: 1199px) { .footer .contacts-small { width: 50%; } } @media (max-width: 1023px) { .footer { padding: 3rem 2rem; } .footer .footer__bottom-entry { max-width: 100%; margin-bottom: 1rem; padding-top: 0; } .footer .footer__bottom-entry br { display: none; } .footer .footer__copyright { position: static; max-width: 100%; text-align: center; } .footer .footer__socials { max-width: 40%; } .footer .contacts-small { width: 60%; } .footer .callout { max-width: 50%; } .footer .google-parter-badge { position: static; text-align: center; margin-bottom: 1rem; } } @media (max-width: 767px) { .footer { padding: 51px 28px 20px; text-align: center; } .footer .footer__top { display: block; margin-bottom: 44px; } .footer .footer__content { display: block; margin-bottom: 42px; } .footer .footer__socials { max-width: 100%; padding: 0; } .footer .footer__bottom-entry { margin-bottom: 34px; font-size: 13px; line-height: 1.4; letter-spacing: -0.024em; } .footer .footer__copyright { max-width: 66%; margin: 0 auto; font-size: 12px; line-height: 1.5; letter-spacing: -0.024em; } .footer .callout { max-width: 100%; margin: 0 0 46px; } .footer .callout-small { text-align: center; } .footer .google-parter-badge { margin-bottom: 32px; } .footer .contacts-small { width: 100%; margin-bottom: 74px; } .footer .contact-small { padding: 0; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: absolute; top: 0; left: 0; z-index: 15; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 1.35rem 2.25rem 0 1.85rem; color: #fff; } .header .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .header .header__logo { position: relative; z-index: 20; padding-top: 0.6rem; } .header .header__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .header .header__phone { display: inline-block; margin-left: 1.5rem; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.006em; } /* Header Aside */ .header .header__aside { position: fixed; top: 0; left: 0; z-index: 15; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; width: 100%; height: 100%; padding: 16.43rem 2.5rem 2.5rem; background: rgba(0, 115, 170, 0.95); color: #fff; } .header .header__aside.has-transition { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header .header__aside.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .header .contact-simple { position: absolute; top: 4.31rem; right: 2.95rem; } .header .nav-trigger { margin-left: 1.3rem; } .header .nav-trigger-close { position: absolute; top: 1.25rem; right: 1.4rem; } /* Tablet Portrait */ @media (max-width: 1023px) { .header .header__phone { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .header .nav, .header .btn, .header .header__phone { display: none; } .header { padding: 1px 10px 10px; } .header .header__actions { margin: 15px 2px 0 0; } .header .nav-trigger { margin: 0; } .header .header__aside { padding: 70px 20px; } .header .contact-simple { position: static; margin-top: 30px; margin-bottom: 60px; text-align: center; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1640px; padding-left: 20px; padding-right: 20px; margin: auto; } .shell--large { max-width: 1692px; } .shell--xlarge { max-width: 1780px; } .shell-fluid { padding: 0 6.31rem; } .shell-fluid--gutters-small { padding: 0 2.6rem; } .shell-fluid--gutters-blog { padding: 2.6rem 0 0 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .shell-fluid { padding: 0 3rem; } } /* Mobile */ @media (max-width: 767px) { .shell-fluid { padding: 0 26px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { position: relative; width: 294px; padding-right: 1.25rem; } .sidebar .nav-trigger { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .sidebar { width: 0; padding: 3rem 0 0 0; } .sidebar .nav-trigger { position: absolute; top: 0; right: 0; z-index: 5; display: inline-block; } } /* Mobile */ @media (max-width: 767px) { .sidebar .nav-trigger { right: 15px; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; } /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { padding: 4.01rem 0 8.9rem; font-size: 0.9rem; line-height: 1.56; letter-spacing: 0.001em; color: #3b3b3b; } .article .article__entry { padding-right: 1rem; } .article .article__section { margin-bottom: 2.5rem; } .article .article__foot { margin-top: 4.16rem; } .article h4 { font-size: 1.6rem; letter-spacing: normal; color: #333333; } .article h5 { font-size: 1rem; } .article h6 { font-size: 0.9rem; font-weight: 700; letter-spacing: 0.0057em; } .article a { font-weight: 500; color: #0073aa; } .article ul { list-style-type: none; } .article ul li { position: relative; } .article ul li:before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; margin: 0 8px 0 2px; background: #3b3b3b; } /* Small Desktop */ @media (max-width: 1199px) { .article { font-size: 1rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article { font-size: 1.3rem; } .article h4 { font-size: 2rem; } .article h5 { font-size: 1.5rem; } .article h6 { font-size: 1.3rem; } } /* Mobile */ @media (max-width: 767px) { .article { padding: 40px 0; font-size: 16px; } .article .article__entry { padding: 0; white-space: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .article h4 { font-size: 26px; } .article h5 { font-size: 18px; } .article h6 { font-size: 16px; } } /* ------------------------------------------------------------ *\ Article Single \* ------------------------------------------------------------ */ .article-single .article__head { padding: 18rem 0 3.3rem; color: #fff; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .article-single .article__title { margin-bottom: 4.1rem; text-align: right; } .article-single .article__body { padding: 2.7rem 0; } .article-single .article__entry { margin-bottom: 2.3rem; font-size: 0.9rem; letter-spacing: -0.03em; } .article-single .article__entry p { margin-bottom: 1rem; } .article-single .article__entry h5 { margin-bottom: 1.1rem; font-size: 1.1rem; font-weight: 400; line-height: 1.3; } .article-single .article__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 0.4rem; margin-top: 6.1rem; } /* Article Single Arrows */ .article-single .article__arrow { position: relative; display: inline-block; font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: #484848; text-decoration: none; } .article-single .article__arrow:hover .article__arrow-inner, .article-single .article__arrow:hover { color: #0073aa; } .article-single .article__arrow-inner { display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #2b2b2b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article-single .article__arrow:before { position: absolute; top: -0.95rem; display: inline-block; font-size: 6.46rem; font-weight: 100; line-height: 0.8em; color: #0073aa; } .article-single .article__arrow--prev { padding-left: 4.41rem; } .article-single .article__arrow--prev:before { content: "<"; left: 0; } .article-single .article__arrow--next { padding-right: 4.41rem; text-align: right; } .article-single .article__arrow--next:before { content: ">"; right: 0; } .article-single .breadcrumbs { text-align: right; } .article-single .thumb-image { margin-bottom: 2.5rem; } /* Small Desktop */ @media (max-width: 1199px) { .article-single { font-size: 1.4rem; } .article-single .article__entry { font-size: 1.4rem; } .article-single .article__entry h5 { font-size: 1.6rem; } .article-single .article__arrow { overflow: hidden; max-width: 50%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .article-single .article__arrow:before { top: 0.4rem; font-size: 3rem; } .article-single .article__arrow--prev { padding-left: 2rem; } .article-single .article__arrow--next { padding-right: 2rem; } } /* Mobile */ @media (max-width: 767px) { .article-single .article__head { padding: 100px 0 40px; } .article-single .article__title { font-size: 40px; } .article-single .article__entry { font-size: 18px; } .article-single .article__entry h5 { font-size: 20px; } .article-single .article__actions { margin-top: 40px; } .article-single .article__arrow { padding-top: 3px; } .article-single .article__arrow:before { top: 0; } .article-single .article__arrow-inner { display: none; } } /* ------------------------------------------------------------ *\ Article Fancy \* ------------------------------------------------------------ */ .article-fancy { position: relative; overflow: hidden; padding-bottom: 17.53rem; } .article-fancy .article__head { width: 87%; margin-bottom: 2.2rem; } .article-fancy .article__subtitle { font-weight: 700; } .article-fancy .article__title { font-weight: 700; color: #0073aa; } .article-fancy .article__entry { margin-bottom: 2rem; line-height: 1.8; } .article-fancy .article__entry--narrow { width: 53%; } .article-fancy .article__image { position: absolute; bottom: -4.91rem; right: 0; z-index: -1; max-width: 75%; } /* Article Fancy Type 2 */ .article-fancy--type-2 { padding-bottom: 10.92rem; } .article-fancy--type-2 .article__image { position: static; max-width: none; margin: 4.7rem -6.31rem 0 0; text-align: right; } .article-fancy--type-2 .article__body { position: relative; } .article-fancy--type-2 .article__text-large { position: absolute; bottom: 3.1rem; left: 2.05rem; max-width: 40.06rem; font-size: 2rem; font-weight: 300; line-height: 1.63; letter-spacing: -0.02em; } /* Article Fancy Type 3 */ .article-fancy--type-3 { padding-bottom: 12rem; } .article-fancy--type-3 .article__image { top: 0.9rem; right: auto; bottom: auto; left: 0; width: 33%; } .article-fancy--type-3 .article__entry { margin-bottom: 3.46rem; font-size: 1.25rem; line-height: 1.45; } .article-fancy--type-3 .article__content { width: 67%; margin-left: auto; } .article-fancy--type-3 .article__media { margin: 4.71rem -6.31em 0 0; text-align: right; } /* Small Desktop */ @media (max-width: 1199px) { .article-fancy--type-2 .article__text-large { bottom: 1rem; left: 0; font-size: 1.7rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-fancy--type-2 .article__image, .article-fancy--type-3 .article__media { margin-right: -3rem; } } /* Mobile */ @media (max-width: 767px) { .article-fancy { padding-bottom: 60px; } .article-fancy .article__head { width: 100%; } .article-fancy .article__subtitle { font-size: 30px; } .article-fancy .article__title { font-size: 30px; } .article-fancy .article__entry { font-size: 16px; } .article-fancy .article__image { position: relative; max-width: 100%; bottom: auto; right: -26px; } .article-fancy .article__entry--narrow { width: 100%; } .article-fancy--type-2 { padding-bottom: 60px; } .article-fancy--type-2 .article__image { margin: 20px -26px 20px 0; } .article-fancy--type-2 .article__text-large { position: static; width: 100%; font-size: 20px; } .article-fancy--type-2 .article__text-large br { display: none; } .article-fancy--type-3 { padding-bottom: 40px; } .article-fancy--type-3 .article__media { margin: 20px -26px 0 0; } .article-fancy--type-3 .article__image { position: absolute; max-width: 75%; right: auto; } } /* Mobile Portrait */ @media (max-width: 410px) { .article-fancy .article__image { max-width: 100%; } .article-fancy--type-3 .article__image { max-width: 90%; } .article-fancy, .article-fancy--type-2 { padding-bottom: 50px; } .article-fancy--type-2 .article__image { max-width: 100%; margin: 20px -26px 20px 26px; } .article-fancy--type-3 { padding-bottom: 50px; } } /* ------------------------------------------------------------ *\ Banner Cookie \* ------------------------------------------------------------ */ .banner-cookie { position: fixed; top: 0; left: 0; z-index: 100; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 0.8rem 1.2rem 1.05rem 4.46rem; background: #0073aa; color: #fff; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .banner-cookie .banner__entry { font-weight: 300; letter-spacing: 0.0272em; } .banner-cookie .banner__entry a { display: inline-block; margin-left: 0.9rem; font-weight: 500; text-decoration: none; font-style: italic; } .banner-cookie .banner__entry a:hover { color: #333333; } .banner-cookie .btn { -ms-flex-negative: 0; flex-shrink: 0; min-width: auto; height: 2.6rem; padding: 0 1rem 0 1.35rem; font-size: 1.1rem; font-weight: 300; line-height: 2.6rem; text-transform: none; } .banner-cookie.visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* Small Desktop */ @media (max-width: 1199px) { .banner-cookie .btn { font-size: 1rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .banner-cookie { padding: 0.8rem 3rem; } } /* Mobile */ @media (max-width: 767px) { .banner-cookie { display: block; padding: 10px 10px; } .banner-cookie .banner__entry { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { font-size: 1.4rem; font-weight: 300; } .breadcrumbs li { position: relative; display: inline-block; } .breadcrumbs li:after { content: "/"; color: #0073aa; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs a { text-decoration: none; } .breadcrumbs a:hover { color: #0073aa; } /* ------------------------------------------------------------ *\ Breadcrumbs Dash \* ------------------------------------------------------------ */ .breadcrumbs-dash { margin-bottom: 1rem; } .breadcrumbs-dash ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 0; font-weight: 400; color: #fff; } .breadcrumbs-dash li + li:before { content: "—"; display: inline-block; vertical-align: middle; margin: 0 0.3rem; font-size: 1.2rem; color: #0073aa; } .breadcrumbs-dash a { display: inline-block; vertical-align: middle; font-size: 1.15rem; text-decoration: none; } .breadcrumbs-dash a:hover { color: #0073aa; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; min-width: 17.78rem; height: 3.1rem; padding: 0 1rem; border: 0 none; border-radius: 0; background: #333333; font-size: 1.2rem; font-weight: 400; line-height: 3.1rem; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn:hover { background: rgb(71, 71, 71); } .btnlrpad { padding: 0 2.5rem; } /* Button Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* Button small */ .btn--small { min-width: 7.41rem; height: 2.2rem; padding: 0 0.5rem; font-size: 0.8rem; font-weight: 700; line-height: 2.2rem; } /* Button Narrow */ .btn--narrow { min-width: 15.32rem; font-weight: 500; letter-spacing: normal; } .btn--narrower { min-width: 12.72rem; font-weight: 500; letter-spacing: normal; } /* Button Fluid */ .btn--fluid { min-width: auto; padding: 0 2.9rem; letter-spacing: normal; text-transform: none; } /* Button Warning */ .btn--warning { background: #0073aa; } .btn--warning:hover { background: rgb(23, 102, 140); } /* Button Default */ .btn--default { background: #777777; } .btn--default:hover { background: rgb(95, 95, 95); } /* Button White */ .btn--white { background: #fff; color: #0073aa; } .btn--outline { background: #fff; border: 3px solid #c8c8c8; color: #c8c8c8; } .btn--outline:hover { border: 3px solid #474747; color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .btn { min-width: 160px; height: 40px; font-size: 14px; line-height: 40px; } .btn--small { min-width: 100px; height: 32px; font-size: 12px; line-height: 32px; } } /* Mobile */ @media (max-width: 767px) { .btn { min-width: 0; width: 100%; height: auto; padding: 15px 10px; font-size: 20px; line-height: 1.3; } } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout .callout__title { font-size: 1.8rem; font-weight: 300; line-height: 1.28; letter-spacing: -0.053em; } .callout .callout__link { font-size: 1.35rem; font-weight: 300; color: #0073aa; letter-spacing: -0.053em; text-decoration: none; } .callout .callout__link i { margin-right: 0.4rem; } .callout .callout__link:hover { opacity: 0.7; } /* Tablet Portrait */ @media (max-width: 1023px) { .callout .callout__title { font-size: 22px; } .callout .callout__link { font-size: 16px; } } /* Mobile */ @media (max-width: 767px) { .callout .callout__title { font-weight: 300; letter-spacing: -0.05em; } .callout .callout__link { text-align: center; } } /* ------------------------------------------------------------ *\ Callout Small \* ------------------------------------------------------------ */ .callout-small { letter-spacing: -0.049em; } .callout-small .callout__title { margin-bottom: 0; font-size: 1.15rem; font-weight: 300; line-height: 1; } .callout-small .callout__link { font-size: 0.85rem; font-weight: 500; color: #0073aa; text-decoration: none; } .callout-small .callout__link:hover { opacity: 0.7; } /* Mobile */ @media (max-width: 767px) { .callout-small .callout__title { margin-bottom: 5px; font-size: 23px; } .callout-small .callout__link { font-size: 17px; } } /* ------------------------------------------------------------ *\ Case Study \* ------------------------------------------------------------ */ .case-study { margin-bottom: 3.5rem; } /* Case Study Head */ .case-study .case__head { position: relative; display: table; width: 100%; min-height: 100vh; height: 1px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; color: #fff; } .case-study .case__title { font-size: 3rem; font-weight: 400; letter-spacing: -0.025em; } .case-study .case__head-content { display: table-cell; vertical-align: middle; text-align: center; } .case-study .case__head-image { margin-bottom: 2.9rem; } .case-study .case__head-actions { position: absolute; bottom: 2rem; left: 0; width: 100%; } .case-study .case__head .js-scroll-to-section:hover { opacity: 0.8; } /* Case Study Body */ .case-study .case__body { padding-top: 6.16rem; } .case-study .case__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 0 2.4rem; } .case-study .case__arrow-next { font-size: 2.9rem; font-weight: 100; letter-spacing: -0.025em; text-decoration: none; } .case-study .case__arrow-next:hover { color: #0073aa; } .case-study .case__arrow-next small { font-size: 2.45rem; } /* Mobile */ @media (max-width: 767px) { .case-study .case__head { padding: 180px 0; } .case-study .case__head-image { margin-bottom: 20px; } .case-study .case__head-actions { bottom: 20px; } .case-study .case__title { font-size: 36px; } .case-study .case__body { padding: 40px 0; } .case-study .case__arrow-next, .case-study .case__arrow-next small { font-weight: 400; font-size: 20px; } } /* ------------------------------------------------------------ *\ Contacts \* ------------------------------------------------------------ */ .contacts .contacts__head { margin-bottom: 1.25rem; } .contacts .contacts__head-inner { margin-bottom: 1.45rem; } .contacts .contacts__title { font-size: 2.55rem; letter-spacing: 0; color: #0073aa; } .contacts .contacts__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .contacts .contacts__aside { width: 34%; padding-top: 0.5rem; } .contacts .contacts__aside p { margin-bottom: 1rem; } .contacts .contacts__content { width: 53.6%; } .contacts .form-contact { max-width: 25.64rem; margin-bottom: 7.51rem; } .contacts .contact-simple { padding-left: 0.35rem; } /* Contacts Large */ .contacts--large { overflow: hidden; padding: 3.71rem 0 5.2rem; } .contacts--large .contacts__title { margin-bottom: 1.1rem; } .contacts--large .contacts__head { margin-bottom: 6.9rem; } .contacts--large .form-contact { margin-bottom: 0; } /* Small Desktop */ @media (max-width: 1199px) { .contacts .contacts__content { width: 60%; } .contacts .contacts__aside { width: 40%; padding-left: 1rem; } .contacts--large .form-contact { max-width: 100%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .contacts .contacts__content { width: 56%; } .contacts .contacts__aside { width: 44%; padding-left: 1.5rem; } .contacts .form-contact { max-width: 100%; } .contacts--large .contacts-small { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .contacts--large .contact-small { margin-bottom: 2rem; } } /* Mobile */ @media (max-width: 767px) { .contacts .contacts__inner { display: block; } .contacts .contacts__aside { width: 100%; padding: 0; } .contacts .contacts__content { width: 100%; } .contacts .form-contact { padding: 0; margin-bottom: 30px; } .contacts .contact-simple { padding: 0; } .contacts .contact-small { text-align: center; } .contacts--large { padding: 40px 0; } .contacts--large .contacts__head { margin-bottom: 40px; } } /* ------------------------------------------------------------ *\ Contacts Small \* ------------------------------------------------------------ */ .contacts-small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; letter-spacing: -0.049em; } /* Contact */ .contact-small { padding-right: 1.5rem; font-size: 0.8rem; line-height: 1.63; } .contact-small .contact__title { margin-bottom: 0.35rem; font-size: 1.05rem; font-weight: 500; color: #0073aa; } .contact-small p { margin-bottom: 0.6rem; } .contact-small a { font-size: 0.9rem; } /* Contact Small Large */ .contact-small--large { padding: 0; font-size: 1rem; line-height: 1.3; color: #000; } .contact-small--large .contact__title { margin-bottom: 0.65rem; font-size: 1.2rem; letter-spacing: normal; } .contact-small--large a { font-size: 1.1rem; } /* Small Desktop */ @media (max-width: 1199px) { .contact-small--large { padding-right: 1rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .contact-small { font-size: 1rem; } } /* Mobile */ @media (max-width: 767px) { .contacts-small { display: block; } .contact-small { width: 100%; margin-bottom: 48px; font-size: 15px; line-height: 1.4; } .contact-small .contact__title { margin-bottom: 5px; font-size: 20px; font-weight: 300; line-height: 1; } .contact-small a { font-size: 20px; line-height: 1.2; } } /* ------------------------------------------------------------ *\ Contact Simple \* ------------------------------------------------------------ */ .contact-simple { letter-spacing: 0; } .contact-simple .contact__title { margin-bottom: 0.25rem; font-size: 2.7rem; font-weight: 300; line-height: 1; letter-spacing: 0; } .contact-simple .contact__link { display: block; margin-bottom: 0.4rem; font-size: 1.1rem; font-weight: 300; letter-spacing: 0; color: #0073aa; text-decoration: underline; } .contact-simple small { display: block; margin-bottom: 0.25rem; font-size: 1rem; font-weight: 400; } .contact-simple--large .contact__title { margin-bottom: 0.5rem; font-size: 3.26rem; } .contact-simple--large .contact__link { font-size: 1.3rem; } .contact-simple--large small { margin-bottom: 0.1rem; font-size: 1.2rem; } /* Mobile */ @media (max-width: 767px) { .contact-simple .contact__title { font-size: 48px; } .contact-simple .contact__link { font-size: 20px; } .contact-simple small { font-size: 16px; } } /* ------------------------------------------------------------ *\ Date \* ------------------------------------------------------------ */ .date { display: block; margin-bottom: 0.7rem; font-size: 0.7rem; font-weight: 700; color: #0073aa; text-transform: uppercase; } /* Small Desktop */ @media (max-width: 1199px) { .date { font-size: 1rem; } } /* ------------------------------------------------------------ *\ Feature Simple \* ------------------------------------------------------------ */ .feature-simple { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin-bottom: 2.85rem; } .feature-simple .feature__title { -ms-flex-negative: 0; flex-shrink: 0; width: 45%; padding-right: 1.5rem; font-size: 1.55rem; font-weight: 300; color: #0073aa; text-align: right; } .feature-simple .feature__title strong { display: block; font-size: 3.51rem; color: #626262; } /* Mobile */ @media (max-width: 767px) { .feature-simple { margin-bottom: 20px; } .feature-simple .feature__title { width: 56%; padding-right: 10px; font-size: 12px; } .feature-simple .feature__title strong { font-size: 20px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-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 { width: 100%; height: 2.85rem; padding: 0 0.9rem; border: 1px solid #0073aa; border-radius: 0; background: transparent; font-size: 0.9rem; font-weight: 400; letter-spacing: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .field:focus { border-color: #777777; } .field--textarea { height: 8.6rem; padding: 0.9rem; resize: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .field { height: 3.5rem; } .field--textarea { height: 11rem; } } /* Mobile */ @media (max-width: 767px) { .field { height: 4rem; font-size: 1.2rem; } .field--textarea { height: 13rem; } } /* ------------------------------------------------------------ *\ Checkboxes \* ------------------------------------------------------------ */ .checkboxes { text-align: right; } /* CHeckbox */ .checkbox { position: relative; display: inline-block; } .checkbox + .checkbox { margin-left: 1.15rem; } .checkbox input { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .checkbox label { position: relative; display: inline-block; padding: 0.15rem 2.15rem 0 0; font-size: 0.8rem; font-weight: 400; letter-spacing: normal; } .checkbox label:after { content: ""; position: absolute; top: 0; right: 0; width: 1.6rem; height: 1.6rem; border: 1px solid #0073aa; } .checkbox label:before { content: ""; position: absolute; top: 0rem; right: 0rem; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 1.6rem; height: 1.6rem; background: url(assets/images/temp/tick-contact.png) #0073aa no-repeat 0 0; background-size: 100% 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .checkbox input:checked + label:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Mobile */ @media (max-width: 767px) { .checkbox label:after { width: 26px; height: 26px; } .checkbox label:before { top: 3px; right: 3px; width: 20px; height: 20px; } } /* ------------------------------------------------------------ *\ Form Contact \* ------------------------------------------------------------ */ .form-contact .form__row { margin-bottom: 1.1rem; } .form-contact .form__row:last-child { margin-bottom: 0; } .form-contact .form__body { margin-bottom: 0.7rem; } .form-contact .form__actions { text-align: right; } .form-contact .form__note { margin-bottom: 0.6rem; font-size: 0.85rem; line-height: 1.4; letter-spacing: normal; text-align: right; } .form-contact .form__meta { display: block; margin-top: 1rem; font-size: 0.7rem; font-weight: 500; font-style: italic; color: #0073aa; text-align: right; } .form-contact .btn { min-width: 10.3rem; height: 2.85rem; background: #0073aa; font-size: 0.9rem; font-weight: 400; line-height: 2.85rem; letter-spacing: 0; } .form-contact .btn:hover { background: rgb(23, 102, 140); } .form-contact--secondary .form__body { margin-bottom: 1.3rem; } .form-contact--secondary .form__row { margin-bottom: 0.6rem; } .form-contact--secondary .form__note p { margin-bottom: 0; } .form-contact--secondary .form__meta { margin-top: 0; } /* Mobile */ @media (max-width: 767px) { .form-contact .btn { height: auto; line-height: 1.3; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico-arrow-right-small { background: url(assets/images/icons/ico-arrow-right-small.png) no-repeat 0 0; background-size: 100% 100%; width: 0.75rem; height: 0.75rem; display: inline-block; vertical-align: middle; } .ico-arrow-right { background: url(assets/images/icons/ico-arrow-right.png) no-repeat 0 0; background-size: 100% 100%; width: 1.05rem; height: 1.05rem; display: inline-block; vertical-align: middle; } .ico-facebook { background: url(assets/images/icons/ico-facebook.png) no-repeat 0 0; background-size: 100% 100%; width: 1.75rem; height: 1.75rem; display: inline-block; vertical-align: middle; } .ico-facebook-small { background: url(assets/images/icons/ico-facebook.png) no-repeat 0 0; background-size: 100% 100%; width: 1.55rem; height: 1.55rem; display: inline-block; vertical-align: middle; } .ico-google-plus { background: url(assets/images/icons/ico-google-plus.png) no-repeat 0 0; background-size: 100% 100%; width: 1.8rem; height: 1.8rem; display: inline-block; vertical-align: middle; } .ico-google-plus-small { background: url(assets/images/icons/ico-google-plus.png) no-repeat 0 0; background-size: 100% 100%; width: 1.6rem; height: 1.6rem; display: inline-block; vertical-align: middle; } .ico-instagram { background: url(assets/images/icons/ico-instagram.png) no-repeat 0 0; background-size: 100% 100%; width: 1.8rem; height: 1.75rem; display: inline-block; vertical-align: middle; } .ico-instagram-small { background: url(assets/images/icons/ico-instagram.png) no-repeat 0 0; background-size: 100% 100%; width: 1.6rem; height: 1.6rem; display: inline-block; vertical-align: middle; } .ico-linkedin { background: url(assets/images/icons/ico-linkedin.png) no-repeat 0 0; background-size: 100% 100%; width: 1.8rem; height: 1.75rem; display: inline-block; vertical-align: middle; } .ico-linkedin-small { background: url(assets/images/icons/ico-linkedin.png) no-repeat 0 0; background-size: 100% 100%; width: 1.6rem; height: 1.6rem; display: inline-block; vertical-align: middle; } .ico-linkedin-t { background: url(assets/images/icons/ico-linkedin-t.png) no-repeat 0 0; background-size: 100% 100%; width: 1.05rem; height: 1rem; display: inline-block; vertical-align: middle; } .ico-linkedin-t-white { background: url(assets/images/icons/ico-linkedin-t-white.png) no-repeat 0 0; background-size: 100% 100%; width: 1.05rem; height: 1rem; display: inline-block; vertical-align: middle; } .ico-pinterest { background: url(assets/images/icons/ico-pinterest.png) no-repeat 0 0; background-size: 100% 100%; width: 1.8rem; height: 1.75rem; display: inline-block; vertical-align: middle; } .ico-pinterest-small { background: url(assets/images/icons/ico-pinterest.png) no-repeat 0 0; background-size: 100% 100%; width: 1.6rem; height: 1.6rem; display: inline-block; vertical-align: middle; } .ico-twitter { background: url(assets/images/icons/ico-twitter.png) no-repeat 0 0; background-size: 100% 100%; width: 1.75rem; height: 1.5rem; display: inline-block; vertical-align: middle; } .ico-twitter-small { background: url(assets/images/icons/ico-twitter.png) no-repeat 0 0; background-size: 100% 100%; width: 1.55rem; height: 1.4rem; display: inline-block; vertical-align: middle; } .ico-clock { background: url(assets/images/icons/ico-clock.png) no-repeat 0 0; background-size: 100% 100%; width: 1rem; height: 1rem; display: inline-block; vertical-align: middle; } .ico-search { background: url(assets/images/icons/ico-search.png) no-repeat 0 0; background-size: 100% 100%; width: 1.25rem; height: 1.25rem; display: inline-block; vertical-align: middle; } .ico-scroll { background: url(assets/images/icons/ico-scroll.png) no-repeat 0 0; background-size: 100% 100%; width: 1.45rem; height: 2.95rem; display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 100vh; height: 100vh; padding: 5.01rem 1.5rem 14.52rem 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #fff; } .intro .intro__content { display: block; padding-left: 50%; vertical-align: middle; margin-left: auto; } .intro .intro__title { margin-bottom: 1.35rem; color: #0073aa; } .intro .intro__entry { padding-right: 5.01rem; margin-bottom: 1.65rem; font-size: 2rem; line-height: 1.1; letter-spacing: -0.025em; } .intro .intro__actions { margin-bottom: 1.2rem; } .intro .btn { background: #0073aa; font-weight: 500; } .intro .btn:hover { background: rgb(23, 102, 140); } .intro .intro__foot { max-width: 32.8rem; font-size: 1.35rem; line-height: 1.3; letter-spacing: -0.028em; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro { min-height: auto; height: auto; padding: 10rem 1.5rem 15rem; } } /* Mobile */ @media (max-width: 767px) { .intro { padding: 61px 20px 20px; background-position: 33% 0%; text-align: center; } .intro .intro__content { padding-left: 0; } .intro .intro__title { width: 53%; margin: 0 0 19px auto; font-size: 26px; line-height: 1.08; } .intro .intro__entry { padding: 0; margin-bottom: 14px; font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: -0.025em; } .intro .intro__actions { margin-bottom: 16px; } .intro .btn { min-width: 140px; width: auto; height: 25px; padding: 0 5px; font-size: 11px; font-weight: 500; line-height: 25px; letter-spacing: 0; } .intro .intro__foot { max-width: 100%; font-size: 15px; font-weight: 500; line-height: 1.33; } } /* ------------------------------------------------------------ *\ Intro Small \* ------------------------------------------------------------ */ .intro-small { position: relative; padding: 15.9rem 0 3.2rem; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; color: #fff; } .intro-small:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .intro-small .intro__content { position: relative; z-index: 1; width: 50%; margin-left: auto; text-align: right; } .intro-small .intro__subtitle { font-size: 1.4rem; font-weight: 500; letter-spacing: 0.049em; text-transform: uppercase; } .intro-small .intro__title { margin-bottom: 1.5rem; font-size: 3.76rem; letter-spacing: -0.025em; color: #0073aa; } .intro-small .intro__entry { margin-bottom: 1.75rem; font-size: 1.4rem; letter-spacing: -0.025em; line-height: 1.36; } /* Intro Small Service */ .intro-small--service { padding: 16.98rem 0 1.8rem; } .intro-small--service .intro__content { width: 70%; } .intro-small--service .intro__subtitle { margin-bottom: 2.7rem; } .intro-small--service .intro__title { margin-bottom: 0.5rem; } .intro-small--service .intro__entry { margin-bottom: 2.2rem; } /* Intro Small About */ .intro-small--about { padding: 16.4rem 0 2.2rem; } .intro-small--about .intro__content { width: 60%; } .intro-small--about .intro__title { margin-bottom: 1.9rem; } /* Intro Small Contact */ .intro-small--contact .intro__content { width: 60%; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro-small .intro__content { width: 62%; } .intro-small .intro__entry { font-size: 1.6rem; } .intro-small .intro__entry br { display: none; } .intro-small--service .intro__content { width: 75%; } } /* Mobile */ @media (max-width: 767px) { .intro-small { padding: 100px 0 40px; } .intro-small:after { background: rgba(0, 0, 0, 0.5); } .intro-small .intro__content { width: 100%; } .intro-small .intro__title { margin-bottom: 40px; font-size: 40px; } .intro-small .intro__subtitle { font-size: 18px; } .intro-small .intro__entry { margin-bottom: 40px; font-size: 18px; } .intro-small--service .intro__entry { margin-bottom: 30px; } .intro-small--service .intro__subtitle { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Rating \* ------------------------------------------------------------ */ .list-rating { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } /* ------------------------------------------------------------ *\ List Features \* ------------------------------------------------------------ */ .list-features { margin-bottom: 0.8rem; font-size: 0.8rem; font-weight: 700; letter-spacing: -0.025em; text-transform: uppercase; } .list-features li { padding: 0.4rem 0.9rem; background: #0073aa; color: #fff; } .list-features li:nth-child(even) { background: #fff; color: #0073aa; } .list-features li + li { margin-top: 0.46rem; } /* ------------------------------------------------------------ *\ List Features Simple \* ------------------------------------------------------------ */ .list-features-simple { font-size: 1.4rem; font-weight: 700; text-transform: uppercase; } .list-features-simple ul { list-style-type: none; margin: 0; } .list-features-simple li + li { margin-top: 0.84rem; } .list-features-simple--orange { color: #0073aa; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; vertical-align: middle; width: 16rem; font-size: 0; text-decoration: none; } .logo-color { display: inline-block; vertical-align: middle; width: 11.22rem; font-size: 0; text-decoration: none; } /* Mobile */ @media (max-width: 767px) { .logo { width: 78px; } .logo-color { width: 154px; } } /* ------------------------------------------------------------ *\ Members \* ------------------------------------------------------------ */ .members { position: relative; overflow: hidden; margin-bottom: 0.8rem; } .members .members__head { margin-bottom: 2.5rem; } .members .members__head-inner { position: relative; } .members .members__head-aside { position: absolute; bottom: 0.3rem; right: 0.45rem; width: 12.82rem; } .members .members__title { color: #0073aa; } .members .members__body { margin-bottom: 3.41rem; } .members .members__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .members .members__actions { text-align: center; } /* Mobile */ @media (max-width: 767px) { .members .members__head { margin-bottom: 20px; } .members .members__head-aside { position: static; width: 100%; margin-top: 40px; } } /* ------------------------------------------------------------ *\ Member \* ------------------------------------------------------------ */ .member { width: 19.03rem; color: #404040; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .member .member__head { position: relative; overflow: hidden; min-height: 24.54rem; background-color: #000; } .member .member__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .member:hover .member__image { background-size: cover; background-position: 100% 100%; } .member .member__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.65rem 1.8rem; background: rgba(0, 0, 0, 0.6); color: #fff; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .member .member__interest { padding: 0 0.7rem; font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.025em; } .member .member__interest h5 { margin-bottom: 0; font-size: 0.9rem; letter-spacing: -0.025em; color: #0073aa; text-transform: uppercase; } .member .member__slogan { position: absolute; bottom: 1.4rem; left: 2.3rem; font-size: 1rem; font-weight: 400; font-style: italic; } .member .member__body { padding: 1.6rem 3.1rem 1.3rem 1.95rem; } .member .member__body-inner { min-height: 4.31rem; } .member .member__subtitle { position: relative; font-size: 0.8rem; font-weight: 700; line-height: 1.2; color: #0073aa; text-transform: uppercase; } .member .member__subtitle > span { position: relative; z-index: 1; padding-right: 0.8rem; background: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .member .member__subtitle:after { content: ""; position: absolute; bottom: 0.45rem; left: 0; width: 100%; height: 1px; background: #0073aa; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .member .member__title { margin-bottom: 1rem; font-weight: 700; letter-spacing: -0.025em; color: #404040; text-transform: uppercase; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* Member Socials */ .member .member__socials { overflow: hidden; margin-bottom: 0.95rem; } .member .member__socials ul { list-style-type: none; font-size: 0; } .member .member__socials li { position: relative; } .member .member__socials li + li { margin-left: 0.5rem; } .member .member__socials i { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .member .member__socials i + i { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .member .member__socials--hover { height: 0; } .member .member__entry { font-size: 0.9rem; line-height: 1.56; letter-spacing: 0; } /* Member Hover */ .member:hover { background: #0073aa; color: #fff; } .member:hover .member__overlay { opacity: 1; visibility: visible; } .member:hover .member__title { color: #fff; } .member:hover .member__subtitle { color: #fff; } .member:hover .member__subtitle > span { background: #0073aa; } .member:hover .member__subtitle:after { background: #fff; } .member:hover .member__socials i { opacity: 0; visibility: hidden; } .member:hover .member__socials i + i { opacity: 1; visibility: visible; } /* Small Desktop */ @media (max-width: 1199px) { .member { width: 100%; } .member .member__overlay { padding: 1rem 1rem; } .member .member__body { padding: 1.5rem; } .member .member__slogan { bottom: 1rem; left: 1rem; } } /* Mobile */ @media (max-width: 767px) { .member .member__head { min-height: 360px; } } /* ------------------------------------------------------------ *\ Modal \* ------------------------------------------------------------ */ .modal { position: fixed; top: 0; right: 0; bottom: 0; z-index: 20; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); width: 50%; height: 100vh; } .modal .modal__wrapper { position: relative; } .modal .modal__wrapper:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 70% 0 0 70%; background: #fff; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .modal .modal__inner { position: relative; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: 100vh; padding-bottom: 2rem; padding: 3.7rem 4.9rem 3.7rem 5rem; } .modal .modal__inner .contacts .contact-small a { font-weight: bold; } /* Modal Button Close */ .modal .modal__btn-close { position: absolute; top: 1.3rem; right: 1.5rem; z-index: 10; display: inline-block; width: 1.3rem; height: 1.3rem; font-size: 0; } .modal .modal__btn-close:hover { opacity: 0.7; } .modal .modal__btn-close:before, .modal .modal__btn-close:after { content: ""; position: absolute; top: 50%; left: 0; width: 1.5rem; height: 1px; background: #333333; } .modal .modal__btn-close:after { -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); } .modal .modal__btn-close:before { -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } .modal.has-transition { -webkit-transition: 0.6s 0.1s; -o-transition: 0.6s 0.1s; transition: 0.6s 0.1s; } .modal .contacts { -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); opacity: 0; -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 1s; transition: opacity 0.3s 0.3s, -webkit-transform 1s; -o-transition: transform 1s, opacity 0.3s 0.3s; transition: transform 1s, opacity 0.3s 0.3s; transition: transform 1s, opacity 0.3s 0.3s, -webkit-transform 1s; } /* Modal Active */ .modal.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .modal.active .modal__wrapper:before { border-radius: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .modal.active .contacts { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; -webkit-transition: opacity 0.3s 0.2s, -webkit-transform 0.6s 0.2s; transition: opacity 0.3s 0.2s, -webkit-transform 0.6s 0.2s; -o-transition: transform 0.6s 0.2s, opacity 0.3s 0.2s; transition: transform 0.6s 0.2s, opacity 0.3s 0.2s; transition: transform 0.6s 0.2s, opacity 0.3s 0.2s, -webkit-transform 0.6s 0.2s; } /* Tablet Portrait */ @media (max-width: 1023px) { .modal .modal__inner { padding: 4rem; } } /* Mobile */ @media (max-width: 767px) { .modal { width: 100%; } .modal .modal__inner { height: 100vh; padding: 40px 20px; } } /* ------------------------------------------------------------ *\ Nav Trigger \* ------------------------------------------------------------ */ .nav-trigger { position: relative; width: 44px; height: 30px; display: inline-block; } .nav-trigger:hover span { background: rgb(23, 102, 140); } .nav-trigger span { position: absolute; display: block; height: 6px; width: 100%; background: #0073aa; border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nav-trigger span:nth-child(1) { top: 0; } .nav-trigger span:nth-child(2) { top: 12px; } .nav-trigger span:nth-child(3) { top: 24px; } .nav-trigger.active span { -webkit-transition: top 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s; transition: top 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s; -o-transition: top 0.2s, opacity 0.2s, transform 0.2s 0.25s; transition: top 0.2s, opacity 0.2s, transform 0.2s 0.25s; transition: top 0.2s, opacity 0.2s, transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s; } .nav-trigger.active span:nth-child(3), .nav-trigger.active span:nth-child(1) { top: 12px; } .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); } /* Small Desktop */ @media (max-width: 1199px) { .nav-trigger { width: 30px; height: 20px; } .nav-trigger span { height: 4px; } .nav-trigger span:nth-child(1) { top: 0; } .nav-trigger span:nth-child(2) { top: 8px; } .nav-trigger span:nth-child(3) { top: 16px; } } /* ------------------------------------------------------------ *\ Nav Trigger Close \* ------------------------------------------------------------ */ .nav-trigger-close { position: relative; z-index: 15; width: 30px; height: 30px; } .nav-trigger-close:before, .nav-trigger-close:after { content: ""; position: absolute; top: 50%; left: 0; width: 32px; height: 1px; background: #fff; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .nav-trigger-close:before { -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } .nav-trigger-close:after { -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); } .nav-trigger-close:hover:before, .nav-trigger-close:hover:after { background: rgb(204, 204, 204); } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { text-transform: uppercase; } .nav > ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0; } .nav > ul > li { height: 100%; } .nav > ul > li > a:not(.btn):not(.header__phone) { display: block; padding: 0.5rem 1.05rem 0.55rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.15em; color: inherit; } .nav > ul > li:hover > a:not(.btn):not(.header__phone) { background: rgba(255, 255, 255, 0.8); color: #0073aa; } .nav > ul > li:hover ul { opacity: 1; visibility: visible; } .nav a { text-decoration: none; } /* Nav Dropdown */ .nav ul ul { position: absolute; top: 100%; left: 0; width: 100%; padding: 1.3rem 1.4rem 1.1rem; background: rgba(255, 255, 255, 0.8); font-weight: 500; letter-spacing: -0.022em; color: #6d6b6c; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nav ul ul li + li { margin-top: 1.4rem; } .nav ul ul a:hover { color: #0073aa; } @media (min-resolution: 2dppx) { .nav ul ul { margin-top: -0.5px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav > ul > li > a:not(.btn):not(.header__phone) { padding: 0.6rem 1.05rem 0.65rem; font-size: 12px; } } /* ------------------------------------------------------------ *\ Nav Aside \* ------------------------------------------------------------ */ .nav-aside { font-size: 2.55rem; font-weight: 700; text-align: center; text-transform: uppercase; } .nav-aside > ul > li + li { margin-top: 0.2rem; } .nav-aside > ul > li > a { position: relative; text-decoration: none; } .nav-aside > ul > li > a:hover { color: rgb(204, 204, 204); } .nav-aside > ul > li.has-dropdown > a:after { content: "►"; position: absolute; top: 0.5rem; right: -2.2rem; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0.25rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; font-size: 1rem; } .nav-aside > ul > li.has-dropdown > a.clicked:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* Nav Aside Dropdown */ .nav-aside ul ul { display: none; font-size: 1.4rem; font-weight: 400; } .nav-aside ul ul a { display: block; padding: 0.5rem; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-aside { font-size: 30px; } } /* Mobile */ @media (max-width: 767px) { .nav-aside > ul > li.has-dropdown > a:after { top: -10px; right: -25px; } .nav-aside ul ul { font-size: 16px; } } .slick-dots li.slick-active button:before { color: #0073aa !important; } /* Menu Updates */ .nav-aside > ul > li.has-dropdown ul { display: flex; align-items: flex-start; justify-content: center; margin: 0; height: 0; opacity: 0; visibility: hidden; } .nav-aside > ul > li.has-dropdown:hover ul { margin: 20px 0px 30px; height: auto; opacity: 1; visibility: visible; display: flex; align-items: stretch; } .nav-aside > ul > li.has-dropdown ul li { max-width: 390px; padding: 0px 0; } .nav-aside > ul > li.has-dropdown:hover ul li { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: transform 0.6s ease; display: flex; } .nav-aside > ul > li.has-dropdown ul li a { background: #333333; padding: 40px 34px; font-size: 23px; display: flex; min-height: 190px; align-items: center; margin: 0px 25px; } .nav-aside > ul > li.has-dropdown ul li a:hover { background: #fff; color: #333333 !important; } .nav-aside > ul > li:hover a { color: #333333; } .nav-aside > ul > li.has-dropdown:hover ul li a { color: #fff; } .nav-aside > ul > li.has-dropdown > a:after { top: 4px; right: -40px; margin-left: 25px; font-size: 31px; } .nav-aside > ul > li + li { margin-top: 15px; } .mobile-arrow { position: absolute; top: -29px; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 15px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; height: auto; width: 20px; display: none !important; } span.mobile-arrow::after { content: "►"; margin-left: 29px; font-size: 22px; } @media (max-width: 1679px) { .nav-aside > ul > li.has-dropdown ul li { max-width: 310px; padding: 0px 15px; } .nav-aside { font-size: 45px; } .nav-aside > ul > li.has-dropdown ul li a { padding: 30px 14px; font-size: 20px; min-height: 160px; margin: 0; } } @media (max-width: 1400px) { .nav-aside > ul > li.has-dropdown ul li { max-width: 270px; } .nav-aside { font-size: 35px; } .nav-aside > ul > li.has-dropdown ul li a { font-size: 17px; } .nav-aside > ul > li.has-dropdown > a:after { top: 2px; font-size: 27px; right: -35px; } } @media (max-width: 1199px) { .nav-aside > ul > li.has-dropdown ul li { max-width: 220px; padding: 0px 5px; } .nav-aside { font-size: 30px; } .nav-aside > ul > li.has-dropdown > a:after { top: 4px; right: -25px; margin-left: 25px; font-size: 20px; } .nav-aside > ul > li.has-dropdown ul li a { padding: 30px 10px; font-size: 16px; } } @media (max-width: 1023px) { .nav-aside > ul > li.has-dropdown:hover ul { margin: 20px auto 30px; flex-wrap: wrap; max-width: 640px; } .nav-aside > ul > li.has-dropdown ul li { max-width: 310px; padding: 0px 5px; margin-bottom: 20px; } .nav-aside > ul > li.has-dropdown ul li a { min-height: 120px; } } @media (max-width: 767px) { .nav-aside > ul > li + li { margin-top: 0; } .nav-aside > ul > li { margin: 0px 0px 25px; } .nav-aside > ul > li.has-dropdown ul li:last-child { margin-bottom: 10px; } .nav-aside > ul > li.has-dropdown ul li { margin-bottom: 10px; } .nav-aside > ul > li.has-dropdown:hover ul { margin: 10px auto 30px; max-width: 100%; } .mobile-arrow { display: inline-block !important; } /* .nav-aside > ul > li.has-dropdown > a:after { display: none !important; } */ .nav-aside > ul > li.has-dropdown > a.clicked:after { display: none !important; } .nav-aside > ul > li.has-dropdown:hover ul { display: none; } .nav-aside > ul > li.has-dropdown.show-submenu ul { display: block; } .nav-aside > ul > li.has-dropdown ul li { max-width: 100%; } .nav-aside > ul > li.has-dropdown ul li a { justify-content: center; } } @media all and (max-width: 767px) and (orientation: landscape) { .nav-aside > ul > li.has-dropdown ul li { max-width: 280px; } .nav-aside > ul > li.has-dropdown ul li a { min-height: 132px; } .nav-aside > ul > li.has-dropdown.show-submenu ul { display: flex; } } /* Menu Updates fin */ /* ------------------------------------------------------------ *\ Nav Secitons \* ------------------------------------------------------------ */ .nav-sections ul { position: absolute; left: 0; top: 100vh; z-index: 10; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; color: #fff; text-align: center; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .nav-sections li { position: relative; width: 100%; background: #333333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nav-sections li:hover { background: rgb(92, 92, 92); } .nav-sections li:first-child, .nav-sections li:last-child { display: none; background: #0073aa; } .nav-sections li:nth-child(3) { background: #0073aa; } .nav-sections li:nth-child(3):hover { background: rgb(23, 102, 140); } .nav-sections li:nth-child(4) { background: #777777; } .nav-sections li:nth-child(4):hover { background: rgb(95, 95, 95); } .nav-sections li:nth-child(5) { background: #fff; color: #333333; } .nav-sections li:nth-child(5):hover { background: rgb(204, 204, 204); } .nav-sections a { display: block; padding: 2.6rem 0 3.41rem; text-decoration: none; } .nav-sections .nav__inner { max-width: 17.53rem; padding: 0 1.25rem; margin: 0 auto; } .nav-sections .nav__title { margin-bottom: 1.55rem; font-size: 1.5rem; font-weight: 300; line-height: 1.33; } .nav-sections .nav__link { position: absolute; bottom: 2.05rem; left: 0; width: 100%; text-align: center; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .nav-sections h4 { color: inherit; } .nav-sections .nav-trigger span { background: #fff; } .nav-sections .nav-trigger:hover span { background: rgb(204, 204, 204); } /* Nav Sections Fixed */ .nav-sections ul.fixed { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; text-transform: uppercase; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nav-sections ul.fixed li { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .nav-sections ul.fixed li:first-child, .nav-sections ul.fixed li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-sections ul.fixed li:last-child { max-width: 7%; -webkit-box-flex: 0; -ms-flex: 0 0 7%; flex: 0 0 7%; } .nav-sections ul.fixed li:first-child { max-width: 13%; -webkit-box-flex: 0; -ms-flex: 0 0 13%; flex: 0 0 13%; } .nav-sections ul.fixed a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: auto; padding: 0 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-sections ul.fixed span:not(.nav__link) { display: block; width: 100%; text-align: center; } .nav-sections ul.fixed span.logo { padding: 0; width: 6.01rem; } .nav-sections ul.fixed .nav__inner { padding: 1.7rem 0.5rem 1.65rem; } .nav-sections ul.fixed .nav__title { margin-bottom: 0; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; } .nav-sections ul.fixed .nav__link { display: none; } .nav-sections ul.fixed .nav-trigger span { left: 50%; top: 50%; width: 44px; margin: -3px 0 0 -22px; } .nav-sections ul.fixed .nav-trigger span:nth-child(1) { margin-top: -15px; } .nav-sections ul.fixed .nav-trigger span:nth-child(3) { margin-top: 9px; } .nav-sections ul.at-bottom { position: absolute; top: auto; bottom: 0; } /* Small Desktop */ @media (max-width: 1199px) { .nav-sections ul.fixed .nav-trigger span { width: 30px; margin: -2px 0 0 -15px; } .nav-sections ul.fixed .nav-trigger span:nth-child(1) { margin-top: -12px; } .nav-sections ul.fixed .nav-trigger span:nth-child(3) { margin-top: 8px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-sections { position: relative; } .nav-sections ul { top: 0; } .nav-sections .nav__link { bottom: 1rem; font-size: 1rem; } .nav-sections .nav__title { font-size: 1.3rem; } .nav-sections ul.fixed .nav__inner { padding: 1rem 0.5rem; } .nav-sections ul.fixed .nav__title { font-size: 0.8rem; } } /* Mobile */ @media (max-width: 767px) { .nav-sections { -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2); } .nav-sections ul { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .nav-sections a { 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; min-height: 40px; padding: 22px 20px; } .nav-sections .nav__inner { max-width: 90%; } .nav-sections .nav__link { display: none; } .nav-sections .nav__title { margin-bottom: 0; font-size: 20px; } } /* Mobile Portrait */ @media (max-width: 410px) { .nav-sections .nav__inner { max-width: 100%; } } /* ------------------------------------------------------------ *\ Nav Secitons INNER - dda colin added \* ------------------------------------------------------------ */ .nav-sectionsInner ul { position: absolute; left: 0; top: -100vh; z-index: 10; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; color: #fff; text-align: center; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .nav-sectionsInner li { position: relative; width: 100%; background: #333333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nav-sectionsInner li:hover { background: rgb(92, 92, 92); } .nav-sectionsInner li:first-child, .nav-sectionsInner li:last-child { display: none; background: #0073aa; } .nav-sectionsInner li:nth-child(3) { background: #0073aa; } .nav-sectionsInner li:nth-child(3):hover { background: rgb(23, 102, 140); } .nav-sectionsInner li:nth-child(4) { background: #777777; } .nav-sectionsInner li:nth-child(4):hover { background: rgb(95, 95, 95); } .nav-sectionsInner li:nth-child(5) { background: #fff; color: #333333; } .nav-sectionsInner li:nth-child(5):hover { background: rgb(204, 204, 204); } .nav-sectionsInner a { display: block; padding: 2.6rem 0 3.41rem; text-decoration: none; } .nav-sectionsInner .nav__inner { max-width: 17.53rem; padding: 0 1.25rem; margin: 0 auto; } .nav-sectionsInner .nav__title { margin-bottom: 1.55rem; font-size: 1.5rem; font-weight: 300; line-height: 1.33; } .nav-sectionsInner .nav__link { position: absolute; bottom: 2.05rem; left: 0; width: 100%; text-align: center; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .nav-sectionsInner h4 { color: inherit; } .nav-sectionsInner .nav-trigger span { background: #fff; } .nav-sectionsInner .nav-trigger:hover span { background: rgb(204, 204, 204); } /* Nav Sections Fixed */ .nav-sectionsInner ul.fixed { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; text-transform: uppercase; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nav-sectionsInner ul.fixed li { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .nav-sectionsInner ul.fixed li:first-child, .nav-sectionsInner ul.fixed li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-sectionsInner ul.fixed li:last-child { max-width: 7%; -webkit-box-flex: 0; -ms-flex: 0 0 7%; flex: 0 0 7%; } .nav-sectionsInner ul.fixed li:first-child { max-width: 13%; -webkit-box-flex: 0; -ms-flex: 0 0 13%; flex: 0 0 13%; } .nav-sectionsInner ul.fixed a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: auto; padding: 0 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-sectionsInner ul.fixed span:not(.nav__link) { display: block; width: 100%; text-align: center; } .nav-sectionsInner ul.fixed span.logo { padding: 0; width: 6.01rem; } .nav-sectionsInner ul.fixed .nav__inner { padding: 1.7rem 0.5rem 1.65rem; } .nav-sectionsInner ul.fixed .nav__title { margin-bottom: 0; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; } .nav-sectionsInner ul.fixed .nav__link { display: none; } .nav-sectionsInner ul.fixed .nav-trigger span { left: 50%; top: 50%; width: 44px; margin: -3px 0 0 -22px; } .nav-sectionsInner ul.fixed .nav-trigger span:nth-child(1) { margin-top: -15px; } .nav-sectionsInner ul.fixed .nav-trigger span:nth-child(3) { margin-top: 9px; } .nav-sectionsInner ul.at-bottom { position: absolute; top: auto; bottom: 0; } /* Small Desktop */ @media (max-width: 1199px) { .nav-sectionsInner ul.fixed .nav-trigger span { width: 30px; margin: -2px 0 0 -15px; } .nav-sectionsInner ul.fixed .nav-trigger span:nth-child(1) { margin-top: -12px; } .nav-sectionsInner ul.fixed .nav-trigger span:nth-child(3) { margin-top: 8px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-sectionsInner { position: relative; } .nav-sectionsInner ul { top: 0; } .nav-sectionsInner .nav__link { bottom: 1rem; font-size: 1rem; } .nav-sectionsInner .nav__title { font-size: 1.3rem; } .nav-sectionsInner ul.fixed .nav__inner { padding: 1rem 0.5rem; } .nav-sectionsInner ul.fixed .nav__title { font-size: 0.8rem; } } /* Mobile */ @media (max-width: 767px) { .nav-sectionsInner { -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2); } .nav-sectionsInner ul { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .nav-sectionsInner a { 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; min-height: 40px; padding: 22px 20px; } .nav-sectionsInner .nav__inner { max-width: 90%; } .nav-sectionsInner .nav__link { display: none; } .nav-sectionsInner .nav__title { margin-bottom: 0; font-size: 20px; } } /* Mobile Portrait */ @media (max-width: 410px) { .nav-sectionsInner .nav__inner { max-width: 100%; } } /* ------------------------------------------------------------ *\ Nav Thumbs \* ------------------------------------------------------------ */ .nav-thumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; color: #fff; text-align: center; text-transform: uppercase; } .nav-thumbs li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; background: #333333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nav-thumbs li:hover { background: rgb(92, 92, 92); } .nav-thumbs li:nth-child(2) { background: #0073aa; } .nav-thumbs li:nth-child(2):hover { background: rgb(23, 102, 140); } .nav-thumbs li:nth-child(3) { background: #777777; } .nav-thumbs li:nth-child(3):hover { background: rgb(95, 95, 95); } .nav-thumbs li:nth-child(4) { border-top: 1px solid #000; background: #fff; color: #333333; } .nav-thumbs li:nth-child(4):hover { background: rgb(204, 204, 204); } .nav-thumbs a { display: block; width: 100%; padding: 0.6rem 0; text-decoration: none; } /* Small Desktop */ @media (max-width: 1199px) { .nav-thumbs { font-size: 0.9rem; } } /* Mobile */ @media (max-width: 767px) { .nav-thumbs { font-size: 16px; } .nav-thumbs ul { display: block; } .nav-thumbs a { padding: 15px 5px; } } /* ------------------------------------------------------------ *\ News \* ------------------------------------------------------------ */ .news { padding: 3.76rem 0 0 0; } .news .news__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0.15rem 0 0.15rem; } .news.js-slider .news__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .news--gutter-top-small { padding-top: 0.5rem; } .news.js-slider .swiper-pagination { opacity: 0; visibility: hidden; } /* Small Desktop */ @media (max-width: 1199px) { .news .content { width: 100%; } .news.js-slider .swiper-pagination { opacity: 1; visibility: visible; } } /* Mobile */ @media (max-width: 767px) { .news.js-slider .news__container { margin: 0 0 30px; } .news.js-slider .news-item { padding: 0 10px; margin-bottom: 4rem; } .news { margin-bottom: 2rem !important; } } @media (max-width: 599px) { .news .news__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } } /* ------------------------------------------------------------ *\ News Item \* ------------------------------------------------------------ */ .news-item { width: 25%; padding: 0 0.75rem; margin-bottom: 2rem; color: #2b2b2b; } .news-item .news-item__image { position: relative; display: block; padding-top: 56.3%; margin-bottom: 1.5rem; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; text-decoration: none; } .news-item .news-item__image:hover { opacity: 0.8; } .news-item .news-item__date { position: absolute; top: 0; left: 0; min-width: 5.71rem; padding: 0.5rem 0.5rem; background: #0073aa; font-size: 1.1rem; font-weight: 300; line-height: 1; color: #fff; text-transform: uppercase; text-align: center; } .news-item .news-item__date strong { display: block; font-size: 1.5rem; font-weight: 300; } .news-item .news-item__body { position: relative; overflow: hidden; height: 6.8rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .news-item .news-item__body:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2rem; background: -webkit-gradient( linear, left bottom, left top, from(#fff), color-stop(40%, #fff), to(rgba(255, 255, 255, 0)) ); background: -o-linear-gradient( bottom, #fff 0%, #fff 40%, rgba(255, 255, 255, 0) 100% ); background: linear-gradient( to top, #fff 0%, #fff 40%, rgba(255, 255, 255, 0) 100% ); } .news-item .news-item__body--tall { height: 10.15rem; } .news-item .news-item__title { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.3; font-weight: 400; color: #2b2b2b; } .news-item .news-item__title a { text-decoration: none; } .news-item .news-item__title a:hover { color: #0073aa; } .news-item .news-item__entry { font-size: 0.8rem; font-weight: 300; letter-spacing: -0.025em; } .news-item .news-item__foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 1rem 0.3rem 1rem 0.1rem; border-width: 0.05rem 0; border-style: solid; border-color: #e5e5e5; } .news-item .news-item__meta { display: inline-block; vertical-align: middle; font-size: 0.6rem; letter-spacing: -0.025em; } .news-item .news-item__meta i { margin-right: 0.5rem; } .news-item .news-item__link { font-size: 0.7rem; font-weight: 700; letter-spacing: -0.025em; color: #0073aa; text-transform: uppercase; text-decoration: none; } .news-item .date { font-size: 0.9rem; } /* Small Desktop */ @media (max-width: 1199px) { .news-item .news-item__title { font-size: 1rem; } .news-item .news-item__entry { font-size: 0.9rem; } } /* ------------------------------------------------------------ *\ Note \* ------------------------------------------------------------ */ .note { position: relative; z-index: 1; padding: 4.51rem 0 3.71rem; background: #fff; color: #777777; } .note h3 { margin-bottom: 0; color: #0073aa; } .note h5 { font-size: 1.2rem; font-weight: 700; letter-spacing: -0.025em; color: #0073aa; } .note h5 em { font-weight: 700; } .note p { margin-bottom: 1.75rem; } .note em { font-weight: 500; } /* Mobile */ @media (max-width: 767px) { .note { padding: 60px 0 43px; } .note h3 { margin-bottom: 12px; } .note p { margin-bottom: 53px; } .note p:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Partners \* ------------------------------------------------------------ */ .partners { position: relative; z-index: 5; background: #fff; padding: 6.5rem 0 2.5rem; -webkit-box-shadow: inset 0 1.6rem 1.5rem -0.5rem rgba(0, 0, 0, 0.1); box-shadow: inset 0 1.6rem 1.5rem -0.5rem rgba(0, 0, 0, 0.1); } .partners .partners__title { padding: 1rem 0 2.5rem; letter-spacing: -0.028em; text-align: center; } /* Tablet Portrait */ @media (max-width: 1023px) { .partners { padding: 4rem 0 2rem; } } /* Mobile */ @media (max-width: 767px) { .partners { padding: 19px 0; -webkit-box-shadow: none; box-shadow: none; } .partners .partners__title { padding: 0; margin-bottom: 20px; font-size: 28px; } } /* ------------------------------------------------------------ *\ Review Single \* ------------------------------------------------------------ */ .review-single .review__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .review-single .review__aside { width: 42%; } .review-single .review__content { width: 58%; padding-top: 3.56rem; } .review-single .review__head { margin-bottom: 4.66rem; } .review-single .review__subtitle { font-size: 1.9rem; font-weight: 700; line-height: 1.35; letter-spacing: -0.025em; text-transform: uppercase; } .review-single .review__title { font-weight: 700; letter-spacing: -0.025em; color: #0073aa; } .review-single .review__entry { padding-right: 5rem; margin-bottom: 3.31rem; font-size: 1.35rem; line-height: 1.67; letter-spacing: -0.025em; } .review-single .review__image { padding-right: 0.75rem; margin-top: -1.05rem; text-align: right; } .review-single .review__author { position: relative; z-index: 1; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.025em; color: #626262; } .review-single .review__author-meta { display: block; margin-top: 0.65rem; color: #0073aa; } .review-single .review__banner { min-height: 34.05rem; margin-top: -2.2rem; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } /* Review Cite */ .review-single .review__cite { position: relative; max-width: 28.2rem; padding: 0 2rem; border-width: 0 0.5rem; border-style: solid; border-color: #0073aa; margin: 0 auto; font-size: 1.55rem; font-weight: 500; line-height: 1.91; color: #000; text-align: center; } .review-single .review__cite:after { content: ""; position: absolute; top: -3.31rem; left: -2.45rem; width: 4.81rem; height: 4.31rem; background: url(assets/images/temp/review-decoration-top-left.jpg) 0 0 no-repeat; background-size: 100% 100%; } .review-single .review__cite:before { content: ""; position: absolute; bottom: -3.36rem; right: -2.65rem; width: 4.86rem; height: 3.96rem; background: url(assets/images/temp/review-decoration-bottom-right.jpg) 0 0 no-repeat; background-size: 100% 100%; } .review-single .review__cite-inner:after { content: ""; position: absolute; top: -2.6rem; right: -0.5rem; width: 4.71rem; height: 4.86rem; background: url(assets/images/temp/review-decoration-top-right.jpg) 0 0 no-repeat; background-size: 100% 100%; } .review-single .review__cite-inner:before { content: ""; position: absolute; bottom: -2.35rem; left: -0.5rem; width: 4.41rem; height: 4.21rem; background: url(assets/images/temp/review-decoration-bottom-left.jpg) 0 0 no-repeat; background-size: 100% 100%; } .review-single .review__cite-text { position: relative; z-index: 1; } /* Small Desktop */ @media (max-width: 1199px) { .review-single .review__content { width: 56%; padding-top: 0; } .review-single .review__banner { background-size: contain; } .review-single .review__cite { margin-bottom: 4rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .review-single .review__cite { max-width: 23rem; } } /* Mobile */ @media (max-width: 767px) { .review-single .review__container { display: block; } .review-single .review__aside { width: 100%; padding: 0 26px; } .review-single .review__aside-image { display: none; } .review-single .review__content { width: 100%; padding: 0 26px; } .review-single .review__title br { display: none; } .review-single .review__head { margin-bottom: 30px; } .review-single .review__entry { padding: 0; font-size: 16px; } .review-single .review__image { margin: 0 0 20px; } .review-single .review__cite { max-width: 270px; font-size: 16px; } .review-single .review__cite:before, .review-single .review__cite:after { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .review-single .review__banner { min-height: auto; padding-top: 43%; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; } .search .search__field { width: auto; height: 2.5rem; padding: 0 2rem 0 0.5rem; border: 1px solid #0073aa; border-radius: 0; background: transparent; font-size: 0.7rem; font-weight: 400; letter-spacing: 0.01em; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search .search__btn { position: absolute; top: 0; right: 0; width: 2.5rem; height: 100%; border: 0; border-radius: 0; background: #0073aa; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search .search__btn:hover { opacity: 0.8; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .sections { overflow: hidden; } .sections-holder { position: relative; } /* Section */ .section { position: relative; z-index: 5; background-color: #fff; background-position: 100% 0%; background-repeat: no-repeat; background-size: contain; } .section:after { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 40px; -webkit-box-shadow: inset 0 17px 30px -20px rgba(0, 0, 0, 0.1); box-shadow: inset 0 17px 30px -20px rgba(0, 0, 0, 0.1); } .section .section__content { position: relative; width: 55%; padding: 6.11rem 0.2rem; } .section .section__content:after { content: ""; position: absolute; top: 0; left: 0; width: 110%; height: 100%; background: -webkit-gradient( linear, left top, right top, from(#fff), color-stop(80%, #fff), to(rgba(255, 255, 255, 0)) ); background: -o-linear-gradient( left, #fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100% ); background: linear-gradient( to right, #fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100% ); } .section .section__inner { position: relative; z-index: 1; } .section .section__title { margin-bottom: 0.7rem; } .section .section__entry { margin-bottom: 1.75rem; letter-spacing: -0.028em; } .section .section__entry h4 { margin-top: 2.15rem; } .section .section__entry p { margin-bottom: 1.5rem; } .section .section__entry em { font-weight: 500; color: #0073aa; } .section .section__entry--default { color: #777777; } .section .section__actions { margin-bottom: 0.85rem; } /* Section Even */ .section--reversed { background-position: 0% 0%; } .section--reversed .section__content { width: 51%; margin-left: auto; } .section--reversed .section__content:after { left: auto; right: 0; background: -webkit-gradient( linear, right top, left top, from(#fff), color-stop(80%, #fff), to(rgba(255, 255, 255, 0)) ); background: -o-linear-gradient( right, #fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100% ); background: linear-gradient( to left, #fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100% ); } .section.fixed { position: fixed; top: 0; left: 0; z-index: 5; width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section .section__content { width: 70%; padding: 3rem 0; } .section .section__content:after { width: 120%; } .section--reversed .section__content { width: 70%; } } /* Mobile */ @media (max-width: 767px) { .section { overflow: hidden; } .section:after { content: none; } .section .section__content { width: 100%; padding: 23px 0 49px; } .section .section__image { height: 216px; position: relative; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; } .section .section__image:before { content: ""; position: absolute; top: 100%; left: 0; z-index: 5; width: 100%; height: 2rem; -webkit-box-shadow: inset 0 0.7rem 1.5rem 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0.7rem 1.5rem 0 rgba(0, 0, 0, 0.1); } .section .section__title { margin-bottom: 14px; letter-spacing: -0.025em; } .section .section__entry { letter-spacing: -0.025em; } .section .section__entry h4 { margin-top: 0; } .section .section__entry p { margin-bottom: 21px; } .section--reversed .section__content:after, .section .section__content:after { left: -50%; width: 200%; background: #fff; } .section--reversed .section__content { width: 100%; } } /* ------------------------------------------------------------ *\ Section Solid \* ------------------------------------------------------------ */ .section-solid { position: relative; z-index: 1; color: #fff; } .section-solid:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } .section-solid .section__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .section-solid .section__content { position: relative; z-index: 1; display: table; width: 59%; min-height: 29.15rem; padding: 3.51rem 1.6rem; margin-left: auto; text-align: right; } .section-solid .section__content--large { width: 73%; } .section-solid .section__inner { display: table-cell; vertical-align: bottom; } .section-solid .section__entry { margin-bottom: 4.01rem; font-size: 1.4rem; font-weight: 500; line-height: 1.62; } .section-solid .section__title { margin-bottom: 0.95rem; } .section-solid .section__title .text-orange { font-weight: 700; } .section-solid.fixed { position: fixed; top: 0; left: 0; width: 100%; } /* Small Desktop */ @media (max-width: 1199px) { .section-solid .section__content--large { width: 92%; } } /* Mobile */ @media (max-width: 767px) { .section-solid:after { background: rgba(0, 0, 0, 0.5); } .section-solid .section__content { width: 100%; min-height: auto; padding: 40px 0; } .section-solid .section__entry { font-size: 16px; } } /* ------------------------------------------------------------ *\ Section Features \* ------------------------------------------------------------ */ .section-features { position: relative; padding: 11.37rem 0 6.8rem; background: #333333; color: #fff; } .section-features .section__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; opacity: 0.12; } .section-features .section__image { position: absolute; bottom: 0; left: 0; max-width: 60%; } .section-features .section__inner { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-features .section__aside { width: 30%; } .section-features .section__content { width: 65%; padding-top: 0.65rem; } .section-features .section__title { color: #0073aa; } .section-features .section__entry { margin-bottom: 4.61rem; line-height: 1.8; letter-spacing: -0.024em; } .section-features .section__foot { padding: 0 1.3rem; text-align: right; } .section-features .cols { margin: 0 -1rem 2.4rem; } .section-features .col { padding: 0 1rem; } /* Small Desktop */ @media (max-width: 1199px) { .section-features { padding: 7rem 0 5rem; } .section-features .section__aside { width: 37%; } .section-features .section__content { width: 60%; } .section-features .section__foot { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .section-features { padding: 40px 0; } .section-features .section__aside { width: 100%; margin-bottom: 30px; } .section-features .section__content { width: 100%; } .section-features .section__entry { margin-bottom: 30px; } .section-features .col { margin-bottom: 20px; } .section-features .section__actions .btn { width: auto; } } /* ------------------------------------------------------------ *\ Slider Testimonials \* ------------------------------------------------------------ */ .slider-testimonials .slider__slides { padding-bottom: 2.75rem; } /* ------------------------------------------------------------ *\ Slider Logos \* ------------------------------------------------------------ */ .slider-logos .slider__slides { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-logos .slider__slide-image a { display: block; text-align: center; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { text-align: right; } .socials .socials__label { display: inline-block; margin-bottom: 0.5rem; color: #000; } .socials ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .socials li + li { margin-left: 0.9rem; } .socials a { display: inline-block; } .socials a:hover { opacity: 0.7; } /* Tablet Portrait */ @media (max-width: 1023px) { .socials ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .socials li { margin: 0 10px; } .socials li + li { margin: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .socials { text-align: center; } .socials .socials__label { margin-bottom: 9px; } .socials li + li { margin: 0 8px; } } /* ------------------------------------------------------------ *\ Steps \* ------------------------------------------------------------ */ .steps { position: relative; z-index: 5; background: #fff; padding: 2.25rem 0 0; counter-reset: counter-steps; } .steps .steps__head { padding: 2.3rem 0; } .steps .steps__head-inner { padding-right: 4.71rem; } .steps .steps__title { margin-bottom: 0.2rem; color: #0073aa; } .steps .steps__title-large { margin-bottom: 0.6rem; } .steps .steps__title-large .text-orange { font-weight: 700; } .steps .steps__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } /* Steps Contact */ .steps--contact .steps__head { padding-bottom: 2.7rem; } /* Mobile */ @media (max-width: 767px) { .steps { padding: 44px 0 0; } .steps .steps__head { padding: 10px 0 44px; font-size: 18px; line-height: 1.25; } .steps .steps__head-inner { padding: 0; } .steps .steps__title { margin-bottom: 15px; font-size: 31px; line-height: 1.23; letter-spacing: -0.025em; } .steps .steps__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } } /* ------------------------------------------------------------ *\ Step \* ------------------------------------------------------------ */ .step { position: relative; counter-increment: counter-steps; overflow: hidden; width: 5.36rem; height: 32.55rem; background: #0073aa; color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .step:nth-child(1) { background: #0073aa; } .step:nth-child(1) .step__head { background: #0073aa; } .step:nth-child(2) { background: #f7b5a1; } .step:nth-child(2) .step__head { background: #f8b7a4; } .step:nth-child(3) { background: #f6a58d; } .step:nth-child(3) .step__head { background: #f6a58d; } .step:nth-child(4) { background: #f49478; } .step:nth-child(4) .step__head { background: #f49478; } .step:nth-child(5) { background: #f28463; } .step:nth-child(5) .step__head { background: #f28463; } .step:nth-child(6) { background: #f1734e; } .step:nth-child(6) .step__head { background: #f1734e; } .step:nth-child(7) { background: #ef633a; } .step:nth-child(7) .step__head { background: #ef633a; } /* Step Head */ .step .step__head { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 100%; text-align: center; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .step .step__head:before { content: counter(counter-steps); display: inline-block; width: 2.7rem; height: 2.7rem; border: 2px solid #fff; border-radius: 50%; margin-top: 1.75rem; font-size: 2.25rem; font-weight: 300; line-height: 2.5rem; } .step .step__head:hover { opacity: 0.8; } .step .step__head-title { position: absolute; bottom: 0; left: 0; height: 5.36rem; padding-left: 1.5rem; -webkit-transform: rotate(-90deg) translateY(100%); -ms-transform: rotate(-90deg) translateY(100%); transform: rotate(-90deg) translateY(100%); -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; font-size: 1.75rem; line-height: 5.36rem; letter-spacing: -0.01em; white-space: nowrap; text-transform: uppercase; } /* Step Body */ .step .step__body { position: absolute; top: 0; left: 0; height: 100%; width: 100%; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 1.5rem 0; opacity: 0; visibility: hidden; } .step .step__content { position: absolute; top: 50%; left: 41%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 59%; padding-right: 2.5rem; opacity: 0; visibility: hidden; -webkit-transition: 0.3s opacity 0.4s, 0.3s visibility 0.4s; -o-transition: 0.3s opacity 0.4s, 0.3s visibility 0.4s; transition: 0.3s opacity 0.4s, 0.3s visibility 0.4s; } .step .step__content-inner { max-width: 25.79rem; } .step .step__image { position: absolute; bottom: 0; left: 0; max-width: 30%; margin: 0 5%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s opacity 0.4s, 0.3s visibility 0.4s; -o-transition: 0.3s opacity 0.4s, 0.3s visibility 0.4s; transition: 0.3s opacity 0.4s, 0.3s visibility 0.4s; } .step .step__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; opacity: 0.12; } .step .step__title { position: relative; margin-bottom: 1rem; font-size: 2.75rem; font-weight: 300; } .step .step__title:before { content: counter(counter-steps); display: inline-block; width: 2.7rem; height: 2.7rem; border: 2px solid #fff; border-radius: 50%; margin: 0 0.7rem 0 0.15rem; font-size: 2.4rem; font-weight: 300; line-height: 2.5rem; text-align: center; } .step .step__entry { margin-bottom: 3.46rem; font-size: 1.2rem; line-height: 1.67; } .step .step__actions { margin-bottom: 1.5rem; } .step .step__btn { display: inline-block; vertical-align: middle; height: 1.95rem; padding: 0 0.6rem; border-width: 1px 2px 1px 1px; border-style: solid; border-color: #fff; border-radius: 0; background: transparent; font-size: 1rem; line-height: 1.85rem; letter-spacing: -0.028em; color: #fff; text-align: center; text-decoration: none; } .step .step__btn { background: #fff; color: #0073aa; } .step .step__btn:hover { background: transparent; color: #fff; } /* Step Active */ .step.active { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .step.active .step__head { opacity: 0; visibility: hidden; } .step.active .step__image, .step.active .step__body, .step.active .step__content { opacity: 1; visibility: visible; } /* Step Contact */ .step--contact { height: 38rem; } .step--contact .step__image { left: 0; max-width: 50%; margin: 0; } .step--contact .step__content { -webkit-transform: translateY(-59%); -ms-transform: translateY(-59%); transform: translateY(-59%); } .step--contact .step__content-inner { max-width: 27rem; } .step--contact .step__entry { margin-bottom: 2.5rem; line-height: 1.6; } /* Tablet Portrait */ @media (max-width: 1023px) { .step .step__head:before, .step .step__title:before { font-size: 1.5rem; } .step .step__content { left: 20%; width: 80%; } .step .step__image { max-width: 18%; margin: 0 1%; } .step--contact .step__image { max-width: 40%; margin: 0; } } /* Mobile */ @media (max-width: 767px) { .step { width: 100%; height: auto; } .step .step__head { position: static; line-height: 1; text-align: left; padding: 9px 27px; } .step .step__head:before { width: 30px; height: 30px; border-width: 1px; margin: 0; line-height: 28px; text-align: center; } .step .step__head-title { position: static; -webkit-transform: none; -ms-transform: none; transform: none; display: inline-block; height: auto; padding-left: 12px; font-size: 20px; line-height: 1; letter-spacing: -0.025em; } .step .step__body { position: static; display: none; padding: 0 30px; } .step .step__content { position: static; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; padding: 0; } .step .step__content-inner { max-width: 100%; } .step .step__title { margin-bottom: 26px; font-size: 26px; letter-spacing: -0.025em; } .step .step__title:before { width: 34px; height: 34px; border-width: 1px; line-height: 32px; } .step .step__entry { margin-bottom: 62px; font-size: 17px; line-height: 1.53; letter-spacing: -0.025em; } .step .step__image { position: static; max-width: 138px; } .step .step__actions { position: absolute; bottom: 100px; right: 38px; margin-bottom: 0; } .step:last-child .step__actions { bottom: 140px; } .step .step__btn { padding: 0 13px; border-width: 1px; font-size: 14px; } .step.active .step__body { display: block; } .step--contact .step__body { padding: 0; } .step--contact .step__head { padding: 9px 10px; } .step--contact .step__head-title { font-size: 18px; } .step--contact .step__content { padding: 0 30px; } .step--contact:last-child .step__actions { bottom: 100px; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonials { position: relative; z-index: 5; background: #fff; padding: 2rem; } .testimonials .testimonials__head { padding: 2.5rem 0 4.06rem; text-align: center; } /* Testimonial */ /* Hide Pagination */ .testimonials__body .swiper-pagination { display: none; } .testimonial { position: relative; padding-bottom: 2.8rem; } .testimonial:after { content: ""; position: absolute; top: 100%; right: 12%; width: 3.46rem; height: 2.8rem; margin-top: calc(-2.8rem - 3px); background: url(assets/images/testimonial-decoration.png) 0 0 no-repeat; background-size: 100% 100%; } .testimonial .testimonial__inner { position: relative; overflow: hidden; padding: 1.2rem 1rem 1.4rem 4.01rem; border: 3px solid #c8c8c8; border-radius: 1.8rem; } .testimonial .testimonial__content { text-align: center; } .testimonial .testimonial__image { position: absolute; bottom: 0; left: 0; z-index: -1; width: 6.51rem; } .testimonial .testimonial__title { padding: 0 2rem; margin-bottom: 0.7rem; font-size: 0.95rem; font-weight: 500; line-height: 1.16; letter-spacing: -0.028em; } .testimonial .testimonial__entry { margin-bottom: 0.65rem; font-size: 0.8rem; line-height: 1.4; letter-spacing: -0.028em; } .testimonial .testimonial__author { padding: 0 1rem; font-size: 0.8rem; letter-spacing: -0.028em; color: #949494; } .testimonial .testimonial__author strong { font-size: 1rem; font-weight: 400; color: #333333; } .testimonial .list-rating { margin-bottom: 0.1rem; } /* Small Desktop */ @media (max-width: 1199px) { .testimonial .testimonial__author { padding: 0 2rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .testimonial .testimonial__title { font-size: 1.1rem; } .testimonial .testimonial__entry { font-size: 1rem; } } /* Mobile */ @media (max-width: 767px) { .testimonials { padding: 0 26px; margin-bottom: 40px; } .testimonials .testimonials__head { padding: 36px 0 28px; } .testimonials .testimonials__title { font-size: 28px; } /* Testimonial */ .testimonial { padding: 0 1px 40px; } .testimonial:after { width: 48px; height: 37px; margin-top: -42px; } .testimonial .testimonial__inner { padding: 15px 10px 12px; border-width: 2px; } .testimonial .testimonial__image { max-width: 84px; } .testimonial .testimonial__title { padding: 0; margin-bottom: 13px; font-size: 18px; line-height: 1.22; letter-spacing: -0.025em; } .testimonial .testimonial__entry { padding: 0 7px 0 38px; margin-bottom: 16px; font-size: 14px; line-height: 1.29; } .testimonial .testimonial__author { font-size: 12px; } .testimonial .testimonial__author strong { font-size: 15px; } .testimonial .testimonial__author { padding: 0 0 0 75px; } .testimonial .list-rating { padding-left: 75px; margin-bottom: 4px; } } /* ------------------------------------------------------------ *\ Text \* ------------------------------------------------------------ */ .text-orange { font-weight: 300; color: #0073aa; } .text-gray { color: #777777; } .text-white { color: #fff; } /* ------------------------------------------------------------ *\ Thumbs Cases \* ------------------------------------------------------------ */ .thumbs-cases { position: relative; z-index: 5; background: #fff; padding: 2rem 0; } .thumbs-cases .thumbs__head { padding: 1.5rem 0 1.8rem; letter-spacing: -0.028em; color: #777777; text-align: center; } .thumbs-cases .thumbs__head-inner { padding: 0 0.9rem; } .thumbs-cases .thumbs__title { margin-bottom: 0.15rem; letter-spacing: -0.028em; color: #333333; } .thumbs-cases .thumbs__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 3.71rem; } .thumbs-cases .thumbs__actions, .testibtn { text-align: center; } .testibtn { margin-top: 0.5rem; margin-bottom: 1rem; } .thumbs-cases .thumbs__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } /* Thumbs Cases With Nav */ .thumbs-cases--with-nav .thumbs__head { padding: 0; letter-spacing: -0.025em; text-align: left; } .thumbs-cases--with-nav .thumbs__title { letter-spacing: -0.025em; } .thumbs-cases--with-nav .nav-thumbs { margin-top: 1.8rem; } /* Mobile */ @media (max-width: 767px) { .thumbs-cases { padding: 27px 0 20px; } .thumbs-cases .thumbs__head { padding: 27px 30px 21px; font-size: 14px; line-height: 1.43; } .thumbs-cases .thumbs__title { margin-bottom: 10px; font-size: 28px; } .thumbs-cases .thumbs__body { display: -ms-flexbox; display: flex; display: -webkit-box; margin-bottom: 69px; } .thumbs-cases .swiper-container .swiper-pagination { bottom: 27px; } .thumbs-cases .thumbs__actions { padding: 0 26px; } /* Thumbs Cases With Nav */ /*.thumbs-cases--with-nav .thumbs__body { flex-flow: row nowrap !important; }*/ .thumbs-cases--with-nav .thumbs__head { padding: 0; } .thumbs-cases--with-nav .nav-thumbs { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Thumb Case \* ------------------------------------------------------------ */ .thumb-case { width: 33.33%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #fff; } .thumb-case .thumb__inner { position: relative; display: block; min-height: 20.13rem; text-decoration: none; } .thumb-case .thumb__content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 2rem 1.45rem; font-size: 1.1rem; letter-spacing: -0.028em; } .thumb-case .thumb__title { font-weight: 700; text-transform: uppercase; } .thumb-case .thumb__title span { color: #999; } @media (min-width: 1024px) { .thumb-case .thumb__inner:hover { background: rgba(0, 0, 0, 0.3); } } /* Tablet Portrait */ @media (max-width: 1023px) { .thumb-case .thumb__inner { min-height: 16rem; background: rgba(0, 0, 0, 0.3); } } /* Mobile */ @media (max-width: 767px) { /* Thumb */ .thumb-case { width: 100%; } .thumb-case .thumb__inner { min-height: 216px; } .thumb-case .thumb__content { padding: 20px 22px 15px; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; } .thumb-case .thumb__title { font-size: 15px; letter-spacing: -0.025em; } } /* ------------------------------------------------------------ *\ Thumb Image \* ------------------------------------------------------------ */ .thumb-image { position: relative; overflow: hidden; padding-top: 57%; color: #fff; } .thumb-image .thumb__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .thumb-image .thumb__title { position: absolute; top: 4.66rem; left: 4.36rem; font-size: 3.26rem; line-height: 1.32; letter-spacing: -0.02em; } /* Small Desktop */ @media (max-width: 1199px) { .thumb-image .thumb__title { top: 2rem; left: 2rem; font-size: 3rem; } } /* Mobile */ @media (max-width: 767px) { .thumb-image .thumb__title { top: 15px; left: 15px; font-size: 20px; } } /* ------------------------------------------------------------ *\ Well \* ------------------------------------------------------------ */ .well { position: relative; z-index: 1; padding: 5.4rem 0; background: #0073aa; color: #fff; text-align: center; } .well .well__title { padding: 0 1rem; margin-bottom: 1.2rem; font-size: 2.253rem; line-height: 1.3; letter-spacing: -0.025em; } .well .well__actions { font-size: 2.253rem; font-weight: 400; letter-spacing: normal; } /* Small Desktop */ @media (max-width: 1199px) { .well { padding: 4rem 0; } .well .well__title { padding: 0; font-size: 2.2rem; } } /* Tablet Portrait */ @media (max-width: 1023px) { .well .well__title br { display: none; } } /* Mobile */ @media (max-width: 767px) { .well { padding: 30px 0; } .well .well__title { font-size: 28px; } .well .well__title br { display: none; } .well .well__actions { font-size: 28px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widget { padding: 0.8rem 0 1rem; border-bottom: 1px solid #0073aa; } /* Tablet Portrait */ @media (max-width: 1023px) { .widgets { position: absolute; top: 0; right: 0; -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); min-width: 260px; padding: 3rem; background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .widgets.active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } /* Mobile */ @media (max-width: 767px) { .widgets { width: 100vw; } } /* ------------------------------------------------------------ *\ Widget Nav \* ------------------------------------------------------------ */ .widget-nav { padding: 1.6rem 0 2.15rem; border-bottom: 1px solid #0073aa; } .widget-nav .widget__title { margin-bottom: 1.2rem; font-size: 1.35rem; color: #0073aa; } .widget-nav ul { list-style-type: none; margin-bottom: 0; } .widget-nav li + li { margin-top: 0.45rem; } .widget-nav a { text-decoration: none; } .widget-nav a:hover { color: #0073aa; } .widget__actions a.btn { font-size: 1rem; } /* ------------------------------------------------------------ *\ Widget Socials \* ------------------------------------------------------------ */ .widget-socials { padding: 1.8rem 0; } .widget-socials .socials li + li { margin-left: 0.1rem; } /* ------------------------------------------------------------ *\ Widget Callout \* ------------------------------------------------------------ */ .widget-callout { padding: 1.8rem 1.4rem 2.5rem 1.4rem; background: #0073aa; color: #fff; } .widget-callout .widget__title { margin-bottom: 1.1rem; font-size: 1.9rem; font-style: italic; line-height: 1; letter-spacing: -0.038em; } .widget-callout .widget__entry { margin-bottom: 1.1rem; font-size: 1.2rem; font-weight: 300; line-height: 1.3; letter-spacing: -0.047em; } .widget-callout .btn { min-width: 100%; height: 2.6rem; line-height: 2.6rem; } /* Mobile */ @media (max-width: 767px) { .widget-callout .btn { height: auto; line-height: 1.3; } } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Malihu \* ------------------------------------------------------------ */ /*.mCSB_container { overflow: visible; } .mCustomScrollBox { overflow: visible; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: auto; left: auto; right: 6.31rem; bottom: 100%; margin-bottom: 1.6rem; opacity: 1; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: 12.52rem; height: 1rem; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 0; height: 100%; background: #ededed; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 100%; margin: 0; background: $color-orange; }*/ /* Mobile */ @media (max-width: 767px) { /*.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 25px; right: auto; margin-bottom: 20px; }*/ } /* ------------------------------------------------------------ *\ Swiper \* ------------------------------------------------------------ */ .swiper-container .swiper-pagination { bottom: 0; } .swiper-container .swiper-pagination-bullet { width: 0.65rem; height: 0.65rem; background: #cdcdcd; opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .swiper-container .swiper-pagination-bullet:hover, .swiper-container .swiper-pagination-bullet-active { background: #707070; } /* Swiper Pagination Large */ .swiper-container .swiper-pagination--large .swiper-pagination-bullet { width: 1rem; height: 1rem; margin: 0 0.6rem; } /* Swiper Pagination Orange */ .swiper-pagination--orange .swiper-pagination-bullet:hover, .swiper-pagination--orange .swiper-pagination-bullet-active { background: #0073aa; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Swiper Scrollbar */ .swiper-scrollbar { height: 1rem; } .swiper-scrollbar-drag { background: #0073aa; } /* Mobile */ @media (max-width: 767px) { .swiper-container .swiper-pagination-bullet { width: 13px; height: 13px; } } .testimonialList { padding: 2rem; } .testimonialList:after { content: ""; display: table; clear: both; } .testimonialListColumn { width: 30%; margin-right: 4.5%; float: left; } .testimonialListColumn.lastColumn { margin-right: 0; } /* Mobile */ @media (max-width: 767px) { .testimonialListColumn { width: 100%; } .nav-sectionsInner ul { display: none; } } div.testimonial__entry p a { color: #0073aa; } /* ------------------------------------------------------------ *\ Case Study Colour Overwrites DDA Robbie \* ------------------------------------------------------------ */ /* Work Included Section */ .work__included { float: left; clear: both; margin: 3rem 0 0 0; text-align: left; } /* Connect 4 Case Study */ body.connect4 h2.article__title, body.connect4 .feature-simple .feature__title, body.connect4 h2.review__title, body.connect4 span.review__author-meta { color: #6daada; } body.connect4 blockquote.review__cite { border-color: #6daada; } body.connect4 .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c4.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.connect4 .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c4.jpg) 0 0 no-repeat; background-size: 100% 100%; } /* Mouse Animation - Case Study */ .scroll-downs { position: absolute; top: 3rem; right: 0; bottom: 0; left: 0; margin: auto; width: 1.45rem; height: 2.95rem; } .mousey { width: 3px; padding: 10px 15px; height: 35px; border: 2px solid #fff; border-radius: 25px; opacity: 0.75; box-sizing: content-box; } .scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-iteration-count: infinite; } @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0; } } /* Hide current scroller bg image icon for tap area */ .ico-scroll { background: none; } /* DDA Robbie Mobile Fixes */ @media (max-width: 767px) { .mobBgPos { background-position: 26%; } .mobC4Img { display: none; } .article__content.mobC4Txt { width: 100% !important; } .testimonials__body .swiper-pagination { display: block; } .btn--outline { font-size: 77%; } .testibtn { margin-top: 1rem; } .header .header__actions { position: fixed; right: 10px; top: 10px; } .nav-trigger span { background: #000 !important; box-shadow: 0px 0px 2px #fff; } .name_error, .business_name_error, .tel_error, .email_error, .message_error, .contact_error { font-size: 3.1vw !important; } .news-item { padding: 0 10px; margin-bottom: 4rem; } .news { margin-bottom: 2rem !important; } } .name_error, .business_name_error, .tel_error, .email_error, .message_error, .contact_error { color: #f00; font-size: 0.9vw; } .submit_success { color: #060; } .job_type_wrap { display: none; } .nav-aside > ul > li { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: transform 0.6s ease; } .nav-aside > ul > li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: transform 0.6s ease; } .header .header__aside.active { /* overflow: hidden; */ overflow: scroll; } /* EVENTS AND CASE STUDIES */ body.connect4 h2.article__title, body.connect4 .feature-simple .feature__title, body.connect4 h2.review__title, body.connect4 span.review__author-meta { color: #6daada; } body.connect4 blockquote.review__cite { border-color: #6daada; } body.connect4 .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c4.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.connect4 .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c4.jpg) 0 0 no-repeat; background-size: 100% 100%; } /* xhtml hub */ body.aerialas h2.article__title, body.aerialas .feature-simple .feature__title, body.aerialas h2.review__title, body.aerialas span.review__author-meta { color: #3269cc; } body.aerialas blockquote.review__cite { border-color: #3269cc; } body.aerialas .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c5.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.aerialas .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c5.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.aerialas .article-fancy .article__head { width: 100%; } body.aerialas .article-fancy .article__entry--narrow { width: 100%; } body.aerialas .article-fancy { /*padding-bottom: 2.53rem;*/ } body.aerialas .article-img { width: 100%; } body.aerialas .article-img img { width: 100%; } body.aerialas .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.aerialas .review-single .review__banner { margin-top: 0; } body.ayrequestrian h2.article__title, body.ayrequestrian .feature-simple .feature__title, body.ayrequestrian h2.review__title, body.ayrequestrian span.review__author-meta { color: #a89334; } body.ayrequestrian blockquote.review__cite { border-color: #a89334; } body.ayrequestrian .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c6.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.ayrequestrian .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c6.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.ayrequestrian .article-fancy .article__head { width: 100%; } body.ayrequestrian .article-fancy .article__entry--narrow { width: 100%; } body.ayrequestrian .article-fancy { /*padding-bottom: 2.53rem;*/ } body.ayrequestrian .article-img { width: 100%; } body.ayrequestrian .article-img img { width: 100%; } body.ayrequestrian .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.ayrequestrian .review-single .review__banner { margin-top: 0; } body.citylimos h2.article__title, body.citylimos .feature-simple .feature__title, body.citylimos h2.review__title, body.citylimos span.review__author-meta { color: #18a5d4; } body.citylimos blockquote.review__cite { border-color: #18a5d4; } body.citylimos .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c7.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.citylimos .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c7.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.citylimos .article-fancy .article__head { width: 100%; } body.citylimos .article-fancy .article__entry--narrow { width: 100%; } body.citylimos .article-fancy { /*padding-bottom: 2.53rem;*/ } body.citylimos .article-fancy.car { padding-bottom: 5.53rem; } body.citylimos .article-img { width: 100%; } body.citylimos .article-img img { width: 100%; } body.citylimos .review-single { padding-top: 4rem; } body.citylimos .review-single .review__aside-image { padding-top: 2rem; } body.citylimos .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.citylimos .review-single .review__banner { margin-top: 0; } body.castlewater h2.article__title, body.castlewater .feature-simple .feature__title, body.castlewater h2.review__title, body.castlewater span.review__author-meta { color: #1675a9; } body.castlewater blockquote.review__cite { border-color: #1675a9; } body.castlewater h2.article__title.retainers { font-size: 2rem; font-weight: 400; } body.castlewater h2.article__title.retainers b { font-weight: 700; } body.castlewater .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c8.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.castlewater .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c8.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.castlewater .article-fancy .article__head { width: 100%; } body.castlewater .article-fancy .article__entry--narrow { width: 100%; } body.castlewater .article-fancy { padding-top: 2rem; /*padding-bottom: 2.53rem;*/ } body.castlewater .article-img { width: 100%; } body.castlewater .article-img img { width: 100%; } body.castlewater .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.castlewater .review-single .review__banner { margin-top: 0; } body.castlewater .Hand { width: 100%; overflow: hidden; } body.castlewater .Hand .hand { margin-right: 30px; float: left; } body.castlewater .location { padding-top: 3rem; width: 100%; overflow: hidden; } body.castlewater .location .row { -webkit-display: flex; -moz-display: flex; display: flex; margin: 0 -30px; } @media (max-width: 767px) { body.castlewater .location .row { display: block; } } body.castlewater .location .row .box { padding: 0 30px; width: 33.33%; } @media (max-width: 767px) { body.castlewater .location .row .box { width: 50%; margin-bottom: 1rem; float: left; } } @media (max-width: 525px) { body.castlewater .location .row .box { width: 100%; } } body.castlewater .location .row .box figure { margin-bottom: 15px; display: block; } body.castlewater .location .row .box .article__head { margin-bottom: 1rem; } body.castlewater .location .row .box .article__head .article__title { font-size: 1.6rem; } body.espireRetail h2.article__title, body.espireRetail .feature-simple .feature__title, body.espireRetail h2.review__title, body.espireRetail span.review__author-meta { color: #3b9297; } body.espireRetail blockquote.review__cite { border-color: #3b9297; } body.espireRetail .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c9.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.espireRetail .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c9.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.espireRetail .article-fancy .article__head { width: 100%; } body.espireRetail .article-fancy .article__entry--narrow { width: 100%; } body.espireRetail .article-fancy { padding-top: 2rem; /*padding-bottom: 2.53rem;*/ } body.espireRetail .article-img { width: 100%; } body.espireRetail .article-img img { width: 100%; } body.espireRetail .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.espireRetail .review-single .review__banner { margin-top: 0; } body.kleerkut h2.article__title, body.kleerkut .feature-simple .feature__title, body.kleerkut h2.review__title, body.kleerkut span.review__author-meta { color: #006951; } body.kleerkut blockquote.review__cite { border-color: #d6de4d; } body.kleerkut .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c10.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.kleerkut .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c10.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.kleerkut .article-fancy .article__head { width: 100%; } body.kleerkut .article-fancy .article__entry--narrow { width: 100%; } body.kleerkut .article-fancy { padding-top: 2rem; /*padding-bottom: 2.53rem;*/ } body.kleerkut .article-fancy.kleerkut-bg { padding-top: 0; margin-top: 2rem; padding-bottom: 0; margin-bottom: 10.53rem; background: rgba(253, 254, 248, 1); background: -moz-linear-gradient( left, rgba(253, 254, 248, 1) 0%, rgba(253, 254, 248, 1) 0%, rgba(238, 241, 180, 1) 59%, rgba(238, 241, 180, 1) 100% ); background: -webkit-gradient( left top, right top, color-stop(0%, rgba(253, 254, 248, 1)), color-stop(0%, rgba(253, 254, 248, 1)), color-stop(59%, rgba(238, 241, 180, 1)), color-stop(100%, rgba(238, 241, 180, 1)) ); background: -webkit-linear-gradient( left, rgba(253, 254, 248, 1) 0%, rgba(253, 254, 248, 1) 0%, rgba(238, 241, 180, 1) 59%, rgba(238, 241, 180, 1) 100% ); background: -o-linear-gradient( left, rgba(253, 254, 248, 1) 0%, rgba(253, 254, 248, 1) 0%, rgba(238, 241, 180, 1) 59%, rgba(238, 241, 180, 1) 100% ); background: -ms-linear-gradient( left, rgba(253, 254, 248, 1) 0%, rgba(253, 254, 248, 1) 0%, rgba(238, 241, 180, 1) 59%, rgba(238, 241, 180, 1) 100% ); background: linear-gradient( to right, rgba(253, 254, 248, 1) 0%, rgba(253, 254, 248, 1) 0%, rgba(238, 241, 180, 1) 59%, rgba(238, 241, 180, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfef8', endColorstr='#eef1b4', GradientType=1 ); } body.kleerkut .article-img { width: 100%; } body.kleerkut .article-img img { width: 100%; } body.kleerkut .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.kleerkut .review-single .review__banner { margin-top: 0; } body.kleerkut .article-fancy .article__image.kleerkut { z-index: 2; } body.kleerkut .article-fancy--type-3 .article__content.redesign { padding-top: 81px; padding-bottom: 46px; } body.kleerkut .redesign .row { -webkit-display: flex; -moz-display: flex; display: flex; flex-wrap: wrap; margin: 0 -15px; } body.kleerkut .redesign .row .box { padding: 0 15px; max-width: 33.33%; margin-bottom: 51px; } body.kleerkut .redesign .row .box .bg { padding: 36px 30px; background-color: white; border-radius: 15px; height: 100%; text-align: center; } body.kleerkut .redesign .row .box .bg figure { margin-bottom: 1rem; } body.kleerkut .redesign .row .box .bg .article__title { font-size: 1.8rem; font-weight: 400; margin-bottom: 1rem; } body.kleerkut .redesign .row .box .bg .text-left { text-align: left; } body.kleerkut .redesign .row .box .bg .text-left p { font-size: 1rem; } @media (max-width: 1199px) { body.kleerkut .redesign .row .box { max-width: 50%; } } @media (max-width: 767px) { body.kleerkut .redesign .row .box { max-width: 100%; } } body.omninstruments h2.article__title, body.omninstruments .feature-simple .feature__title, body.omninstruments h2.review__title, body.omninstruments span.review__author-meta { color: #213889; } body.omninstruments blockquote.review__cite { border-color: #213889; } body.omninstruments .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c11.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.omninstruments .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c11.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.omninstruments .article-fancy .article__head { width: 100%; } body.omninstruments .article-fancy .article__entry--narrow { width: 100%; } body.omninstruments .article-fancy { padding-top: 2rem; /*padding-bottom: 2.53rem;*/ } body.omninstruments .article-img { width: 100%; } body.omninstruments .article-img img { width: 100%; } body.omninstruments .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.omninstruments .review-single .review__banner { margin-top: 0; } body.rooneylow h2.article__title, body.rooneylow .feature-simple .feature__title, body.rooneylow h2.review__title, body.rooneylow span.review__author-meta { color: #fec833; } body.rooneylow blockquote.review__cite { border-color: #fec833; } body.rooneylow .review-single .review__cite-inner:before { background: url(../images/src/assets/images/temp/review-decoration-bottom-left-c12.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.rooneylow .review-single .review__cite-inner:after { background: url(../images/src/assets/images/temp/review-decoration-top-right-c12.jpg) 0 0 no-repeat; background-size: 100% 100%; } body.rooneylow .article-fancy .article__head { width: 100%; } body.rooneylow .article-fancy .article__entry--narrow { width: 100%; } body.rooneylow .article-fancy { padding-top: 2rem; /*padding-bottom: 2.53rem;*/ } body.rooneylow .article-img { width: 100%; } body.rooneylow .article-img img { width: 100%; } body.rooneylow .review-single .review__image .aas-logo { margin-top: 6.2rem; } body.rooneylow .review-single .review__banner { margin-top: 0; } body.rooneylow .article-fancy--type-3 .article__entry h3 { font-size: 1.2rem; font-weight: 500; font-style: italic; color: #2d5a85; } body.event .Bannerside { padding-top: 245px; text-align: right; height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; } body.event .Bannerside .banner_title { color: white; margin-bottom: 2rem; } body.event .Bannerside .banner_title span { font-size: 3.26rem; display: block; color: #fb6624; margin-top: 1rem; } body.event .Bannerside .intro__actions .btn { min-width: 12.78rem; } body.event .Bannerside .breadcrumbs-dash { margin-top: 3rem; } body.event .Bannerside .breadcrumbs-dash ul { justify-content: flex-start; } body.event .Bannerside .breadcrumbs-dash li + li:before { content: "/"; } @media (max-width: 767px) { body.event .Bannerside { padding-top: 103px; height: auto; min-height: 699px; } } .Training { padding: 3rem 0; overflow: hidden; } .Training .row { padding-bottom: 3rem; } .Training .left { padding-top: 26px; padding-right: 62px; float: left; } .Training .right { display: block; overflow: hidden; } .Training .right .date { font-size: 1rem; text-transform: uppercase; display: block; } .Training .right h2 { font-size: 1.7rem; color: #fb6624; } .Training .right h2 span { font-size: 2.6rem; color: #575757; display: block; text-transform: capitalize; } @media (max-width: 767px) { .Training .right { width: 100%; } } .Secure { position: relative; padding: 5rem 0; background-color: #fb6624; overflow: hidden; } .Secure:after { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; display: block; content: ""; background-color: #565656; } .Secure .shell-fluid { position: relative; z-index: 1; } .Secure .row { display: flex; flex-wrap: wrap; margin: 0 -120px; } .Secure .box { padding: 0 120px; flex: 0 0 50%; max-width: 50%; } .Secure .box h4 { font-size: 1.5rem; color: #fff; margin-bottom: 2.1rem; } .Secure .box p { font-size: 1.3rem; font-weight: 300; color: #fff; margin-bottom: 0.7rem; line-height: 1.7rem; } .Secure .box p.last { margin-top: 2rem; } .Secure .link { padding-top: 4rem; text-align: center; } .Secure .link a { color: #565656; min-width: 22.78rem; height: 3.5rem; line-height: 3.9rem; } .Secure .link a:hover { color: #fff; } @media (max-width: 991px) { .Secure .row { margin: 0 -20px; } .Secure .box { padding: 0 20px; } } @media (max-width: 767px) { .Secure { padding-top: 0; background-color: #565656; } .Secure:after { display: none; } .Secure .shell-fluid { padding: 0; } .Secure .box { padding: 30px; flex: 0 0 100%; max-width: 100%; } .Secure .box:first-child { background-color: #fb6624; } .Secure .link a { line-height: normal; padding-top: 18px; } } .Masterclass { padding: 3rem 0; overflow: hidden; } .Masterclass h2 { color: #fb6624; text-align: center; margin-bottom: 2rem; text-transform: capitalize; } .Masterclass h5 { color: #494949; margin-bottom: 0; } .Masterclass ul { padding-left: 36px; list-style: none; } .Masterclass li { color: #fb6624; display: table; } .Masterclass li:before { display: table-cell; content: "-"; width: 20px; } .Masterclass .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .Masterclass .left { position: relative; padding: 0 15px; flex: 0 0 70%; max-width: 70%; } .Masterclass .left .text { float: left; width: 40%; } .Masterclass .left .masterclass-img { position: absolute; top: 0; right: 15px; } .Masterclass .right { padding: 0 15px; flex: 0 0 30%; max-width: 30%; } .Masterclass .link { position: relative; text-align: center; z-index: 1; } @media (max-width: 1799px) { .Masterclass .left .masterclass-img { width: 60%; } } @media (max-width: 1499px) { .Masterclass ul { padding-left: 20px; } .Masterclass .left .masterclass-img { width: 50%; } } @media (max-width: 767px) { .Masterclass .left { flex: 0 0 50%; max-width: 50%; } .Masterclass .left .text { width: 100%; } .Masterclass .left .masterclass-img { display: none; } .Masterclass .right { padding: 0 15px; flex: 0 0 50%; max-width: 50%; } .Masterclass .link { margin-top: 1rem; } } @media (max-width: 525px) { .Masterclass .left { flex: 0 0 100%; max-width: 100%; padding-bottom: 1rem; } .Masterclass .right { flex: 0 0 100%; max-width: 100%; } } .Glasgow { padding: 4rem 0; background-color: #fb6624; text-align: center; overflow: hidden; } .Glasgow .glass-subtitle { font-weight: 300; color: #fff; margin-bottom: 2rem; display: block; } .Glasgow h2 { color: #fff; margin-bottom: 0; text-transform: uppercase; } .Glasgow h3 { font-weight: 300; color: #fff; text-transform: uppercase; margin-bottom: 3rem; } .Glasgow h3 span { font-size: 1.45rem; display: block; } .London { padding: 1rem; background-color: #292728; overflow: hidden; overflow: hidden; text-align: center; } .London .map { float: left; } .London .map img { display: inline-block; } .London .text { padding-top: 1rem; display: block; overflow: hidden; } .London .text p { font-size: 1.4rem; font-weight: 300; color: #fff; margin-bottom: 0; } .London .text p a { cursor: pointer; } .London .text p a:hover { text-decoration: underline; } .London .text p.title { font-size: 1.5rem; } .London .text ul { list-style: none; } .London .text li { font-size: 2.3rem; font-weight: 300; color: #fff; display: inline-block; text-transform: uppercase; } .London .text li:after { margin: 0 10px 0 15px; display: inline-block; width: 0.5rem; height: 0.5rem; background-color: #fb6624; content: ""; vertical-align: middle; border-radius: 50%; } .London .text li:last-child:after { display: none; } @media (max-width: 1199px) { .London .text li { font-size: 1.6rem; } } @media (max-width: 991px) { .London .text li { font-size: 1.2rem; } } @media (max-width: 767px) { .London .map { width: 100%; } .London .text { width: 100%; } } @media (max-width: 525px) { .London .text li { font-size: 2rem; float: left; width: 100%; } .London .text li:after { display: none; } } .Leave { padding: 4rem 0; text-align: center; overflow: hidden; } .Leave .text-left { text-align: left; } .Leave h2 { color: #fb6624; } .Leave h3 { font-size: 1.5rem; color: #fb6624; } .Leave h3 span { font-size: 1.3rem; font-weight: 300; font-style: italic; color: #7b7b7b; display: block; text-transform: capitalize; } .Leave p.orange { color: #fb6624; } .Leave .img { margin: 3rem 0 1.6rem; } .Bookcourse { padding-bottom: 4rem; } .Bookcourse h2 { color: #000; text-align: center; } .Bookcourse .row { display: flex; flex-wrap: wrap; margin: 0 -19px; } .Bookcourse .box { padding: 0 19px; flex: 0 0 33.33%; max-width: 33.33%; } .Bookcourse .box .form-group { margin-bottom: 1rem; } .Bookcourse .box .form-title { padding-left: 1rem; font-size: 1.2rem; font-weight: 300; color: #fff; display: block; min-height: 68px; background-color: #f15a23; line-height: 68px; } .Bookcourse .box .form-title b { font-weight: 400; } .Bookcourse .box .form-control { padding: 0 1rem; font-weight: 400; width: 100%; height: 68px; color: #c6c6c6; border: 1px solid #c6c6c6; text-transform: none; } .Bookcourse .box .custom-select { padding: 0 4rem 0 1rem; height: 68px; width: 100%; color: #c6c6c6; border: 1px solid #c6c6c6; text-transform: capitalize; background-image: url(assets/images/temp/select-arrow.png); background-position: right center; background-repeat: no-repeat; -webkit-appearance: none; appearance: none; cursor: pointer; } .Bookcourse .box .btn { position: relative; width: 100%; height: 68px; text-align: left; } .Bookcourse .box .btn:after { display: block; position: absolute; top: 0; right: 31px; height: 100%; width: 21px; background-image: url(assets/images/temp/bookcourse-submit-arrow.png); background-position: center center; background-repeat: no-repeat; content: ""; } .Bookcourse .box .form-group input[type="submit"].btn { position: relative; width: 100%; height: 68px; text-align: left; background-image: url(assets/images/temp/bookcourse-submit-arrow.png); background-position: center right 20px; background-repeat: no-repeat; } .Bookcourse .box .form-group input[type="submit"].btn:after { display: block; position: absolute; top: 0; right: 31px; height: 100%; width: 21px; background-image: url(assets/images/temp/bookcourse-submit-arrow.png); background-position: center center; background-repeat: no-repeat; content: ""; } .Bookcourse .box .form-control input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c6c6c6; } .Bookcourse .box .form-control input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #c6c6c6; } .Bookcourse .box .form-control input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #c6c6c6; } .Bookcourse .box .form-control input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #c6c6c6; } @media (max-width: 1199px) { .Bookcourse .box .form-title { font-size: 0.9rem; } } @media (max-width: 991px) { .Bookcourse .box { flex: 0 0 100%; max-width: 100%; } } .scroll-downs { position: absolute; top: 3rem; right: 0; bottom: 0; left: 0; margin: auto; width: 1.45rem; height: 2.95rem; } .mousey { width: 3px; padding: 10px 15px; height: 35px; border: 2px solid #fff; border-radius: 25px; opacity: 0.75; box-sizing: content-box; } .scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-iteration-count: infinite; } @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0; } } .ico-scroll { background: none; } @media (max-width: 767px) { .mobBgPos { background-position: 26%; } .mobC4Img { display: none; } .article__content.mobC4Txt { width: 100% !important; } .testimonials__body .swiper-pagination { display: block; } .btn--outline { font-size: 77%; } .testibtn { margin-top: 1rem; } .header .header__actions { position: fixed; right: 10px; top: 10px; } .nav-trigger span { background: #000 !important; box-shadow: 0px 0px 2px #fff; } .name_error, .business_name_error, .tel_error, .email_error, .message_error, .contact_error { font-size: 3.1vw !important; } } .name_error, .business_name_error, .tel_error, .email_error, .message_error, .contact_error { color: #f00; font-size: 0.9vw; } .submit_success, .submit_success_bottom { color: #060; } .job_type_wrap { display: none; } .nav-aside > ul > li { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: transform 0.6s ease; } .nav-aside > ul > li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: transform 0.6s ease; } .header .header__aside.active { overflow: hidden; } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .contact-simple .contact__link { font-size: 100%; } .contact-simple .contact__title { font-size: 10vw; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) { .contact-simple .contact__link { font-size: 100% !important; } .contact-simple .contact__title { font-size: 10vw !important; } } /*SUJ Screen Changes - Robbie*/ h1.intro__title { font-size: 3rem; } .intro__entry p { font-size: 1.7rem; } .intro .intro__entry { line-height: 1; } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .section-features .section__image { max-width: 35%; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .nav-aside > ul > li.has-dropdown > a:after { top: 0px; } } .header .header__aside.active { /* overflow: hidden; */ overflow: scroll; } /**event**/ .intro.event { padding: 12.01rem 1.5rem 14.52rem 1.5rem; } .intro.event .intro__content { padding-left: 0; margin: 0; width: 100%; } .intro.event .intro__title { color: #fff; padding-left: 8%; padding-right: 8%; text-align: right; font-size: 3.5rem; } .intro.event .intro__title span { padding-top: 1rem; display: block; color: #fe6424; font-size: 2.8rem; } .intro.event .intro__actions { padding-right: 8%; text-align: right; } .intro.event .breadcrumbs-dash ul { -ms-flex-pack: start; justify-content: start; padding-left: 1rem; } .intro.event .breadcrumbs-dash li + li:before { content: "/"; } .event .nav-sections .nav__title { display: none; } .event .nav-sections a.titlebig { display: none; } .event .nav-sections ul.fixed .nav__title { display: block; } .event .nav-sections ul.fixed a.titlebig { display: block; } .event .nav-sections ul.fixed .nav__text { display: none; } .event .nav-sections ul.fixed { display: none; } @media (max-width: 767px) { .intro.event { padding: 61px 20px 20px; } .intro.event .intro__title { width: 100%; font-size: 26px; } .intro.event .intro__title span { padding-top: 1rem; font-size: 22px; } } /* Payment formatting */ .cf7pp_body { margin-left: auto; margin-right: auto; display: block; text-align: center; } .cf7pp_row { display: inline-block; } input#stripe-submit { display: inline-block; vertical-align: middle; min-width: 17.78rem; height: 3.1rem; padding: 0 1rem; border: 0 none; border-radius: 0; background: #0073aa; font-size: 1.2rem; font-weight: 400; line-height: 3.1rem; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* PPC Landing Page */ body.page-template-landing-page .content { width: 100%; } #landinggrid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2.6rem; } .landingvideo { background-size: cover; margin-bottom: 2.6rem; max-height: 600px; } .landingcta { margin-bottom: 2.6rem; } .landingcta ul { margin-left: 2rem; } .landingcta h4 { line-height: 1.3; } /* .landingservices ul { display: inline-block; list-style: none; } .landingservices ul li { display: inline-block; } .landingservices ul li:before { content:"-"; color:#0073aa; padding:0 20px 0 20px; } .landingservices ul li:nth-child(1):before { content:none; padding:0; } */ .landingservices ul { margin-left: 1.5rem; } .landingservices h3 { color: #0073aa; } body.page-template-landing-page .article-single .article__head { padding: 5rem 0 1.3rem; } body.page-template-landing-page .partners { padding: 3.5rem 0 0.5rem; } body.page-template-landing-page .well.Bookcourse { background: #333333; } body.page-template-landing-page .Bookcourse .box .form-group input[type="submit"].btn { background: #0073aa; background-image: url(assets/images/temp/bookcourse-submit-arrow.png); background-position: center right 20px; background-repeat: no-repeat; } body.page-template-landing-page .Bookcourse h2 { color: #0073aa; } body.page-template-landing-page .well.Bookcourse div.wpcf7-validation-errors { border: 2px solid #0073aa; } .landingvideo img { width: 100%; height: auto; } h1.andyscraftyheader { text-indent: -9999px; padding: 0; margin: 0; line-height: 0; } @media (max-width: 767px) { #landinggrid { grid-template-columns: repeat(1, 1fr); } .landingvideo { min-height: 300px; } } @media (min-width: 1025px) { .landingservices p { font-size: 1.04vw; } }