/* Table of Contents FONT PATH * -------------------------- -- Deprecated as of 4.4.0 ------------------- Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons Slider ----------------------------------- Magnific Popup CSS ----------------------- Main image in popup ---------------------- The shadow behind the image -------------- Layout helpers ---------------------------------- Interaction Cues ---------------------------------- Icons ---------------------------------- - Misc visuals ---------------------------------- Overlays --------------------------------- Support: IE <= 11 ------------------------ Support: Firefox 5 - 40 ------------------ Spinner specific style fixes ------------- Support: IE8 only, Android < 4.4 only ---- RTL support ------------------------------ Icons ------------------------------------ Component containers ---------------------------------- Interaction states ---------------------------------- Interaction Cues ---------------------------------- Icons ---------------------------------- - Misc visuals ---------------------------------- Corner radius ---------------------------- Overlays --------------------------------- Items box -------------------------------- 01. Settings ---------------------------------- 02. Sprite ------------------------------------ 03. Generic ----------------------------------- 04. Base -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Fonts ------------------------------------- 06. Helpers ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Flexbox ---------------------------------- Responsive Helpers ----------------------- 07. Animations -------------------------------- 08. Icons ------------------------------------- Mobile ----------------------------------- 09. Reset ------------------------------------- 10. Regions ----------------------------------- 11. Container --------------------------------- 12. Content ----------------------------------- 13. Footer ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 14. Header ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 15. Main -------------------------------------- 16. Shell ------------------------------------- 17. Sidebar ----------------------------------- 18. Wrapper ----------------------------------- 19. Modules ----------------------------------- 20. Accordion --------------------------------- 21. Animation Box ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Animation Box Small ---------------------- Mobile ----------------------------------- 22. Article ----------------------------------- Mobile ----------------------------------- 23. Box --------------------------------------- Box Alt ---------------------------------- Mobile ----------------------------------- Box Large -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 24. Breadcrumbs ------------------------------- Mobile ----------------------------------- 25. Button ------------------------------------ Button Block ----------------------------- Button White ----------------------------- Mobile ----------------------------------- Button Red ------------------------------- Button Grey ------------------------------ Button Lightgrey ------------------------- Button Medium ---------------------------- Mobile ----------------------------------- Button Small ----------------------------- Button Alt ------------------------------- Button Active ---------------------------- Button Disabled -------------------------- 26. Button Menu ------------------------------- 27. Button Play ------------------------------- 28. Copyright --------------------------------- 29. Filter ------------------------------------ Mobile ----------------------------------- 30. Form Elements ----------------------------- 31. Field ------------------------------------- 32. Radio ------------------------------------- Radio Service ---------------------------- Mobile ----------------------------------- 33. Select ------------------------------------ 34. Form -------------------------------------- Mobile ----------------------------------- Form Contact ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 35. Gallery ----------------------------------- Tablet Portrait -------------------------- 36. Intro ------------------------------------- 37. Link -------------------------------------- 38. List -------------------------------------- 39. List Links -------------------------------- Mobile ----------------------------------- 40. List Bullets ------------------------------ 41. List Tags --------------------------------- List Tags Alt ---------------------------- 42. List Dots --------------------------------- 43. List Radios ------------------------------- Mobile ----------------------------------- 44. List Buttons ------------------------------ 45. List Categories --------------------------- 46. List Posts -------------------------------- 47. Loader ------------------------------------ Mobile ----------------------------------- Loader Small ----------------------------- 48. Logo -------------------------------------- Logo Type 1 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 2 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 3 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 4 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 5 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 6 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 7 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 8 ------------------------------ Small Desktop ---------------------------- Logo Type 9 ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 10 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 11 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 12 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 13 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 14 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 15 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 16 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 17 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 18 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 19 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 20 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 21 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 22 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 23 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 24 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 25 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 26 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 27 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 28 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 29 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 30 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 31 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 32 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 33 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 34 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 35 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 36 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 37 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 38 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 39 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 40 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 41 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 42 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 43 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 44 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 45 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 46 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 47 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 48 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 49 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 50 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Logo Type 51 ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 49. Logo Box ---------------------------------- 50. Map --------------------------------------- Mobile ----------------------------------- Map Medium ------------------------------- 51. Nav --------------------------------------- Tablet Portrait -------------------------- 52. Number ------------------------------------ 53. Ornament ---------------------------------- 54. Paging ------------------------------------ 55. Parallax Item ----------------------------- 56. Phone ------------------------------------- 57. Post -------------------------------------- 58. Post Alt ---------------------------------- Mobile ----------------------------------- Post Large ------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Post Single ------------------------------ Mobile ----------------------------------- 59. Project ----------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Project Single --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. Search ------------------------------------ 61. Section ----------------------------------- Section Pattern -------------------------- Section Pattern Darkgrey ----------------- Section Ornament ------------------------- Section About ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Section Services ------------------------- Tablet Portrait -------------------------- Section Services Alt --------------------- Section Callout -------------------------- Tablet Portrait -------------------------- Section Slider --------------------------- Section Default -------------------------- Mobile ----------------------------------- Section Info ----------------------------- Mobile ----------------------------------- Section Philanthropy --------------------- Section Service Single ------------------- Tablet Portrait -------------------------- Section Posts ---------------------------- Mobile ----------------------------------- Section Post ----------------------------- Tablet Portrait -------------------------- Section Contact -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Section Projects ------------------------- Section Project Single ------------------- Tablet Portrait -------------------------- Section Testimonials --------------------- Tablet Portrait -------------------------- 62. Slider ------------------------------------ 63. Slider Intro ------------------------------ Mobile ----------------------------------- Slider Gallery --------------------------- Slider Testimonials ---------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 64. Socials ----------------------------------- 65. Stepper ----------------------------------- 66. Subscribe --------------------------------- Tablet Portrait -------------------------- 67. Table ------------------------------------- 68. Tabs -------------------------------------- Tablet Portrait -------------------------- 69. Testimonial ------------------------------- 70. Title ------------------------------------- Title Red -------------------------------- Title Blue ------------------------------- 71. Title Border ------------------------------ 72. Video ------------------------------------- Mobile ----------------------------------- 73. Widget ------------------------------------ Mobile ----------------------------------- 74. Themes ------------------------------------ 75. Info Window ------------------------------- Mobile ----------------------------------- */ /* ========================================================================== #Grid ========================================================================== */ .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/images/assets/jquery-ui-dist/images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; -ms-transform-origin: center bottom; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { -ms-transform-origin: top center; transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; -ms-transform-origin: center; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-book-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 39.318885448916404% 0%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-calendar { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 79.11464245175937% 86.49262202043133%; background-size: 5973.333333333333% 6392.857142857143%; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-envelope-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 0% 39.37984496124031%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-envelope-small { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 49.280575539568346% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-envelope { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 17.955439056356486% 100%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-figure { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 82.9185520361991% 86.39455782312925%; background-size: 7466.666666666667% 6884.615384615384%; width: 12px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-gears-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 0% 78.75968992248062%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-gears-small { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 99.28057553956835% 82.23289315726291%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-gears { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 99.8689384010485% 17.979002624671917%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-laptop-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 39.318885448916404% 78.75968992248062%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-laptop-small { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 73.02158273381295% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-laptop { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 99.8689384010485% 35.958005249343834%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-gear-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 78.63777089783281% 39.37984496124031%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-gear { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 99.8689384010485% 71.91601049868767%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 0% 0%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-small { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 57.194244604316545% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 0% 100%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-monitor-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 78.63777089783281% 78.63777089783281%; background-size: 358.40000000000003% 359.43775100401604%; width: 250px; height: 249px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-monitor-small { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 91.36690647482014% 82.23289315726291%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-monitor { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 100% 0%; background-size: 668.6567164179104% 672.9323308270676%; width: 134px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-rocket-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 78.63777089783281% 0%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-rocket-small { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 65.10791366906474% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-rocket { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 35.91087811271297% 100%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-search { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 76.87927107061503% 86.88711516533637%; background-size: 4977.777777777778% 4972.222222222222%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-tags { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 81.0872027180068% 86.39455782312925%; background-size: 6892.307692307692% 6884.615384615384%; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-target-large { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 39.318885448916404% 39.37984496124031%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-target { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 99.8689384010485% 53.937007874015755%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-triangle-down { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 86.10169491525423% 84.4769403824522%; background-size: 8145.454545454545% 14916.666666666666%; width: 11px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-triangle-up { background-image: url(/images/assets/src/assets/images/sprite.png); background-position: 87.79661016949153% 84.4769403824522%; background-size: 8145.454545454545% 14916.666666666666%; width: 11px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-book-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 0% 0%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-envelope-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 0% 78.75968992248062%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-envelope-small { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 73.02158273381295% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-envelope { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 99.8689384010485% 53.937007874015755%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-gears-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 0% 39.37984496124031%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-gears-small { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 65.10791366906474% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-gears { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 99.8689384010485% 35.958005249343834%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-laptop-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 39.318885448916404% 39.37984496124031%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-laptop-small { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 49.280575539568346% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-laptop { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 17.955439056356486% 100%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-gear-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 78.63777089783281% 39.37984496124031%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-gear { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 35.91087811271297% 100%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 39.318885448916404% 78.75968992248062%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier-small { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 99.28057553956835% 82.23289315726291%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-magnifier { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 0% 100%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-monitor-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 78.63777089783281% 78.63777089783281%; background-size: 358.40000000000003% 359.43775100401604%; width: 250px; height: 249px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-monitor-small { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 91.36690647482014% 82.23289315726291%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-monitor { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 100% 0%; background-size: 668.6567164179104% 672.9323308270676%; width: 134px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-rocket-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 78.63777089783281% 0%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-rocket-small { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 57.194244604316545% 91.47659063625451%; background-size: 1445.1612903225805% 1443.5483870967741%; width: 62px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-rocket { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 99.8689384010485% 17.979002624671917%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-target-large { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 39.318885448916404% 0%; background-size: 358.40000000000003% 358%; width: 250px; height: 250px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-target { background-image: url(/images/assets/src/assets/images/sprite.@2x.png); background-position: 99.8689384010485% 71.91601049868767%; background-size: 673.6842105263157% 672.9323308270676%; width: 133px; height: 133px; display: inline-block; vertical-align: middle; font-size: 0px; } } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'MuseoSlab', sans-serif; font-weight: 500; font-size: 16px; line-height: 1.5; color: #666666; } body.loaded .loader { visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; } body.loaded .animation-box { visibility: visible; opacity: 1; } body.loaded .header { z-index: 50; } .home .header .logo-type-2 { top: -100px; } .home .header .logo-type-3 { top: -70px; } .home .header .logo-type-4 { top: -90px; } .home .header .logo-type-5 { top: -100px; } .home .header .logo-type-6 { top: -90px; } a { color: inherit; text-decoration: underline; } a:hover, a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75em; } h1 { font-size: 50px; line-height: 1; } h2 { font-size: 40px; line-height: 1; } h3 { font-size: 35px; font-weight: 400; } h4 { font-size: 25px; line-height: 1.2; } h5 { font-size: 18px; color: #999; } h6 { font-size: 16px; } h1, h2, h4 { font-family: 'ChunkFive', sans-serif; font-weight: 400; } h5, h6 { font-family: 'Oswald', sans-serif; font-weight: 400; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 0; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* Tablet Portrait */ @media (max-width: 991px) { body.no-scroll { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; } } /* Mobile */ @media (max-width: 767px) { h1 { font-size: 35px; } h2 { font-size: 33px; } h3 { font-size: 30px; } .home .header .logo-type-2 { top: -60px; } .home .header .logo-type-3 { top: -40px; } .home .header .logo-type-4 { top: -40px; } .home .header .logo-type-5 { top: -60px; } .home .header .logo-type-6 { top: -60px; } } @media (max-width: 479px) { body { font-size: 14px; } h1 { font-size: 28px; } h2 { font-size: 25px; } h3 { font-size: 22px; } h4 { font-size: 20px; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'ChunkFive'; src: url('/fonts/src/assets/fonts/ChunkFive-Roman.eot'); src: url('/fonts/src/assets/fonts/ChunkFive-Roman.eot') format('embedded-opentype'), url('/fonts/src/assets/fonts/ChunkFive-Roman.woff') format('woff'), url('/fonts/src/assets/fonts/ChunkFive-Roman.ttf') format('truetype'), url('/images/assets/src/assets/fonts/ChunkFive-Roman.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'MuseoSlab'; src: url('/fonts/src/assets/fonts/MuseoSlab-500.eot'); src: url('/fonts/src/assets/fonts/MuseoSlab-500.eot') format('embedded-opentype'), url('/fonts/src/assets/fonts/MuseoSlab-500.woff') format('woff'), url('/fonts/src/assets/fonts/MuseoSlab-500.ttf') format('truetype'), url('/images/assets/src/assets/fonts/MuseoSlab-500.svg') format('svg'); font-weight: 500; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .row:after, .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: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col { -ms-flex: 1 1; flex: 1 1; } .col--1of2 { -ms-flex: 0 0 50%; flex: 0 0 50%; } /* Flexbox */ .flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* 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: 991px) { .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: 992px) and (max-width: 1200px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes swingCustom { 0% { transform: rotate(12deg); } 50% { transform: rotate(-6deg); } 100% { transform: rotate(12deg); } } @keyframes flipLinkHover { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 0deg); } 50% { transform: perspective(400px) rotate3d(1, 0, 0, 5deg); } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 0deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 50% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .flipInXCustom { animation-name: flipInXCustom; } @keyframes flipInXCustom { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; visibility: hidden; opacity: 0; } to { transform: perspective(400px); visibility: visible; opacity: 1; } } .scale { animation-name: scale; } @keyframes scale { from { transform: scale(0, 0); } to { transform: scale(1, 1); } } .animated { animation-duration: 2s; } .animated.flipInXCustom { animation-duration: .75s; } .animated.scale { animation-duration: 1.5s; } [data-animation="animated fadeIn"] { opacity: 0; } [data-animation="animated fadeInUp"] { opacity: 0; transform: translate3d(0, 100%, 0); } [data-animation="animated fadeInDown"] { opacity: 0; transform: translate3d(0, -100%, 0); } [data-animation="animated fadeInLeftBig"] { opacity: 0; transform: translate3d(-2000px, 0, 0); } [data-animation="animated fadeInRightBig"] { opacity: 0; transform: translate3d(2000px, 0, 0); } [data-animation="animated fadeInRight"] { opacity: 0; transform: translate3d(100%, 0, 0); } [data-animation="animated slideInDown"] { transform: translate3d(0, -100%, 0); } [data-animation="animated slideInLeft"] { transform: translate3d(-100%, 0, 0); } [data-animation="animated slideInRight"] { transform: translate3d(100%, 0, 0); } [data-animation="animated bounceInLeft"] { transform: translate3d(-3000px, 0, 0); } [data-animation="animated bounceInRight"] { transform: translate3d(3000px, 0, 0); } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico-play { display: inline-block; vertical-align: middle; width: 84px; height: 83px; background: url(/images/assets/src/assets/images/ico-play.png) no-repeat 0 0; background-size: 100% 100%; } /* Mobile */ @media (max-width: 767px) { .ico-play { width: 56px; height: 55px; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } *:before, *:after { 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; -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 \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background: url(/images/assets/src/assets/images/footer-bg.jpg) repeat 0 0; } .footer .footer__inner { padding: 97px 0 48px; } .footer .footer__group { margin-bottom: 29px; } .footer .footer__group:last-child { margin-bottom: 0; } .footer .footer__title { margin-bottom: 13px; } .footer .footer__entry.accordion__body { max-height: 100%; overflow: visible; } .footer .footer__bar { padding: 21px 0; background: rgba(29, 29, 31, 0.5); } .footer .footer__bar-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .footer .footer__nav { font-size: 12px; line-height: 1.2; text-transform: uppercase; } .footer .footer__nav ul { list-style-type: none; } .footer .footer__nav li { display: inline-block; vertical-align: middle; } .footer .footer__nav li + li { padding-left: 11px; border-left: 1px solid #666; margin-left: 6px; } .footer .footer__nav a { display: inline-block; text-decoration: none; transition: color .3s; } .footer .footer__nav a:hover { color: #fff; } /* Small Desktop */ @media (max-width: 1200px) { .footer .footer__bar-inner { -ms-flex-direction: column; flex-direction: column; text-align: center; } .footer .footer__nav { margin-bottom: 10px; } } /* Tablet Portrait */ @media (max-width: 991px) { .footer .footer__inner { position: relative; padding: 50px 0 80px; } .footer .footer__group { margin-bottom: 15px; } .footer .footer__entry.accordion__body { max-height: 0; overflow: hidden; } .footer .socials { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; } .footer .col-sm-12 { position: static; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; } .header .header__inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding: 14px 0; } .header .shell { padding: 0; } .header .logo { position: absolute; top: -146px; left: -47px; transform: translate3d(0, -3000px, 0); } .header .logo-type-2 { top: -125px; left: 10px; } .header .logo-type-3 { top: -87px; left: 47px; } .header .logo-type-4 { top: -107px; left: 14px; } .header .logo-type-5 { top: -146px; left: 11px; } .header .logo-type-6 { top: -112px; left: 10px; } .header .logo-type-7 { top: -25px; left: 10px; } .header .logo-type-8 { top: -100px; left: 10px; } .header .logo-type-9 { top: -100px; left: -200px; } .header .logo-type-10 { top: -20px; left: 10px; } .header .logo-type-11 { top: -20px; left: 30px; } .header .logo-type-12 { top: -100px; left: 10px; } .header .logo-type-13, .header .logo-type-14, .header .logo-type-15, .header .logo-type-16, .header .logo-type-17, .header .logo-type-18, .header .logo-type-25, .header .logo-type-36, .header .logo-type-38, .header .logo-type-39, .header .logo-type-40, .header .logo-type-41, .header .logo-type-42, .header .logo-type-43, .header .logo-type-44, .header .logo-type-45, .header .logo-type-46, .header .logo-type-47, .header .logo-type-48 { top: 0; left: 10px; } .header .logo-type-19 { top: -50px; left: 10px; } .header .logo-type-20, .header .logo-type-21, .header .logo-type-24, .header .logo-type-27, .header .logo-type-28, .header .logo-type-29, .header .logo-type-31, .header .logo-type-32, .header .logo-type-33, .header .logo-type-34, .header .logo-type-35, .header .logo-type-37 { top: -30px; left: 10px; } .header .logo-type-22, .header .logo-type-50 { top: -65px; left: 10px; } .header .logo-type-23, .header .logo-type-26 { top: -40px; left: 10px; } .header .logo-type-30, .header .logo-type-49 { top: -110px; left: 10px; } .header .logo-type-51 { top: -5px; left: 10px; } /* Small Desktop */ @media (max-width: 1200px) { .header .logo { top: 0; left: 10px; } .header .logo-type-7 { top: -40px; } .header .logo-type-8, .header .logo-type-9, .header .logo-type-12, .header .logo-type-18, .header .logo-type-19, .header .logo-type-20, .header .logo-type-21, .header .logo-type-22, .header .logo-type-23, .header .logo-type-24, .header .logo-type-27, .header .logo-type-28, .header .logo-type-29, .header .logo-type-31, .header .logo-type-32, .header .logo-type-33, .header .logo-type-34, .header .logo-type-35, .header .logo-type-36, .header .logo-type-37, .header .logo-type-45, .header .logo-type-46, .header .logo-type-47, .header .logo-type-48 { top: -75px; } .header .logo-type-10 { top: -15px; } .header .logo-type-11, .header .logo-type-13 { top: -60px; } .header .logo-type-14, .header .logo-type-16, .header .logo-type-17, .header .logo-type-39, .header .logo-type-40, .header .logo-type-42, .header .logo-type-43, .header .logo-type-44 { top: -20px; } .header .logo-type-15, .header .logo-type-25, .header .logo-type-26, .header .logo-type-38, .header .logo-type-41 { top: -50px; } .header .logo-type-30, .header .logo-type-49, .header .logo-type-50 { top: -120px; } } /* Tablet Portrait */ @media (max-width: 991px) { .header .header__inner { padding: 24px 10px; -ms-flex-align: center; align-items: center; } } /* Mobile */ @media (max-width: 767px) { .header .logo { top: -75px; left: 10px; } .header .logo-type-2 { top: -55px; } .header .logo-type-3 { top: -35px; } .header .logo-type-4 { top: -45px; } .header .logo-type-7 { top: -20px; } .header .logo-type-8 { top: -50px; } .header .logo-type-9 { top: -50px; } .header .logo-type-12 { top: -55px; } .header .logo-type-51 { top: -5px; } .header .logo-type-10, .header .logo-type-11, .header .logo-type-13, .header .logo-type-14, .header .logo-type-15, .header .logo-type-16, .header .logo-type-17, .header .logo-type-18, .header .logo-type-20, .header .logo-type-21, .header .logo-type-25, .header .logo-type-38, .header .logo-type-39, .header .logo-type-40, .header .logo-type-41, .header .logo-type-42, .header .logo-type-43, .header .logo-type-44 { top: 0; } .header .logo-type-19, .header .logo-type-22, .header .logo-type-23, .header .logo-type-24, .header .logo-type-26, .header .logo-type-27, .header .logo-type-28, .header .logo-type-29, .header .logo-type-31, .header .logo-type-32, .header .logo-type-33, .header .logo-type-34, .header .logo-type-35, .header .logo-type-36, .header .logo-type-37, .header .logo-type-45, .header .logo-type-46, .header .logo-type-47, .header .logo-type-48 { top: -30px; } .header .logo-type-30, .header .logo-type-49, .header .logo-type-50 { top: -50px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { position: relative; z-index: 10; } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1160px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; min-height: 100vh; overflow: hidden;} /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion .accordion__body { max-height: 0; overflow: hidden; transition: max-height .5s; } .accordion .accordion__toggle span { position: relative; display: block; } .accordion .accordion__toggle i { position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); transition: transform .5s ease-in-out; } .accordion .accordion--expanded .accordion__body { max-height: 100vh; } .accordion .accordion--expanded .accordion__toggle i { -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } /* ------------------------------------------------------------ *\ Animation Box \* ------------------------------------------------------------ */ .animation-box { position: relative; z-index: 20; } .animation-box .animation-box__outer { position: relative; z-index: 5; } .animation-box .animation-box__inner { position: relative; height: 760px; } .animation-box .animation-box__item { background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; /* transition: all .3s; */ } .animation-box .wave-1 { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 128px; } .animation-box .book { position: absolute; bottom: -20px; left: 50%; width: 1187px; z-index: 2; height: 189px; margin-left: -598px; transform: translate3d(0, 3000px, 0); } .animation-box .book-2 { position: absolute; bottom: -7px; left: 50%; z-index: 1; width: 1088px; height: 105px; margin-left: -544px; transform: translate3d(0, 3000px, 0); } .animation-box .book-2.animation-end { -ms-transform: none; transform: none; } .animation-box .city { position: absolute; bottom: 24px; left: 50%; z-index: 3; width: 496px; height: 349px; margin-left: -470px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .city.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .city-1 { position: absolute; bottom: 39px; left: 50%; z-index: 3; width: 601px; height: 315px; margin-left: -469px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .city-1.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .city-2 { position: absolute; bottom: 40px; right: 50%; z-index: 3; width: 372px; height: 209px; margin-right: -426px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .city-3 { position: absolute; bottom: 54px; right: 50%; z-index: 3; width: 350px; height: 173px; margin-right: -373px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .city-4 { position: absolute; bottom: 94px; left: 50%; z-index: 3; width: 513px; height: 316px; margin-left: -466px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .city-5 { position: absolute; bottom: 46px; right: 50%; z-index: 3; width: 433px; height: 218px; margin-right: -402px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .city-5.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .city-sunshine { position: absolute; bottom: -20px; right: 50%; z-index: -1; width: 838px; height: 477px; margin-right: -660px; opacity: 0; } .animation-box .road { position: absolute; bottom: -17px; left: 50%; z-index: 6; width: 704px; height: 161px; margin-left: -246px; -ms-transform: scale(0, 0); transform: scale(0, 0); -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .animation-box .road--austin.animation-end { transform: translateZ(-10px); animation: none; } .animation-box .road-1 { position: absolute; bottom: -16px; right: 50%; z-index: 4; width: 459px; height: 105px; margin-right: -290px; -ms-transform: scale(0, 0); transform: scale(0, 0); -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .animation-box .flora { position: absolute; bottom: 94px; left: 50%; z-index: 3; width: 829px; height: 106px; margin-left: -463px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .building { position: absolute; bottom: 97px; right: 50%; z-index: 3; width: 245px; height: 128px; margin-right: -437px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .building.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .building-2 { position: absolute; bottom: 101px; right: 50%; z-index: 3; width: 239px; height: 139px; margin-right: -431px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .building-2.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .building-3 { position: absolute; bottom: 56px; left: 50%; z-index: 3; width: 252px; height: 119px; margin-left: -249px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .building-4 { position: absolute; bottom: 41px; right: 50%; z-index: 3; width: 195px; height: 143px; margin-right: -476px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .building-5 { position: absolute; bottom: 55px; left: 50%; z-index: 3; width: 141px; height: 80px; margin-left: -41px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .building-6 { position: absolute; bottom: 63px; left: 50%; z-index: 3; width: 173px; height: 97px; margin-left: -198px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .board { position: absolute; bottom: 100px; right: 50%; z-index: 5; width: 770px; height: 564px; margin-right: -595px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .board:before { content: ''; position: absolute; top: 45px; left: 50%; z-index: 10; background: url(/images/assets/src/assets/images/board-corners.png) no-repeat 0 0; background-size: 100% 100%; width: 669px; height: 49px; margin-left: -334px; } .animation-box .board .slider-intro .slider__slides { overflow: hidden; } .animation-box .board .slider-intro .slider__slide, .animation-box .board .slider-intro .slick__next, .animation-box .board .slider-intro .slick__prev { visibility: hidden; opacity: 0; transition: all .3s; will-change: opacity;} .animation-box .board.animation-end .slider-intro .slider__slides { overflow: visible; } .animation-box .board.animation-end .slider-intro .slider__slide, .animation-box .board.animation-end .slider-intro .slick__next, .animation-box .board.animation-end .slider-intro .slick__prev { visibility: visible; opacity: 1; } .animation-box .bush-1 { position: absolute; bottom: 69px; right: 50%; z-index: 3; width: 107px; height: 51px; margin-right: -450px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; will-change: transform; visibility: hidden; opacity: 0; } .animation-box .bush-2 { position: absolute; bottom: 40px; left: 50%; z-index: 3; width: 197px; height: 45px; margin-left: -307px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .bush-3 { position: absolute; bottom: 32px; left: 50%; z-index: 3; width: 234px; height: 53px; margin-left: -480px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .bush-4 { position: absolute; bottom: 39px; right: 50%; z-index: 3; width: 203px; height: 45px; margin-right: -485px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .corn { position: absolute; bottom: 115px; right: 50%; z-index: 4; width: 359px; height: 117px; margin-right: -405px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .corn.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .corn-2 { position: absolute; bottom: 55px; left: 50%; z-index: 4; width: 262px; height: 95px; margin-left: -338px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .sign-la { position: absolute; bottom: 35px; left: 50%; z-index: 5; width: 158px; height: 155px; margin-left: -616px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .sign-nyc { position: absolute; bottom: 41px; right: 50%; z-index: 6; width: 156px; height: 144px; margin-right: -586px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; will-change: transform; visibility: hidden; opacity: 0; } .animation-box .sign-austin { position: absolute; bottom: -3px; left: 50%; z-index: 7; width: 132px; height: 98px; margin-left: -146px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .animation-box .sign-omaha { position: absolute; bottom: 130px; left: 50%; z-index: 6; width: 118px; height: 108px; margin-left: 10px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .sign-omaha-2 { position: absolute; bottom: 48px; right: 50%; z-index: 6; width: 141px; height: 149px; margin-right: -582px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .sign-denver { position: absolute; bottom: 35px; left: 50%; z-index: 5; width: 189px; height: 147px; margin-left: -630px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .sunshine { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 1823px; opacity: 0; } .animation-box .mountain { position: absolute; bottom: 133px; left: 50%; width: 389px; height: 117px; margin-left: -154px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .mountain-2 { position: absolute; bottom: 70px; left: 50%; width: 299px; height: 90px; margin-left: -121px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .monster-bike { position: absolute; bottom: 44px; right: 50%; z-index: 7; width: 197px; height: 134px; margin-right: -292px; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; visibility: hidden; opacity: 0; } .animation-box .monster-bike.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .monster-bike.animation-end:hover { animation: moveLeft 2s forwards; } .animation-box .cloud { position: absolute; top: 50%; left: 50%; z-index: 6; width: 122px; height: 59px; margin-left: -209px; margin-top: -28px; transform: translate3d(0, -3000px, 0); } .animation-box .clouds-1 { position: absolute; top: 50%; right: 50%; z-index: 1; width: 1219px; height: 218px; margin-top: -300px; margin-right: -980px; transform: translate3d(0, -3000px, 0); } .animation-box .clouds-2 { position: absolute; top: 4px; left: 50%; z-index: 1; width: 1515px; height: 546px; margin-left: -870px; transform: translate3d(0, -3000px, 0); } .animation-box .clouds-3 { position: absolute; top: 0; left: 50%; width: 1113px; z-index: 1; height: 153px; margin-left: -290px; transform: translate3d(0, -3000px, 0); } .animation-box .clouds-4 { position: absolute; top: 50%; left: 50%; z-index: 1; width: 1348px; height: 186px; margin-left: -785px; margin-top: -93px; transform: translate3d(0, -3000px, 0); } .animation-box .animated.flipInXCustom { visibility: visible; opacity: 1; } .animation-box .animation-box__link.animation-end { -ms-transform: none; transform: none; animation: none; } .animation-box .animation-box__link.animation-end:hover { animation: flipLinkHover 1s forwards; } /* Small Desktop */ @media (max-width: 1200px) { .animation-box .board { bottom: 20px; margin-right: -385px; } } /* Mobile */ @media (max-width: 767px) { .animation-box .animation-box__inner { height: 580px; } .animation-box .board { width: 513px; height: 376px; margin-right: -256px; } .animation-box .board:before { top: 30px; width: 446px; height: 32px; margin-left: -223px; } .animation-box .city-2, .animation-box .city-3, .animation-box .city-5 { margin-right: -226px; } .animation-box .road-1 { margin-right: -122px; } } @media (max-width: 479px) { .animation-box .animation-box__inner { height: 470px; } .animation-box .board { width: 342px; height: 251px; margin-right: -171px; } .animation-box .board:before { top: 20px; width: 297px; height: 21px; margin-left: -149px; } .animation-box .city-2, .animation-box .city-3, .animation-box .city-5 { margin-right: -180px; } .animation-box .road-1 { margin-right: -78px; } } /* Animation Box Small */ .animation-box--small { position: relative; } .animation-box--small:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; background: #4d7f92; } .animation-box--small .animation-box__inner { height: 310px; } /* Mobile */ @media (max-width: 479px) { .animation-box--small .animation-box__inner { height: 400px; } } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article .article__head { margin-bottom: 25px; } .article .article__title { margin-bottom: 10px; color: #fff; text-shadow: 3px 4px 0 #a73830; } .article .article__subtitle { text-transform: uppercase; color: #fff; text-shadow: 3px 4px 0 #a73830; } .article .article__body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; line-height: 1.63; color: #fff; text-shadow: 2px 3px 0 #a73830; } .article .article__aside { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 40px; } .article .article__content { width: 100%; } /* Mobile */ @media (max-width: 767px) { .article .article__title { font-size: 23px; } .article .article__subtitle { font-size: 16px; } .article .article__body { font-size: 14px; } } @media (max-width: 479px) { .article .article__title { font-size: 16px; } .article .article__subtitle { font-size: 12px; } .article .article__head { margin-bottom: 10px; } .article .article__body { font-size: 11px; } .article .article__aside { margin-left: 10px; } } /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box { display: -ms-flexbox; display: flex; width: 100%; } .box .box__inner { display: -ms-flexbox; display: flex; width: 100%; padding: 10px; margin-bottom: 30px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; text-align: center; } .box .box__content { width: 100%; padding: 30px 15px; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } .box .box__title { min-height: 60px; padding: 0 15px; margin-bottom: 28px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #163945; } .box .box__image { margin-bottom: 33px; } .box .box__body { margin-bottom: 25px; font-size: 14px; line-height: 1.71; } /* Box Alt */ .box--alt { min-height: 525px; margin-bottom: 56px; } .box--alt .box__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 23px 15px; } .box--alt .box__image { position: relative; min-height: 186px; margin-bottom: 20px; } .box--alt .box__image img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box--alt .box__title { min-height: auto; margin-bottom: 17px; } .box--alt .box__body { -ms-flex-positive: 1; flex-grow: 1; padding: 0 15px; } /* Mobile */ @media (max-width: 767px) { .box--alt .box__body { padding: 0 5px; } } /* Box Large */ .box--large { margin-bottom: 60px; } .box--large .box__inner { margin-bottom: 0; text-align: left; } .box--large .box__content { position: relative; padding: 30px 30px 15px; } .box--large .box__aside { -ms-flex-negative: 0; flex-shrink: 0; margin: 0 70px; } .box--large .box__title { min-height: auto; margin-bottom: 35px; padding: 0; } .box--large .box__actions { position: absolute; top: 29px; right: 30px; } /* Small Desktop */ @media (max-width: 1200px) { .box--large .box__aside { -ms-flex-negative: 0; flex-shrink: 0; margin: 0 30px; } } /* Tablet Portrait */ @media (max-width: 991px) { .box--large { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .box--large .box__content { padding: 30px 15px 15px; } .box--large .box__aside { -ms-flex-order: -1; order: -1; margin: 0 0 30px; } .box--large .box__actions { position: static; } .box--large .box__title { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { margin-bottom: 40px; font-family: 'Oswald', sans-serif; font-size: 20px; } .breadcrumbs ul { display: -ms-flexbox; display: flex; } .breadcrumbs li { position: relative; } .breadcrumbs li + li { margin-left: 10px; } .breadcrumbs li + li:before { content: '\003e'; margin-right: 5px; } .breadcrumbs a { text-decoration: none; transition: color .3s; } .breadcrumbs a:hover, .breadcrumbs .current a { color: #508ac6; } .breadcrumbs .current a { font-weight: 500; } /* Mobile */ @media (max-width: 767px) { .breadcrumbs { font-size: 16px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; padding: 8px 12px; border-radius: 5px; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; text-shadow: none; transition: border-color .3s, background .3s, color .3s; } /* Button Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* Button White */ .btn--white { padding: 6px 11px; border: 2px solid transparent; background: #fff; color: #d14d45; } .btn--white:hover { border-color: #fff; background-color: transparent; color: #fff; } /* Mobile */ @media (max-width: 479px) { .btn--white { padding: 4px 8px; } } /* Button Red */ .btn--red { padding: 6px 11px; border: 2px solid transparent; background: #e83a25; color: #fff; } .btn--red:hover { border-color: #e83a25; background-color: transparent; color: #e83a25; } /* Button Grey */ .btn--grey { padding: 6px 11px; border: 2px solid transparent; background: #404245; color: #fff; font-weight: 400; } .btn--grey:hover { border-color: #fff; background-color: transparent; } /* Button Lightgrey */ .btn--lightgrey { padding: 6px 11px; border: 2px solid transparent; background: #eaeaea; color: #999; font-weight: 400; } .btn--lightgrey:hover { border-color: #eaeaea; background-color: transparent; } /* Button Medium */ .btn--medium { font-size: 16px; } /* Mobile */ @media (max-width: 767px) { .btn--medium { font-size: 14px; } } /* Button Small */ .btn--small { font-size: 14px; } /* Button Alt */ .btn--alt:hover { border-color: #e83a25; background: #e83a25; color: #fff; } /* Button Active */ .btn.active { border-color: #e83a25; background: #e83a25; color: #fff; } /* Button Disabled */ .btn--disabled { pointer-events: none; opacity: .5; } /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ .btn-menu { position: relative; z-index: 70; display: none; vertical-align: middle; width: 30px; height: 22px; -ms-transform: rotate(0deg); transform: rotate(0deg); text-decoration: none; transition: all .4s; } .btn-menu span { position: absolute; left: 0; display: block; height: 3px; width: 100%; background: #fff; opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); font-size: 0; line-height: 0; text-indent: -4004px; transition: .4s ease-in-out;border-radius: 3px; } .btn-menu span:nth-child(1) { top: 0px; } .btn-menu span:nth-child(2) { top: 8px; } .btn-menu span:nth-child(3) { top: 16px; } .btn-menu.open span { background: #e83a25; } .btn-menu.open span:nth-child(1) { top: 5px; -ms-transform: rotate(135deg); transform: rotate(135deg); } .btn-menu.open span:nth-child(2) { left: -60px; opacity: 0; } .btn-menu.open span:nth-child(3) { top: 5px; -ms-transform: rotate(-135deg); transform: rotate(-135deg); } /* ------------------------------------------------------------ *\ Button Play \* ------------------------------------------------------------ */ .btn-play { display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Copyright \* ------------------------------------------------------------ */ .copyright { font-size: 12px; line-height: 1.2; } /* ------------------------------------------------------------ *\ Filter \* ------------------------------------------------------------ */ .filter { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .filter .search { width: 360px; } /* Mobile */ @media (max-width: 767px) { .filter { -ms-flex-direction: column; flex-direction: column; } .filter .filter__content { margin-bottom: 10px; width: 100%; } .filter .filter__aside { width: 100%; } .filter .search { width: 100%; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } /* ------------------------------------------------------------ *\ Field \* ------------------------------------------------------------ */ .textarea, .field { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 35px; padding: 10px 20px; border: 0; border-radius: 0; background: #eaeaea; font-size: 12px; } .textarea { resize: none; min-height: 95px; } /* ------------------------------------------------------------ *\ Radio \* ------------------------------------------------------------ */ .radio { position: relative; display: inline-block; overflow: hidden; } .radio input { position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; opacity: 0; } /* Radio Service */ .radio--service { display: block; } .radio--service label { display: inline-block; width: 100%; padding: 10px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; font-family: 'Oswald', sans-serif; font-size: 18px; color: #163945; line-height: 1.2; } .radio--service span { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 105px; padding: 23px 60px 23px 20px; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } .radio--service i { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 28px;} .radio--service strong { display: block; font-weight: 400; } .radio--service input:checked ~ label { color: #e83a25; background: url(/images/assets/src/assets/images/pattern-border-red.png) repeat 0 0; } /* Mobile */ @media (max-width: 767px) { .radio--service span { padding: 23px 10px; } } /* ------------------------------------------------------------ *\ Select \* ------------------------------------------------------------ */ .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 35px; padding: 0 38px 0 20px; border-radius: 0; border: 1px solid transparent; background: #eaeaea url(/images/assets/src/assets/images/select-arrow.png) no-repeat 94.5% center; font-family: 'MuseoSlab', sans-serif; font-size: 12px; line-height: 35px; } /* .select .selectric { border: 0; background: #eaeaea; font-family: $font-family-museo-slab; } .select .selectric .label { height: 35px; margin: 0 38px 0 20px; line-height: 35px; } .select .selectric .button { width: 50px; height: 35px; background: #eaeaea; line-height: 35px; } .select .selectric .button:after { top: 5px; border: 6px solid transparent; border-top-color: #666666; } .select .selectric-items li:first-child { display: none; } */ /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form .form__label { display: inline-block; font-size: 14px; line-height: 1.2; } .form .form__row { margin-bottom: 16px; } .form .form__row:last-child { margin-bottom: 0; } /* Mobile */ @media (max-width: 767px) { .form [class^="col"] + [class^="col"] { margin-top: 16px; } } /* Form Contact */ .form--contact .form__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .form--contact .form__aside { position: relative; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 330px; padding-right: 10px; margin-right: 60px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; font-size: 14px; line-height: 1.74; } .form--contact .form__entry { padding: 37px 50px 37px 0; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } .form--contact .form__entry h4 { margin-bottom: 18px; } .form--contact .form__content { padding-top: 25px; width: 100%; } .form--contact .form__notice { transition: visibility .3s, opacity .3s; } .form--contact .form__notice-hidden { visibility: hidden; opacity: 0; } .form--contact .form__notice-error { font-weight: 700; color: #e83a25; } .form--contact .form__actions { margin-top: 20px; text-align: right; } .form--contact .form__actions-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .form--contact .form__steps { position: relative; overflow: hidden; } .form--contact .form__step { position: absolute; top: -9999px; left: -99999px; } .form--contact .form__step.active { position: relative; top: 0; left: 0; } .form--contact .field, .form--contact .textarea { padding: 9px 19px; border: 1px solid transparent; } .form--contact .valy-invalid { border-color: #e83a25; } .form--contact .valy-valid { border-color: green; } .form--contact .number { margin-bottom: 32px; } .form--contact .btn { padding: 8px 15px; font-size: 14px; font-weight: 400; } /* Tablet Portrait */ @media (max-width: 991px) { .form--contact .form__inner { -ms-flex-direction: column; flex-direction: column; } .form--contact .form__aside { width: 100%; padding: 0; margin: 0; background: none; text-align: center; } .form--contact .form__entry { max-width: 400px; padding: 0; margin: 0 auto 50px; } } /* Mobile */ @media (max-width: 767px) { .form--contact .form__actions-inner { -ms-flex-direction: column; flex-direction: column; } .form--contact .form__notice { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Gallery \* ------------------------------------------------------------ */ .gallery { padding: 7px 0 15px; margin: 0 -1px; } .gallery-item { display: inline-block; vertical-align: middle; margin: 0 1px 5px; } .gallery-item a { display: inline-block; } /* Tablet Portrait */ @media (max-width: 991px) { .gallery { padding: 10px 0; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; z-index: 10; background: linear-gradient(to bottom, rgba(17,168,221,1) 0%,rgba(18,168,219,1) 1%,rgba(22,169,221,1) 1%,rgba(26,172,223,1) 4%,rgba(32,174,222,1) 6%,rgba(34,174,225,1) 6%,rgba(38,174,222,1) 8%,rgba(44,179,226,1) 9%,rgba(48,179,225,1) 11%,rgba(52,180,225,1) 11%,rgba(56,183,228,1) 13%,rgba(59,181,228,1) 13%,rgba(58,183,227,1) 13%,rgba(66,185,227,1) 15%,rgba(71,189,229,1) 17%,rgba(74,187,227,1) 17%,rgba(88,195,231,1) 21%,rgba(91,193,231,1) 21%,rgba(108,201,234,1) 26%,rgba(111,202,233,1) 26%,rgba(109,202,233,1) 26%,rgba(113,202,234,1) 26%,rgba(114,203,233,1) 27%,rgba(119,204,235,1) 28%,rgba(121,204,234,1) 29%,rgba(129,208,238,1) 31%,rgba(134,210,236,1) 32%,rgba(136,212,238,1) 33%,rgba(137,211,236,1) 33%,rgba(147,215,238,1) 36%,rgba(166,221,242,1) 42%,rgba(165,222,241,1) 43%,rgba(173,224,243,1) 45%,rgba(181,227,243,1) 51%,rgba(184,227,244,1) 51%,rgba(182,228,243,1) 51%,rgba(185,228,244,1) 52%,rgba(188,230,246,1) 55%,rgba(187,229,243,1) 55%,rgba(191,230,245,1) 56%,rgba(191,230,245,1) 100%); overflow: hidden; } .intro .animation-box { visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; } /* ------------------------------------------------------------ *\ Link \* ------------------------------------------------------------ */ .link { text-decoration: none; color: #0ea7dc; } .link--red { color: #e83a25; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links { font-family: 'Oswald', sans-serif; font-size: 14px; line-height: 1.2; text-transform: uppercase; } .list-links li { display: inline-block; vertical-align: middle; } .list-links li + li { padding-left: 17px; border-left: 2px solid #e83a25; margin-left: 17px; } .list-links a { display: inline-block; color: #163945; text-decoration: none; transition: color .3s; } .list-links a:hover { color: #e83a25; } /* Mobile */ @media (max-width: 767px) { .list-links li + li { padding-left: 5px; margin-left: 5px; } } @media (max-width: 479px) { .list-links li { display: block; width: 100%; } .list-links li + li { padding-left: 0; border-left: 0; margin-left: 0; margin-top: 5px; } } /* ------------------------------------------------------------ *\ List Bullets \* ------------------------------------------------------------ */ .list-bullets { font-family: 'Oswald', sans-serif; font-size: 16px; line-height: 1.2; } .list-bullets li { position: relative; padding-left: 15px; } .list-bullets li:before { content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; background: #163945; } .list-bullets li + li { margin-top: 26px; } .list-bullets a { text-decoration: none; color: #508ac6; transition: color .3s; } .list-bullets a:hover { color: #e83a25; } /* ------------------------------------------------------------ *\ List Tags \* ------------------------------------------------------------ */ .list-tags { font-size: 12px; line-height: 1.2; } .list-tags li { display: inline-block; vertical-align: middle; } .list-tags a { text-decoration: none; color: #508ac6; } /* List Tags Alt */ .list-tags--alt { font-size: 13px; } .list-tags--alt a { color: #7f7f7f; transition: color .3s; } .list-tags--alt a:hover { color: #508ac6; } /* ------------------------------------------------------------ *\ List Dots \* ------------------------------------------------------------ */ .list-dots { font-size: 14px; line-height: 1.74; } .list-dots li { position: relative; padding-left: 13px; } .list-dots li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #666; } .list-dots li + li { margin-top: 25px; } /* ------------------------------------------------------------ *\ List Radios \* ------------------------------------------------------------ */ .list-radios { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-radios li { width: 48%; margin-bottom: 20px; } /* Mobile */ @media (max-width: 767px) { .list-radios { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .list-radios li { width: 100%; max-width: 400px; } } /* ------------------------------------------------------------ *\ List Buttons \* ------------------------------------------------------------ */ .list-buttons li { display: inline-block; vertical-align: middle; } .list-buttons li + li { margin-left: 2px; } /* ------------------------------------------------------------ *\ List Categories \* ------------------------------------------------------------ */ .list-categories { margin: 0 -10px; font-family: 'Oswald', sans-serif; font-size: 12px; text-transform: uppercase; line-height: 1; } .list-categories li { display: inline-block; vertical-align: middle; padding: 0 10px; border-right: 2px solid #e83a25; } .list-categories li:last-child { border-right: 0; } .list-categories a { text-decoration: none; color: #e83a25; transition: color .3s; } .list-categories a:hover { color: #163945; } /* ------------------------------------------------------------ *\ List Posts \* ------------------------------------------------------------ */ .list-posts { font-family: 'Oswald', sans-serif; font-size: 16px; } .list-posts li + li { margin-top: 18px; } .list-posts a { color: #163945; } /* ------------------------------------------------------------ *\ Loader \* ------------------------------------------------------------ */ .loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 999; } .loader .loader__image { position: absolute; top: 0; left: 50%; margin-left: -192px; margin-top: -50px; animation: swingCustom 2s ease-in-out forwards infinite; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } /* Mobile */ @media (max-width: 767px) { .loader .loader__image { margin-left: -128px; } .loader .loader__image img { width: 256px; height: 424px; } } @media (max-width: 479px) { .loader .loader__image { margin-left: -98px; } .loader .loader__image img { width: 196px; height: 326px; } } /* Loader Small */ .loader--small .loader__image { margin-top: -100px; margin-left: -120px; } .loader--small .loader__image img { width: 240px; height: 397px;} /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; vertical-align: middle; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; transition: margin 1s; } .logo:hover { margin-top: -20px; } /* Logo Type 1 */ .logo-type-1 { width: 297px; height: 461px; background: url(/images/assets/src/assets/images/logo-type-1.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-1 { width: 198px; height: 307px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-1 { width: 148px; height: 230px; } } /* Logo Type 2 */ .logo-type-2 { width: 394px; height: 453px; background: url(/images/assets/src/assets/images/logo-type-2.png) no-repeat; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-2 { width: 328px; height: 377px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-2 { width: 218px; height: 251px; } } /* Logo Type 3 */ .logo-type-3 { width: 384px; height: 426px; background: url(/images/assets/src/assets/images/logo-type-3.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-3 { width: 349px; height: 387px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-3 { width: 218px; height: 251px; } } /* Logo Type 4 */ .logo-type-4 { width: 470px; height: 434px; background: url(/images/assets/src/assets/images/logo-type-4.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-4 { width: 427px; height: 351px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-4 { width: 284px; height: 234px; } } /* Logo Type 5 */ .logo-type-5 { width: 329px; height: 449px; background: url(/images/assets/src/assets/images/logo-type-5.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-5 { width: 274px; height: 374px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-5 { width: 199px; height: 272px; } } /* Logo Type 6 */ .logo-type-6 { width: 375px; height: 441px; background: url(/images/assets/src/assets/images/logo-type-6.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-6 { width: 317px; height: 367px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-6 { width: 234px; height: 275px; } } /* Logo Type 7 */ .logo-type-7 { width: 362px; height: 472px; background: url(/images/assets/src/assets/images/logo-type-7.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-7 { width: 278px; height: 363px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-7 { width: 181px; height: 236px; } } /* Logo Type 8 */ .logo-type-8 { width: 279px; height: 554px; background: url(/images/assets/src/assets/images/logo-type-8.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-8 { width: 214px; height: 426px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-8 {width: 150px;height: 280px;} } /* Logo Type 9 */ .logo-type-9 { width: 613px; height: 477px; background: url(/images/assets/src/assets/images/logo-type-9.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-9 { width: 408px; height: 318px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-9 { width: 278px; height: 216px; } } /* Logo Type 10 */ .logo-type-10 { width: 358px; height: 421px; background: url(/images/assets/src/assets/images/logo-type-10.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-10 { width: 238px; height: 280px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-10 { width: 179px; height: 210px; } } /* Logo Type 11 */ .logo-type-11 { width: 288px; height: 377px; background: url(/images/assets/src/assets/images/logo-type-11.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-11 { width: 221px; height: 290px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-11 { width: 144px; height: 188px; } } /* Logo Type 12 */ .logo-type-12 { width: 339px; height: 537px; background: url(/images/assets/src/assets/images/logo-type-12.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-12 { width: 226px; height: 358px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-12 { width: 169px; height: 268px; } } /* Logo Type 13 */ .logo-type-13 { width: 249px; height: 368px; background: url(/images/assets/src/assets/images/logo-type-13.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-13 { width: 191px; height: 283px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-13 { width: 124px; height: 184px; } } /* Logo Type 14 */ .logo-type-14 { width: 399px; height: 308px; background: url(/images/assets/src/assets/images/logo-type-14.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-14 { width: 306px; height: 236px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-14 { width: 199px; height: 154px; } } /* Logo Type 15 */ .logo-type-15 { width: 261px; height: 417px; background: url(/images/assets/src/assets/images/logo-type-15.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-15 { width: 174px; height: 278px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-15 { width: 130px; height: 208px; } } /* Logo Type 16 */ .logo-type-16 { width: 355px; height: 409px; background: url(/images/assets/src/assets/images/logo-type-16.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-16 { width: 236px; height: 272px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-16 { width: 177px; height: 204px; } } /* Logo Type 17 */ .logo-type-17 { width: 312px; height: 370px; background: url(/images/assets/src/assets/images/logo-type-17.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-17 { width: 208px; height: 246px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-17 { width: 156px; height: 185px; } } /* Logo Type 18 */ .logo-type-18 { width: 236px; height: 417px; background: url(/images/assets/src/assets/images/logo-type-18.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-18 { width: 181px; height: 320px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-18 { width: 118px; height: 208px; } } /* Logo Type 19 */ .logo-type-19 { width: 268px; height: 479px; background: url(/images/assets/src/assets/images/logo-type-19.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-19 { width: 206px; height: 368px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-19 { width: 134px; height: 239px; } } /* Logo Type 20 */ .logo-type-20 { width: 252px; height: 415px; background: url(/images/assets/src/assets/images/logo-type-20.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-20 { width: 193px; height: 319px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-20 { width: 126px; height: 207px; } } /* Logo Type 21 */ .logo-type-21 { width: 212px; height: 410px; background: url(/images/assets/src/assets/images/logo-type-21.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-21 { width: 163px; height: 315px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-21 { width: 106px; height: 205px; } } /* Logo Type 22 */ .logo-type-22 { width: 206px; height: 446px; background: url(/images/assets/src/assets/images/logo-type-22.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-22 { width: 158px; height: 343px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-22 { width: 103px; height: 223px; } } /* Logo Type 23 */ .logo-type-23 { width: 250px; height: 417px; background: url(/images/assets/src/assets/images/logo-type-23.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-23 { width: 192px; height: 320px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-23 { width: 125px; height: 208px; } } /* Logo Type 24 */ .logo-type-24 { width: 297px; height: 421px; background: url(/images/assets/src/assets/images/logo-type-24.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-24 { width: 228px; height: 323px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-24 { width: 148px; height: 210px; } } /* Logo Type 25 */ .logo-type-25 { width: 273px; height: 352px; background: url(/images/assets/src/assets/images/logo-type-25.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-25 { width: 210px; height: 270px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-25 { width: 136px; height: 176px; } } /* Logo Type 26 */ .logo-type-26 { width: 269px; height: 396px; background: url(/images/assets/src/assets/images/logo-type-26.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-26 { width: 206px; height: 304px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-26 { width: 134px; height: 198px; } } /* Logo Type 27 */ .logo-type-27 { width: 204px; height: 468px; background: url(/images/assets/src/assets/images/logo-type-27.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-27 { width: 156px; height: 360px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-27 { width: 102px; height: 234px; } } /* Logo Type 28 */ .logo-type-28 { width: 221px; height: 453px; background: url(/images/assets/src/assets/images/logo-type-28.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-28 { width: 170px; height: 348px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-28 { width: 110px; height: 226px; } } /* Logo Type 29 */ .logo-type-29 { width: 211px; height: 475px; background: url(/images/assets/src/assets/images/logo-type-29.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-29 { width: 162px; height: 365px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-29 { width: 105px; height: 237px; } } /* Logo Type 30 */ .logo-type-30 { width: 381px; height: 502px; background: url(/images/assets/src/assets/images/logo-type-30.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-30 { width: 293px; height: 386px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-30 { width: 190px; height: 251px; } } /* Logo Type 31 */ .logo-type-31 { width: 350px; height: 455px; background: url(/images/assets/src/assets/images/logo-type-31.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-31 { width: 269px; height: 350px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-31 { width: 175px; height: 227px; } } /* Logo Type 32 */ .logo-type-32 { width: 252px; height: 427px; background: url(/images/assets/src/assets/images/logo-type-32.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-32 { width: 193px; height: 328px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-32 { width: 126px; height: 213px; } } /* Logo Type 33 */ .logo-type-33 { width: 251px; height: 436px; background: url(/images/assets/src/assets/images/logo-type-33.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-33 { width: 193px; height: 335px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-33 { width: 125px; height: 218px; } } /* Logo Type 34 */ .logo-type-34 { width: 194px; height: 446px; background: url(/images/assets/src/assets/images/logo-type-34.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-34 { width: 149px; height: 343px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-34 { width: 97px; height: 223px; } } /* Logo Type 35 */ .logo-type-35 { width: 239px; height: 445px; background: url(/images/assets/src/assets/images/logo-type-35.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-35 { width: 183px; height: 342px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-35 { width: 119px; height: 222px; } } /* Logo Type 36 */ .logo-type-36 { width: 231px; height: 442px; background: url(/images/assets/src/assets/images/logo-type-36.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-36 { width: 177px; height: 340px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-36 { width: 115px; height: 221px; } } /* Logo Type 37 */ .logo-type-37 { width: 250px; height: 462px; background: url(/images/assets/src/assets/images/logo-type-37.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-37 { width: 192px; height: 355px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-37 { width: 125px; height: 231px; } } /* Logo Type 38 */ .logo-type-38 { width: 203px; height: 366px; background: url(/images/assets/src/assets/images/logo-type-38.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-38 { width: 156px; height: 281px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-38 { width: 101px; height: 183px; } } /* Logo Type 39 */ .logo-type-39 { width: 257px; height: 369px; background: url(/images/assets/src/assets/images/logo-type-39.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-39 { width: 197px; height: 283px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-39 { width: 133px; height: 184px; } } /* Logo Type 40 */ .logo-type-40 { width: 226px; height: 364px; background: url(/images/assets/src/assets/images/logo-type-40.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-40 { width: 173px; height: 280px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-40 { width: 113px; height: 182px; } } /* Logo Type 41 */ .logo-type-41 { width: 234px; height: 375px; background: url(/images/assets/src/assets/images/logo-type-41.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-41 { width: 180px; height: 288px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-41 { width: 117px; height: 187px; } } /* Logo Type 42 */ .logo-type-42 { width: 257px; height: 367px; background: url(/images/assets/src/assets/images/logo-type-42.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-42 { width: 197px; height: 282px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-42 { width: 128px; height: 183px; } } /* Logo Type 43 */ .logo-type-43 { width: 308px; height: 373px; background: url(/images/assets/src/assets/images/logo-type-43.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-43 { width: 236px; height: 286px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-43 { width: 154px; height: 186px; } } /* Logo Type 44 */ .logo-type-44 { width: 331px; height: 378px; background: url(/images/assets/src/assets/images/logo-type-44.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-44 { width: 254px; height: 290px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-44 { width: 165px; height: 189px; } } /* Logo Type 45 */ .logo-type-45 { width: 203px; height: 431px; background: url(/images/assets/src/assets/images/logo-type-45.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-45 { width: 156px; height: 331px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-45 { width: 101px; height: 215px; } } /* Logo Type 46 */ .logo-type-46 { width: 185px; height: 460px; background: url(/images/assets/src/assets/images/logo-type-46.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-46 { width: 142px; height: 353px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-46 { width: 92px; height: 230px; } } /* Logo Type 47 */ .logo-type-47 { width: 270px; height: 463px; background: url(/images/assets/src/assets/images/logo-type-47.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-47 { width: 207px; height: 356px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-47 { width: 135px; height: 231px; } } /* Logo Type 48 */ .logo-type-48 { width: 317px; height: 431px; background: url(/images/assets/src/assets/images/logo-type-48.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-48 { width: 243px; height: 331px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-48 { width: 158px; height: 215px; } } /* Logo Type 49 */ .logo-type-49 { width: 321px; height: 520px; background: url(/images/assets/src/assets/images/logo-type-49.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-49 { width: 246px; height: 400px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-49 { width: 160px; height: 260px; } } /* Logo Type 50 */ .logo-type-50 { width: 299px; height: 473px; background: url(/images/assets/src/assets/images/logo-type-50.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-50 { width: 230px; height: 363px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-50 { width: 149px; height: 236px; } } /* Logo Type 51 */ .logo-type-51 { width: 348px; height: 441px; background: url(/images/assets/src/assets/images/logo-type-51.png) no-repeat 0 0; background-size: 100% 100%; } /* Small Desktop */ @media (max-width: 1200px) { .logo-type-51 { width: 267px; height: 339px; } } /* Mobile */ @media (max-width: 767px) { .logo-type-51 { width: 174px; height: 220px; } } /* ------------------------------------------------------------ *\ Logo Box \* ------------------------------------------------------------ */ .logo-box { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 69px; opacity: .5; transition: opacity .5s; } .logo-box a { display: inline-block; text-decoration: none; } .logo-box:hover { opacity: 1; } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map { padding: 10px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; } .map .map__content { min-height: 423px; } /* Mobile */ @media (max-width: 479px) { .map .map__content { min-height: 350px; } } /* Map Medium */ .map--medium .map__content { min-height: 360px; } @media (max-width: 479px) { .map .map__content { min-height: 250px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; } .nav ul { list-style-type: none; } .nav li { display: inline-block; vertical-align: middle; } .nav li + li { margin-left: 19px; } .nav a { position: relative; display: block; padding: 13px 10px; color: #fff; text-decoration: none; transition: color .3s; } .nav a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #e83a25; transition: width .3s; } .nav a:hover, .nav .current a { color: #e83a25; } .nav a:hover:after, .nav .current a:after { width: 100%; } /* Tablet Portrait */ @media (max-width: 991px) { .nav { position: absolute; top: 0; right: 0; height: 100vh; width: 60%; padding: 60px 0 20px; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; box-shadow: -3px 0 9px rgba(0,0,0,0.5); -ms-transform: translateX(100%); transform: translateX(100%); visibility: hidden; opacity: 0; transition: transform .8s, visibility .8s, opacity .8s; } .nav.visible { -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; } .nav ul { height: 100%; overflow-y: auto; } .nav li { display: block; width: 100%; } .nav li + li { border-top: 3px solid #e83a25; margin-left: 0; } .nav a { display: inline-block; padding: 15px 10px; color: #e83a25; } .nav a:after { display: none; } } /* ------------------------------------------------------------ *\ Number \* ------------------------------------------------------------ */ .number { position: relative; display: inline-block; width: 90px; height: 90px; border-radius: 50%; font-family: 'Oswald', sans-serif; font-size: 30px; line-height: 90px; color: #e83a25; text-align: center; } .number:after { content: ''; position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; background: url(/images/assets/src/assets/images/number-border.png) no-repeat 0 0; } /* ------------------------------------------------------------ *\ Ornament \* ------------------------------------------------------------ */ .ornament { background-repeat: repeat; } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align: center; } .paging ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; list-style-type: none; } .paging li { margin: 0 5px; } .paging li a { font-family: 'Oswald', sans-serif; font-size: 14px; } .paging a { display: inline-block; width: 40px; height: 35px; border-radius: 2px; background: #ebebeb; line-height: 35px; font-size: 18px; text-decoration: none; transition: background .3s, color .3s; } .paging a:hover, .paging .current a { background: #e83a25; color: #fff; } .paging .current a { font-weight: 700; } /* ------------------------------------------------------------ *\ Parallax Item \* ------------------------------------------------------------ */ .parallax-item.animation-end { transform: translate3d(0px, 0px, 0px); animation: none; } /* ------------------------------------------------------------ *\ Phone \* ------------------------------------------------------------ */ .phone { font-family: 'Oswald', sans-serif; font-size: 25px; line-height: 1.2; color: #163945; } /* ------------------------------------------------------------ *\ Post \* ------------------------------------------------------------ */ .posts { list-style-type: none; } .post { position: relative; padding: 18px 25px 15px 0; } .post:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(/images/assets/src/assets/images/border-small.png) repeat-x 0 0; } .post .post__date { display: block; margin-bottom: 7px; font-size: 11px; line-height: 1.2; color: #666; text-transform: uppercase; } .post .post__title { color: #f4f4f4; text-transform: uppercase; line-height: 1.7; } .post .post__title a { text-decoration: none; } /* ------------------------------------------------------------ *\ Post Alt \* ------------------------------------------------------------ */ .post-alt .post__title { margin-bottom: 15px; font-family: 'Oswald', sans-serif; color: #163945; letter-spacing: 0.027em; } .post-alt .post__title a { text-decoration: none; } .post-alt .post__meta { display: -ms-flexbox; display: flex; font-size: 12px; line-height: 1.5; } .post-alt .post__meta div { margin-right: 34px; } .post-alt .post__meta div:last-child { margin-right: 0; } .post-alt .post__meta a { text-decoration: none; color: #508ac6; } .post-alt .post__meta a:hover { text-decoration: underline; } .post-alt .post__meta i { margin-right: 7px; } .post-alt .list-tags { display: inline-block; vertical-align: middle; } /* Mobile */ @media (max-width: 767px) { .post-alt .post__meta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-alt .post__tags { margin-top: 5px; width: 100%; } } @media (max-width: 479px) { .post-alt .post__meta { -ms-flex-direction: column; flex-direction: column; } .post-alt .post__meta div { margin-right: 0; } .post-alt .post__meta div + div { margin-top: 5px; } } /* Post Large */ .post-large { margin-bottom: 50px; } .post-large .post__head { margin-bottom: 10px; } .post-large .post__body { padding: 10px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; } .post-large .post__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 20px 20px; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } .post-large .post__image { -ms-flex-negative: 0; flex-shrink: 0; padding-top: 4px; margin-right: 20px; } .post-large .post__content { width: 100%; font-size: 14px; line-height: 1.74; } .post-large .post__entry { margin-bottom: 13px; } /* Small Desktop */ @media (max-width: 1200px) { .post-large .post__meta div { margin-right: 15px; } } /* Mobile */ @media (max-width: 767px) { .post-large .post__inner { -ms-flex-direction: column; flex-direction: column; padding: 10px; } .post-large .post__image { padding-top: 0; margin-bottom: 10px; margin-right: 0; } .post-large .post__image img { width: 100%; } } /* Post Single */ .post--single { padding-top: 5px; } .post--single .post__date { display: -ms-flexbox; display: flex; margin-bottom: 25px; font-family: 'Oswald', sans-serif; font-size: 16px; line-height: 1.2; } .post--single .post__date strong { padding: 10px 13px; border-radius: 2px; background: #508ac6; color: #fff; } .post--single .post__date span { min-width: 86px; padding: 10px 13px; background: #fff; color: #999; text-transform: uppercase; text-align: center; } .post--single .post__head { margin-bottom: 22px; } .post--single .post__image { margin-bottom: 40px; } .post--single .post__title { margin-bottom: 5px; } .post--single .post__subtitle { margin-bottom: 25px; font-family: 'ChunkFive', sans-serif; text-transform: uppercase; } .post--single .post__body p { margin-bottom: 24px; } .post--single .post__body p:last-child { margin-bottom: 0; } .post--single .post__body p a { color: #e83a25; } .post--single .post__group { position: relative; } .post--single .post__group + .post__group { padding-top: 45px; margin-top: 45px; } .post--single .post__group + .post__group:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(/images/assets/src/assets/images/border-medium.png) repeat-x 0 0; } .post--single .post__group h2 { margin-bottom: 10px; } .post--single .post__category p a { color: #508ac6; text-decoration: none; } .post--single .post__category p a:hover { text-decoration: underline; } .post--single .post__actions { margin-top: 44px; } .post--single .small { font-size: 14px; line-height: 1.74; } .post--single .list-dots { padding-left: 16px; margin-bottom: 30px; } /* Mobile */ @media (max-width: 767px) { .post--single .list-dots { padding-left: 0; } } /* ------------------------------------------------------------ *\ Project \* ------------------------------------------------------------ */ .project { display: -ms-flexbox; display: flex; width: 100%; padding: 10px; margin-bottom: 30px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; } .project .project__inner { display: -ms-flexbox; display: flex; width: 100%; padding: 20px; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } .project .project__image { -ms-flex-negative: 0; flex-shrink: 0; width: 245px; height: 280px; margin-right: 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .project .project__content { width: 100%; padding: 15px 0; } .project .project__title { margin-bottom: 10px; font-family: 'Oswald', sans-serif; color: #163945; letter-spacing: 0.02em; } .project .project__head { margin-bottom: 15px; font-size: 12px; line-height: 1.5; } .project .project__body { margin-bottom: 14px; font-size: 14px; line-height: 1.74; } .project .project__categories { margin-bottom: 15px; } /* Small Desktop */ @media (max-width: 1200px) { .project .project__inner { padding: 15px 10px; } .project .project__image { width: 200px; height: 240px; } .project .project__content { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .project .project__inner { padding: 10px; } .project .project__image { margin-right: 10px; } .project .project__body { font-size: 13px; } } @media (max-width: 479px) { .project .project__inner { -ms-flex-direction: column; flex-direction: column; } .project .project__image { width: 100%; margin-right: 0; margin-bottom: 20px; } } /* Project Single */ .project--single { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin-bottom: 0; background: none; } .project--single .project__head { margin-bottom: 23px; font-size: 18px; line-height: 1.2; } .project--single .project__title { margin-bottom: 20px; } .project--single .project__aside { -ms-flex-negative: 0; flex-shrink: 0; width: 66%; } .project--single .project__content { width: 36%; padding-right: 30px; } .project--single .project__categories { margin-bottom: 28px; } .project--single .project__body { font-size: 16px; line-height: 1.75; } .project--single .project__body span { color: #e83a25; } .project--single .box .box__content { padding: 20px; } /* Tablet Portrait */ @media (max-width: 991px) { .project--single { -ms-flex-direction: column; flex-direction: column; } .project--single .project__aside { width: 100%; -ms-flex-order: -1; order: -1; } .project--single .project__content { width: 100%; padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .project--single .box .box__content { padding: 10px; } .project--single .project__head, .project--single .project__body { font-size: 14px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { width: 100%; } .search .search__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .search .search__field { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 11px 21px; border: 0; border-radius: 0; background: #eaeaea; font-family: 'Oswald', sans-serif; font-size: 14px; line-height: 1.3; color: #999; transition: color .3s; } .search .search__field:focus { color: #000; } .search .search__field::-webkit-input-placeholder { text-transform: uppercase; } .search .search__field:-ms-input-placeholder { text-transform: uppercase; } .search .search__field::placeholder { text-transform: uppercase; } .search .search__btn { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; width: 66px; line-height: 40px; border: 0; border-radius: 2px; background: #e83a25; transition: background .3s; } .search .search__btn:hover { background: #ca1d08; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ /* Section Pattern */ .section--pattern { background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } /* Section Pattern Darkgrey */ .section--pattern-darkgrey { background: url(/images/assets/src/assets/images/pattern-darkgrey.jpg) repeat 0 0; } /* Section Ornament */ .section--ornament { position: relative; z-index: 30; } .section--ornament .ornament { position: absolute; left: 0; width: 100%; height: 9px; } .section--ornament .ornament--top { bottom: 100%; } .section--ornament .ornament--bottom { top: 100%; } /* Section About */ .section--about .section__inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .section--about .section__aside { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 -6px 0 0; transform: translate3d(0, -100%, 0); } .section--about .section__content { width: 100%; padding: 95px 0 30px; line-height: 1.75; opacity: 0; } .section--about .section__title { margin-bottom: 40px; } .section--about .section__image { position: relative; z-index: 20; } .section--about .section__image-cloud { position: absolute; top: 0; right: 100%; margin-right: -70px; } /* Small Desktop */ @media (max-width: 1200px) { .section--about .section__image-cloud { margin-right: -95px; } } /* Tablet Portrait */ @media (max-width: 991px) { .section--about { padding-bottom: 20px; } .section--about .section__inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .section--about .section__aside { -ms-flex-order: -1; order: -1; margin: 0 0 20px; } .section--about .section__content { padding: 0; } .section--about .section__image-cloud { margin-right: -70px; } } /* Mobile */ @media (max-width: 767px) { .section--about .section__title { margin-bottom: 20px; } .section--about .section__image { width: 253px; height: 225px; } .section--about .section__image-cloud { width: 103px; height: 121px; } } /* Section Services */ .section--services { padding: 32px 0 20px; } /* Tablet Portrait */ @media (max-width: 991px) { .section--services { padding: 20px 0; } } /* Section Services Alt */ .section--services-alt .boxes { padding-top: 20px; } /* Section Callout */ .section--callout { position: relative; z-index: 35; } .section--callout .section__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .section--callout .section__image { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 78px; margin-bottom: -40px; } .section--callout .section__content { width: 100%; padding-right: 70px; } .section--callout .section__title { margin-bottom: 12px; } .section--callout .btn { margin-top: 20px; } /* Tablet Portrait */ @media (max-width: 991px) { .section--callout { padding-top: 30px; } .section--callout .section__inner { -ms-flex-direction: column; flex-direction: column; } .section--callout .section__image { margin-right: 0; } .section--callout .section__content { -ms-flex-order: -1; order: -1; padding-right: 0; text-align: center; } } /* Section Slider */ .section--slider { padding: 43px 0; } /* Section Default */ .section--default { padding: 75px 0; } .section--default .section__title { margin-bottom: 42px; } .section--default .section__subtitle { margin-bottom: 30px; font-family: 'MuseoSlab', sans-serif; font-weight: 400; color: #7f7f7f; } .section--default .section__head { position: relative; padding-bottom: 50px; margin-bottom: 35px; } .section--default .section__head:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(/images/assets/src/assets/images/border-medium.png) repeat-x 0 0; } .section--default .section__group { position: relative; } .section--default .section__group + .section__group { padding-top: 65px; margin-top: 60px; } .section--default .section__group + .section__group:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(/images/assets/src/assets/images/border-medium.png) repeat-x 0 0; } .section--default .section__actions { position: relative; padding-top: 60px; margin-top: 50px; } .section--default .section__actions:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(/images/assets/src/assets/images/border-medium.png) repeat-x 0 0; } .section--default .section__actions .btn + .btn { margin-left: 5px; } .section--default .section__content { line-height: 1.75; } /* Mobile */ @media (max-width: 767px) { .section--default { padding: 40px 0; } .section--default .section__group + .section__group { padding-top: 40px; margin-top: 40px; } } /* Section Info */ .section--info .list-links { margin-top: 32px; } .section--info .map { margin-top: 70px; } /* Mobile */ @media (max-width: 767px) { .section--info .list-links { margin-top: 40px; } .section--info .map { margin-top: 40px; } } /* Section Philanthropy */ .section--philanthropy .section__body { line-height: 1.75; } .section--philanthropy .section__group + .section__group { padding-top: 47px; margin-top: 5px; } .section--philanthropy .section__group .title { margin-bottom: 23px; } .section--philanthropy .row { margin-top: 52px; } /* Section Service Single */ .section--service-single { padding: 45px 0; } .section--service-single .section__image { width: 100%; text-align: center; } .section--service-single .section__content { padding-top: 30px; } .section--service-single .section__group > p { font-size: 14px; line-height: 1.71; margin-bottom: 40px; } .section--service-single .section__group + .section__group { padding-top: 45px; margin-top: 45px; } .section--service-single .section__group h4 { margin-bottom: 25px; } .section--service-single .video { margin-bottom: 25px; } /* Tablet Portrait */ @media (max-width: 991px) { .section--service-single .row.flex .col-md-4 { -ms-flex-order: -1; order: -1; } } /* Section Posts */ .section--posts { padding-bottom: 100px; } .section--posts .section__head { margin-bottom: 40px; } .section--posts .section__aside { padding-top: 5px; } .section--posts .section__body { margin-bottom: 15px; } /* Mobile */ @media (max-width: 767px) { .section--posts .section__body { margin-bottom: 45px; } } /* Section Post */ .section--post { padding-bottom: 40px; } .section--post .section__head { margin-bottom: 39px; } .section--post .section__aside { padding-top: 5px; } /* Tablet Portrait */ @media (max-width: 991px) { .section--post .section__content { margin-bottom: 45px; } } /* Section Contact */ .section--contact { padding-bottom: 40px; } .section--contact .section__head { position: relative; padding-bottom: 60px; margin-bottom: 45px; line-height: 1.75; } .section--contact .section__image { position: absolute; top: calc(50% + 39px); right: 0; z-index: 10; -ms-transform: translateY(-50%); transform: translateY(-50%); } .section--contact .section__body { line-height: 1.75; } .section--contact .section__body h4 { margin-bottom: 18px; } .section--contact .phone { margin-bottom: 25px; } .section--contact .maps { padding-top: 20px; } /* Tablet Portrait */ @media (max-width: 991px) { .section--contact .section__head br { display: none; } } /* Mobile */ @media (max-width: 767px) { .section--contact .section__head { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 40px; margin-bottom: 40px; } .section--contact .section__image { position: static; -ms-transform: translateY(0); transform: translateY(0); -ms-flex-order: -1; order: -1; width: 200px; margin: 0 auto 20px; } .section--contact .section__entry { margin-bottom: 20px; } .section--contact .maps .col-xs-12 { margin-bottom: 50px; } .section--contact .maps .col-xs-12:last-child { margin-bottom: 0; } } /* Section Projects */ .section--projects { padding-bottom: 100px; } .section--projects .section__head { padding-bottom: 0; margin-bottom: 25px; } .section--projects .section__head:after { display: none; } .section--projects .filter { margin-bottom: 28px; } /* Section Project Single */ .section--project-single { padding-bottom: 40px; } .section--project-single .section__title { margin-bottom: 0; } .section--project-single .section__head { padding-bottom: 30px; margin-bottom: 60px; } .section--project-single .section__group { font-size: 14px; line-height: 1.71; } .section--project-single .section__group + .section__group { padding-top: 45px; margin-top: 30px; } .section--project-single .section__group p { margin-bottom: 25px; } .section--project-single .section__group p:last-of-type { margin-bottom: 0; } .section--project-single .section__group p a { color: #e83a25; } .section--project-single .title { margin-bottom: 20px; } /* Tablet Portrait */ @media (max-width: 991px) { .section--project-single .section__head { padding-bottom: 40px; margin-bottom: 40px; } .section--project-single .section__group + .section__group { padding-top: 40px; margin-top: 40px; } } /* Section Testimonials */ .section--testimonials { padding: 50px 0; } /* Tablet Portrait */ @media (max-width: 991px) { .section--testimonials { padding: 30px 0; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider .slider__slides { position: relative; padding: 0 15px; } .slider .slick-prev { position: absolute; top: 50%; left: 0; z-index: 10; width: 12px; height: 28px; border: 0; margin-top: -14px; background: url(/images/assets/src/assets/images/slider-default-prev.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4004px; } .slider .slick-next { position: absolute; top: 50%; right: 0; z-index: 10; width: 12px; height: 28px; border: 0; margin-top: -14px; background: url(/images/assets/src/assets/images/slider-default-next.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4004px; } /* ------------------------------------------------------------ *\ Slider Intro \* ------------------------------------------------------------ */ .slider-intro { position: absolute; top: 50%; left: 50%; margin-top: -219px; margin-left: -312px; background: url(/images/assets/src/assets/images/slider-intro-bg.jpg) repeat 0 0; } .slider-intro .slider__slides { width: 624px; height: 292px; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .slider-intro .slick-prev { position: absolute; top: 50%; left: -42px; z-index: 10; width: 52px; height: 93px; border: 0; margin-top: -36px; background: url(/images/assets/src/assets/images/slider-prev.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; } .slider-intro .slick-next { position: absolute; top: 50%; right: -38px; z-index: 10; width: 52px; height: 93px; border: 0; margin-top: -36px; background: url(/images/assets/src/assets/images/slider-next.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; } .slider-intro .slick-prev:hover { background: url(/images/assets/src/assets/images/slider-prev-active.png) no-repeat 0 0; background-size: 100% 100%; } .slider-intro .slick-next:hover { background: url(/images/assets/src/assets/images/slider-next-active.png) no-repeat 0 0; background-size: 100% 100%; } .slider-intro .slick-dots { position: absolute; top: 100%; left: 50%; min-width: 142px; height: 42px; padding: 5px 17px 5px 25px; margin-top: 6px; margin-left: -66px; background: url(/images/assets/src/assets/images/slider-dots-bg.png) no-repeat; background-size: 100% 100%; text-align: right; background-size: cover; background-position: center center; } .slider-intro .slick-dots li { display: inline-block; vertical-align: middle; } .slider-intro .slick-dots li + li { margin-left: 4px; } .slider-intro .slick-dots button { border: 0; width: 16px; height: 15px; background: url(/images/assets/src/assets/images/slider-dot.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; } .slider-intro .slick-dots button:hover, .slider-intro .slick-dots .slick-active button { background: url(/images/assets/src/assets/images/slider-dot-active.png) no-repeat 0 0; background-size: 100% 100%; } .slider-intro .slick-list, .slider-intro .slick-track { height: 100%; } .slider-intro .slick-slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 20px 37px 20px 50px; } .slider-intro .slick-slide > div { width: 100%; } /* Mobile */ @media (max-width: 767px) { .slider-intro { margin-top: -146px; margin-left: -208px; } .slider-intro .slider__slides { width: 416px; height: 194px; } .slider-intro .slick-next, .slider-intro .slick-prev { width: 34px; height: 62px; margin-top: -31px; } .slider-intro .slick-prev { left: -27px; } .slider-intro .slick-next { right: -27px; } .slider-intro .slick-dots { min-width: 95px; height: 28px; margin-left: -47px; font-size: 0; line-height: 20px; text-align: center; } .slider-intro .slick-dots button { width: 11px; height: 10px; } .slider-intro .slick-slide { padding: 10px 20px; } } @media (max-width: 479px) { .slider-intro { margin-top: -98px; margin-left: -139px; } .slider-intro .slider__slides { width: 277px; height: 129px; } .slider-intro .slick-next, .slider-intro .slick-prev { width: 23px; height: 41px; margin-top: -21px; } .slider-intro .slick-prev { left: -20px; } .slider-intro .slick-next { right: -20px; } .slider-intro .slick-dots { min-width: 63px; height: 19px; margin-left: -53px; line-height: 10px; } .slider-intro .slick-dots button { width: 11px; height: 10px; } .slider-intro .slick-slide { padding: 10px 8px; } } /* Slider Gallery */ .slider--gallery .slider__slides { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .slider--gallery .slider__slides img { display: block; width: 100%; } .slider--gallery .slick-list { -ms-flex-order: -3; order: -3; margin-bottom: 12px; } .slider--gallery .slick-dots { list-style-type: none; -ms-flex-order: -1; order: -1; margin: 0 35px; line-height: 1; font-size: 0; } .slider--gallery .slick-dots li { display: inline-block; vertical-align: middle; line-height: 1; font-size: 0; } .slider--gallery .slick-dots li + li { margin-left: 25px; } .slider--gallery .slick-dots button { display: inline-block; width: 10px; height: 10px; border-radius: 2px; border: 0; background: #999; font-size: 0; line-height: 0; text-indent: -4004px; transition: background .3s; } .slider--gallery .slick-dots button:hover, .slider--gallery .slick-dots .slick-active button { background: #e83a25; } .slider--gallery .slick-prev { position: static; -ms-flex-order: -2; order: -2; width: auto; height: auto; margin-top: 0; background: none; text-indent: 0; } .slider--gallery .slick-prev:before { content: '«'; font-size: 20px; line-height: 1; } .slider--gallery .slick-next { position: static; width: auto; height: auto; margin-top: 0; background: none; text-indent: 0; } .slider--gallery .slick-next:before { content: '»'; font-size: 20px; line-height: 1; } /* Slider Testimonials */ .slider--testimonials .slider__slides { margin: 0 -35px; } .slider--testimonials .slider__slide { padding: 0 20px; } .slider--testimonials .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .slider--testimonials .box .box__inner { margin-bottom: 0; } /* Small Desktop */ @media (max-width: 1200px) { .slider--testimonials .slider__slides { margin: 0; } } /* Mobile */ @media (max-width: 767px) { .slider--testimonials .slick-track { display: block; } .slider--testimonials .slider__slide { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { font-size: 18px; } .socials ul { list-style-type: none; } .socials li { display: inline-block; vertical-align: middle; } .socials li + li { margin-left: 9px; } .socials a { display: inline-block; color: #999; transition: color .3s; } .socials a:hover { color: #fff; } /* ------------------------------------------------------------ *\ Stepper \* ------------------------------------------------------------ */ .stepper { position: relative; } .stepper input { padding-right: 35px; padding-left: 20px; font-size: 12px; } .stepper .stepper__up { position: absolute; top: 9px; right: 20px; font-size: 0; line-height: 0; } .stepper .stepper__down { position: absolute; bottom: 9px; right: 20px; font-size: 0; line-height: 0; } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe { padding: 3px 0; } .subscribe p { margin-bottom: 19px; font-family: 'Oswald', sans-serif; font-size: 14px; line-height: 1.2; color: #999; } .subscribe .subscribe__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .subscribe .subscribe__field { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 5px 15px; border-radius: 2px; border: 0; background: #252527; font-size: 14px; line-height: 1.2; } .subscribe .subscribe__btn { -ms-flex-negative: 0; flex-shrink: 0; padding: 6px 13px; } /* Tablet Portrait */ @media (max-width: 991px) { .subscribe { padding: 10px 0; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs__head { margin-bottom: 10px; } .tabs .tabs__nav { font-family: 'Oswald', sans-serif; text-transform: uppercase; line-height: 1.88; } .tabs .tabs__nav li { display: inline-block; vertical-align: middle; } .tabs .tabs__nav li + li { margin-left: 10px; } .tabs .tabs__nav a { display: block; padding: 0 20px 7px; border-bottom: 3px solid rgba(255, 255, 255, 0.2); text-decoration: none; color: #999; transition: border-color .3s, color .3s; } .tabs .tabs__nav a:hover, .tabs .tabs__nav .current a { border-color: #e83a25; color: #f4f4f4; } .tabs .tab { position: relative; display: none; animation: fadeIn .5s; } .tabs .tab.current { display: block; } .tabs .tab .tab__content { margin-bottom: 27px; } .tabs .tab .tab__inner { max-height: 100%; overflow: visible; } /* Tablet Portrait */ @media (max-width: 991px) { .tabs .tab { display: block; margin-bottom: 15px; } .tabs .tab .tab__inner { max-height: 0; overflow: hidden; transition: max-height .5s ease-in-out; } .tabs .tab.accordion--expanded .tab__inner { max-height: 100vh; } } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial .testimonial__name { margin-bottom: 5px; line-height: 1.2; } .testimonial .testimonial__author { margin-bottom: 20px; } .testimonial .testimonial__content { font-size: 14px; } /* ------------------------------------------------------------ *\ Title \* ------------------------------------------------------------ */ /* Title Red */ .title--red { color: #e83a25; } /* Title Blue */ .title--blue { color: #163945; } /* ------------------------------------------------------------ *\ Title Border \* ------------------------------------------------------------ */ .title-border { position: relative; display: block; padding-bottom: 25px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 18px; color: #999; text-decoration: none; } .title-border:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(/images/assets/src/assets/images/border-big.png) repeat-x 0 0; } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video { padding: 10px; background: url(/images/assets/src/assets/images/pattern-border.png) repeat 0 0; text-align: center; } .video .video__inner { position: relative; padding: 48.5% 15px 30px 15px; background: url(/images/assets/src/assets/images/pattern-bg.jpg) repeat 0 0; } .video .video__player { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .video .btn-play { position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -42px; } /* Mobile */ @media (max-width: 767px) { .video .video__inner { padding: 48.5% 10px 20px 10px; } .video .video__player { top: 10px; left: 10px; bottom: 10px; right: 10px; } .video .btn-play { margin-top: -28px; margin-left: -28px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget { margin-bottom: 50px; } .widget:last-of-type { margin-bottom: 0; } .widget .widget__head { position: relative; padding-bottom: 18px; margin-bottom: 25px; } .widget .widget__head:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(/images/assets/src/assets/images/border-medium.png) repeat-x 0 0; } .widget .widget__title { font-family: 'Oswald', sans-serif; text-transform: uppercase; } .widget .list-bullets { padding-left: 14px; } /* Mobile */ @media (max-width: 767px) { .widget .list-bullets { padding-left: 0; } } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Info Window \* ------------------------------------------------------------ */ .info-window { height: auto !important; width: auto !important; } .info-window > div > div:nth-child(1) { visibility: hidden; opacity: 1; } .info-window > div > div:nth-child(2), .info-window > div > div:nth-child(4){ width: 316px !important; height: 221px !important; background-color: transparent !important; box-shadow: none !important; } .info-window > div > div:nth-child(3) { display: none; } .info-window .gm-style-iw { top: 0 !important; left: 0 !important; width: 316px !important; height: 221px !important; } .info-window .gm-style-iw > div, .info-window .gm-style-iw > div > div { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; visibility: visible; opacity: 1; } .info-window .gm-style-iw > div > div { padding: 32px 30px 53px 70px; background: url(/images/assets/src/assets/images/info-box-bg.png) repeat 0 0; background-size: 100% 100%; overflow: hidden !important; } .info-window .gm-style-iw + div { position: absolute; top: 26px !important; left: 0; right: auto !important; opacity: 1 !important; width: 316px !important; height: 15px !important; } .info-window .gm-style-iw + div:after { content: ''; position: absolute; top: 0; right: 12px; background: url(/images/assets/src/assets/images/ico-cross.png) no-repeat 0 0; width: 16px !important; height: 15px !important; background-size: 100% 100%; } .info-window .gm-style-iw + div > img { display: none; } .info-box { position: relative; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; } .info-box .info-box__title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 14px; font-weight: 500; color: #163945; } .info-box .info-box__body { -ms-flex-positive: 1; flex-grow: 1; font-size: 14px; line-height: 1.7; color: #7f7f7f; font-weight: 500; } .info-box .link { font-weight: 400; font-family: 'Oswald', sans-serif; font-size: 14px; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .info-window .gm-style-iw + div, .info-window .gm-style-iw { width: 275px !important; } .info-window .gm-style-iw > div > div { padding-left: 50px; } }